Responsive status area layout

[Insti]

• Add resources for the bottom of screen icons so that they are visible in the Android Studio layout designer and need not be set at runtime.

• Convert status.xml to use Constraint Layouts https://developer.android.com/training/constraint-layout This should allow the area to be "responsive" and adjust itself based on the space available

• The "Engine status" and "Opening" lines are now on separate horizontal lines.

• Change the colon color to blue, so it doesn't look like it is owned bywhite. (Do we even need the colon to be there?)

Screenshots:

Note: The "settings" and "opening" font and bottom row icon size should be the same on both these devices, even though it looks different due to the image scaling here on Github

720x1280 - Android 7.1.1

1600x2560 - Android 9.+

[Insti]

I don't know how far back the compatibilty for constraint layouts goes, I think that it might be resolved at build time so it should work for anything we can build for, but I'm not sure. (Android dev is not my day job.)

[oers]

In my Android Studio the buttons on the buttom are never visible in the board_layout preview. Do you see them in the preview?

And on my phone it looks like this:

Font seems to scale a bit too much.

[oers]

My Android Studio cannot load/resolve the new vector xml file images (it seems). I think that vector images are only supported with APK Level 21 (Android 5) and the target for the project is still 14 (I wanted to stay compatible with android 4, when I started working on the fork). Don't know why you see it in the preview and I don't. But I can see the buttons on my phone (android 9)

[Insti]

Ok, thanks for the screenshot. I can probably fix the digit alignment issue, I think it's caused by the font size being set when there are only 2 characters in the field, and when there is 4 it wraps.

I can see the icons in the designer mode. I'm on Android Studio 3.4.2 on OSX

I'll check what the project APK target setting for my build is.

[oers]

When I look at the XML for the status. The line with the img for the button is highlighted with an error for me.

Your solution to the sizing problems looks pretty good, I think you achieved what I tried to do with the row layout.

[Insti]

What version of Android Studio are you using?

[Insti]

https://github.com/oers/reversatile/pull/69/commits/8fd6cb4620d11b3ab091355a650cca2eaa905b64 won't fix the problem where 80sp font exactly fills the available space, but should stop the text becoming too big. (80sp might already be too big! - let me know if it should be smaller.)

What do you think about replacing the : with a disk that is either white or black depending on whose turn it is?

[oers]

I have 4.3.2 as well.

The idea with the disc in the middle sounds cool.

[oers]

with android:maxLines="1" Android will not wrap the textview. I just tested it and it works