mptwaktusolat / app_waktu_solat_malaysia

Prayer times app for Malaysia. Accurate data from JAKIM. Install the app on your phones now.
https://play.google.com/store/apps/details?id=live.iqfareez.waktusolatmalaysia
GNU General Public License v3.0
45 stars 22 forks source link

Android 13 features #139

Open iqfareez opened 2 years ago

iqfareez commented 2 years ago

Some interesting features to implement to the app, but not in anytime soon.

Themed icons

Screenshot_20230209_153459_One UI Home

Pre-app language

image

Blog post details: https://android-developers.googleblog.com/2022/08/android-13-is-in-aosp.html

iqfareez commented 1 year ago

https://medium.com/@Toglefritz/add-android-themed-icon-support-to-your-flutter-app-203a7b49d37b

iqfareez commented 1 year ago

Themed icon

Initial basic implementation:

Before After
Screenshot_1691652066 Screenshot_1691652665

Android 13 (API 33)

The monochrome icon is simply taken from the foreground icon.

Let us take a closer looks: image

The icon seems odd. Here are my thoughts:

Will try to work on those next week or so.

iqfareez commented 1 year ago

Implemented themed icons :tada:

It looks so much better now

mpt themed icons android 13

Detailed implementation

  1. Save this file and open it in inkscape: mptlogov2 (This is icon where I converted the outlined old mpt icon into something like filled icon)
  2. Make sure the icon is single colour. Then, export into png.
  3. Launch https://icon.kitchen/ to generate the icons for Android
  4. IconKitchen will generate background and foreground icons as well, but we just care about the monochrome.
  5. Open the projects, android > res > drawable folder and add to the folder.
  6. Complete! Android Studio can be used to inspect the launcher icons behavior.

mpt monochrome.webm