multiscreen | Shows a single video on multiple freely arrangeable screens | Video Utils library

I want to get familiar with Android and started taking some Udacity courses. Currently, we have to make an ImageButton play some audio on click for language-learning purposes. I thought it would be nice if the button toggled as well, for example, in a paused state, it should display a "play" icon and in a playing state, a "pause" icon. This is very simple to achieve using an OnClickListener and it also works properly, up to 1 small detail: the user has to click the button twice.

After some searching, I found out that the first click is used to focus the view in that position and the second view is when the fired OnClickEvent is actually handled. I tried to change the focusable and focusableInTouchModeattributes to all possible combinations in all possible places, but it didn't work.

Here is my main Activity:

I am using the onCreateOptionsMenu method to create a toolbar with icons in the MainActivity of my app. I am testing on different screen sizes and pixel densities with Android Studio's emulator. The documentation states,

"Based on the density of the current screen, the system uses any density-specific resources from your app. If resources are not available in the correct density, the system loads the default resources and scales them up or down as needed."

I've tried putting all of my vector icons the default drawable directory, but the system does not scale them for different screen sizes or densities at all. Nor does onCreateOptionsMenu scale the height of the toolbar or the title text. Is it supposed to?

Because of this, I have also tried using different density buckets to address that problem. However, I'm running into an issue with greatly varying screen sizes sharing the same density bucket. As an example, I'm testing on Pixel 3 (5.5" phone) and Pixel C (10" tablet). They are using the same density bucket (xhdpi) so if I use a 24dp x 24dp icon for the phone, then it looks way too small on the tablet. How do I work around this?

I am new to Kivy and struggling to change elements in MainWindow based on what happens in SecondWindow. The code below is how far I have got on my own. The clicking of the "A" button in SecondWindow fires an event in WindowManager and prints "A" in console. However, I would like to update id: labeltext in MainWindow based on that click. Can that be done directly somehow or do how do I pass information from WindowManager to MainWindow. If so, how? I am new to object oriented programming so these things cause a lot of head scratching to me. Thank you!

Python code:

Thanks for taking a look. I'm brand new to Kivy/KivyMD/programming and there's something fundamental I'm just not grasping between the python code and the kv code.

I'm building a simple app that uses ScreenManager to switch between two screens. On each screen, I plan to have a dynamically generated list with data from a database.

I can add static lists and other widgets by putting them in the kv file. But I can't seem to understand how to create/update data in the class in the python file and have it link to the kv file ID.

In the following code, the program works and I've thrown a button in there that successfully generates a list, but the goal is to have no button and have the list generate automatically when the app starts.

I've added some comments with things I've tried. Am I using the wrong variable names or doing something fundamentally wrong?

[main.py python file]

HI I have problem with layouts in android for examples i design this layout with Constraint Layout for Pixel 2 it looks fine!

but when i change to Nexus One 3.7 that blank Spaces are gone and i don't want it Nexus One 3.7

codes:

I want to display a square image in the background at 80% width of the device. Currently, I'm developing on a standard phone (MDPI) So from this page: https://developer.android.com/training/multiscreen/screendensities I have a 160dpi phone, I want my image to be about 2 inches, my image should have a resolution of 320x320 pixel. then the image @ 2x 640px and @ 3x 960px. For the moment, do I understand correctly?

But if I take a larger phone, 80% of the width may be 2.5 inches, my image is no longer large enough. Worse, 80% of a tablet represents a much larger size. On this page: https://developer.android.com/training/multiscreen/screensizes I understand they explain the size required for each screen size:

I'm wondering if it's possible to use different layouts based on a phone's screen size (not tablets, watches, etc.). I've already taken a look at this article, but don't seem to be having any success implementing what it suggests. Just for context, I'm using a ConstraintLayout for all of my layouts. I originally designed my UI using a Pixel 3 XL, and when I try to run my application on any other device, the UI looks distorted, its elements aren't anywhere they should be, and everything is just awful.

How would I go about making and assigning layouts for each screen size? Is there something else I could do instead?

Hi,

I'm making an app for Instagram using this library. I have two principal problems:

• Need to login every time app get opens.
• After login, session ends on switch activity.

And I can't solve this just saving login credentials, cuz Instagram doesn't allow this. I found this at Instagram Platform Policies:

"Don't store or cache Instagram login credentials."

Other people had the same problem and the lib creator answered this. The problem is that I don't understand nothing and he answered using Kotlin, I'm using Java. Here are my code:

Multiscreen.java: