[TIMOB-28526] Android: Add solid app background theme support
GitHub Issue | n/a |
---|---|
Type | New Feature |
Priority | Low |
Status | Closed |
Resolution | Fixed |
Resolution Date | 2021-08-25T15:35:05.000+0000 |
Affected Version/s | n/a |
Fix Version/s | Release 10.1.0 |
Components | Android |
Labels | android, material-design, theme |
Reporter | Joshua Quick |
Assignee | Joshua Quick |
Created | 2021-08-17T22:35:35.000+0000 |
Updated | 2021-08-25T15:35:05.000+0000 |
Description
*Summary:*
Many of Google's apps use a theme where the entire app background uses one solid color. That is the top status bar, action bar, and bottom navigation bar use the same color as the window's background color giving it one seamless solid appearance. We should offer a similar theme in Titanium for app developers to use or derive their own custom themes from.
_(See example screenshots down below.)_
*Note:*
On Android 12, the splash screen the OS displays for the app show a solid background color from the top status bar to the bottom navigation bar. It would be good if the app's windows have a similar theme since it transitions nicely to it (but it's not required by Google).
*To-Do:*
Create the following themes. Note the post-fixed ".Solid" in the theme names.
*
Theme.Titanium.Dark.Solid
* Theme.Titanium.Dark.Solid.NoTitleBar
* Theme.Titanium.Dark.Solid.Fullscreen
* Theme.Titanium.Light.Solid
* Theme.Titanium.Light.Solid.NoTitleBar
* Theme.Titanium.Light.Solid.Fullscreen
* Theme.Titanium.DayNight.Solid
* Theme.Titanium.DayNight.Solid.NoTitleBar
* Theme.Titanium.DayNight.Solid.Fullscreen
We should change the default theme Titanium applies to the app...
* From: Theme.Titanium.DayNight
* To: Theme.Titanium.DayNight.Solid
Android 8.0 and older does not support the [windowLightNavigationBar](https://developer.android.com/reference/android/R.attr#windowLightNavigationBar) attribute. So, we'll have to show a black navigation bar on older Android OS versions. Google does the same in their own apps.
*Examples:*
||Android 12 - Window - Light Theme (Old)||Android 12 - Window - Light Theme (Solid)||
| !Android12-Light.png|thumbnail! | !Android12-LightSolid.png|thumbnail! |
||Android 12 - Window - Dark Theme (Old)||Android 12 - Window - Dark Theme (Solid)||
| !Android12-Dark.png|thumbnail! | !Android12-DarkSolid.png|thumbnail! |
||Android 12 - TabGroup Top - Light Theme (Old)||Android 12 - TabGroup Top - Light Theme (Solid)||
| !Android12-TabGroupTop-Light.png|thumbnail! | !Android12-TabGroupTop-LightSolid.png|thumbnail! |
||Android 12 - TabGroup Top - Dark Theme (Old)||Android 12 - TabGroup Top - Dark Theme (Solid)||
| !Android12-TabGroupTop-Dark.png|thumbnail! | !Android12-TabGroupTop-DarkSolid.png|thumbnail! |
||Android 12 - TabGroup Bottom - Light Theme (Old)||Android 12 - TabGroup Bottom - Light Theme (Solid)||
| !Android12-TabGroupBottom-Light.png|thumbnail! | !Android12-TabGroupBottom-LightSolid.png|thumbnail! |
||Android 12 - TabGroup Bottom - Dark Theme (Old)||Android 12 - TabGroup Bottom - Dark Theme (Solid)||
| !Android12-TabGroupBottom-Dark.png|thumbnail! | !Android12-TabGroupBottom-DarkSolid.png|thumbnail! |
Attachments
File | Date | Size |
---|---|---|
Android12-Dark.png | 2021-08-17T22:47:06.000+0000 | 489782 |
Android12-DarkSolid.png | 2021-08-17T22:47:06.000+0000 | 492290 |
Android12-Light.png | 2021-08-17T22:47:05.000+0000 | 485094 |
Android12-LightSolid.png | 2021-08-17T22:47:06.000+0000 | 481552 |
Android12-TabGroupBottom-Dark.png | 2021-08-18T23:34:29.000+0000 | 411502 |
Android12-TabGroupBottom-DarkSolid.png | 2021-08-18T23:34:30.000+0000 | 413176 |
Android12-TabGroupBottom-Light.png | 2021-08-18T23:34:30.000+0000 | 413210 |
Android12-TabGroupBottom-LightSolid.png | 2021-08-18T23:34:31.000+0000 | 409827 |
Android12-TabGroupTop-Dark.png | 2021-08-18T23:34:31.000+0000 | 412375 |
Android12-TabGroupTop-DarkSolid.png | 2021-08-18T23:34:30.000+0000 | 414386 |
Android12-TabGroupTop-Light.png | 2021-08-18T23:34:32.000+0000 | 413161 |
Android12-TabGroupTop-LightSolid.png | 2021-08-18T23:34:32.000+0000 | 410491 |
PR (titanium_mobile): https://github.com/appcelerator/titanium_mobile/pull/13030