ui: new app icon

The first march towards material design 3.1.
This commit is contained in:
Alexander Capehart 2024-04-17 19:49:44 -06:00
parent f04e05ad50
commit 754762b24d
No known key found for this signature in database
GPG key ID: 37DBE3621FE9AD47
10 changed files with 97 additions and 25 deletions

View file

@ -1,14 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<gradient xmlns:android="http://schemas.android.com/apk/res/android"
android:endX="108"
android:endY="108"
android:startX="0"
android:startY="0"
android:type="linear">
<item
android:color="#0D47A1"
android:offset="0.0" />
<item
android:color="#64B5F6"
android:offset="1.0" />
</gradient>

View file

@ -6,8 +6,34 @@
android:viewportHeight="108"> android:viewportHeight="108">
<group android:name="bg"> <group android:name="bg">
<path <path
android:fillColor="@color/fill_icon_bg" android:fillColor="#eef0ff"
android:pathData="M0 0h108v108H0z" android:pathData="M0 0h108v108H0z"
android:strokeColor="#00000000" /> android:strokeColor="#00000000" />
</group> </group>
<group
android:name="top_left_block"
android:rotation="15"
android:translateY="-32"
android:translateX="16"
android:pivotX="54"
android:pivotY="54">
<path
android:fillColor="#b0c6ff"
android:pathData="m -19,5e-7 h 38 c 4.432,0 8,3.568 8,8 V 100 c 0,4.432 -3.568,8 -8,8 h -38 c -4.432,0 -8,-3.568 -8,-8 V 8.0000005 c 0,-4.432 3.568,-8 8,-8 z"
android:strokeColor="#00000000" />
</group>
<group
android:name="bottom_right_block"
android:rotation="15"
android:translateY="32"
android:translateX="-16"
android:pivotX="54"
android:pivotY="54">
<path
android:fillColor="#d9e2ff"
android:pathData="m 89,0 h 38 c 4.432,0 8,3.568 8,8 V 99.999999 C 135,104.432 131.432,108 127,108 H 89 c -4.432,0 -8,-3.568 -8,-8.000001 V 8 c 0,-4.432 3.568,-8 8,-8 z"
android:strokeColor="#00000000" />
</group>
</vector> </vector>

View file

@ -1,7 +1,7 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android" <vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="108dp" android:width="108dp"
android:height="108dp" android:height="108dp"
android:tint="@android:color/white" android:tint="#475d92"
android:viewportWidth="108" android:viewportWidth="108"
android:viewportHeight="108"> android:viewportHeight="108">
<group <group

View file

@ -6,12 +6,43 @@
android:height="108dp" android:height="108dp"
android:viewportWidth="108" android:viewportWidth="108"
android:viewportHeight="108"> android:viewportHeight="108">
<group android:name="bg"> <group android:name="bg"
android:pivotX="56"
android:pivotY="56"
android:scaleX="0"
android:scaleY="0">
<path <path
android:fillColor="@color/fill_icon_bg" android:fillColor="#eef0ff"
android:pathData="M0 0h108v108H0z" android:pathData="M 136,54 A 82,82 0 0 1 54,136 82,82 0 0 1 -28,54 82,82 0 0 1 54,-28 82,82 0 0 1 136,54 Z"
android:strokeColor="#00000000" /> android:strokeColor="#00000000" />
</group> </group>
<group
android:name="top_left_block"
android:rotation="40"
android:translateY="-32"
android:translateX="16"
android:pivotX="54"
android:pivotY="54">
<path
android:fillColor="#b0c6ff"
android:pathData="m -19,5e-7 h 38 c 4.432,0 8,3.568 8,8 V 100 c 0,4.432 -3.568,8 -8,8 h -38 c -4.432,0 -8,-3.568 -8,-8 V 8.0000005 c 0,-4.432 3.568,-8 8,-8 z"
android:strokeColor="#00000000" />
</group>
<group
android:name="bottom_right_block"
android:rotation="40"
android:translateY="32"
android:translateX="-16"
android:pivotX="54"
android:pivotY="54">
<path
android:fillColor="#d9e2ff"
android:pathData="m 89,0 h 38 c 4.432,0 8,3.568 8,8 V 99.999999 C 135,104.432 131.432,108 127,108 H 89 c -4.432,0 -8,-3.568 -8,-8.000001 V 8 c 0,-4.432 3.568,-8 8,-8 z"
android:strokeColor="#00000000" />
</group>
<group <group
android:scaleX="2.835" android:scaleX="2.835"
android:scaleY="2.835" android:scaleY="2.835"
@ -21,8 +52,8 @@
android:name="note" android:name="note"
android:fillColor="@android:color/transparent" android:fillColor="@android:color/transparent"
android:pathData="M13 4l4 4m-4-4v13m0 0l-3 3-3-3 3-3" android:pathData="M13 4l4 4m-4-4v13m0 0l-3 3-3-3 3-3"
android:strokeWidth="2" android:strokeWidth="0"
android:strokeColor="@android:color/white" android:strokeColor="#475d92"
android:strokeLineCap="round" android:strokeLineCap="round"
android:strokeLineJoin="round" /> android:strokeLineJoin="round" />
</group> </group>
@ -36,7 +67,7 @@
android:interpolator="@android:interpolator/fast_out_slow_in" android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="scaleX" android:propertyName="scaleX"
android:startOffset="0" android:startOffset="0"
android:valueFrom="4" android:valueFrom="0"
android:valueTo="1" android:valueTo="1"
android:valueType="floatType" /> android:valueType="floatType" />
<objectAnimator <objectAnimator
@ -44,12 +75,41 @@
android:interpolator="@android:interpolator/fast_out_slow_in" android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="scaleY" android:propertyName="scaleY"
android:startOffset="0" android:startOffset="0"
android:valueFrom="4" android:valueFrom="0"
android:valueTo="1" android:valueTo="1"
android:valueType="floatType" /> android:valueType="floatType" />
</set> </set>
</aapt:attr> </aapt:attr>
</target> </target>
<target android:name="top_left_block">
<aapt:attr name="android:animation">
<set>
<objectAnimator
android:duration="1000"
android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="rotation"
android:startOffset="0"
android:valueFrom="90"
android:valueTo="15"
android:valueType="floatType" />
</set>
</aapt:attr>
</target>
<target android:name="bottom_right_block">
<aapt:attr name="android:animation">
<set>
<objectAnimator
android:duration="1000"
android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="rotation"
android:startOffset="0"
android:valueFrom="90"
android:valueTo="15"
android:valueType="floatType" />
</set>
</aapt:attr>
</target>
<target android:name="note"> <target android:name="note">
<aapt:attr name="android:animation"> <aapt:attr name="android:animation">
<set> <set>

View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@drawable/ic_launcher_background" /> <background android:drawable="@drawable/ic_launcher_background"/>
<foreground android:drawable="@drawable/ic_launcher_foreground" /> <foreground android:drawable="@drawable/ic_launcher_foreground"/>
<monochrome android:drawable="@drawable/ic_launcher_foreground" /> <monochrome android:drawable="@drawable/ic_launcher_foreground" />
</adaptive-icon> </adaptive-icon>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB