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">
<group android:name="bg">
<path
android:fillColor="@color/fill_icon_bg"
android:fillColor="#eef0ff"
android:pathData="M0 0h108v108H0z"
android:strokeColor="#00000000" />
</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>

View file

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

View file

@ -6,12 +6,43 @@
android:height="108dp"
android:viewportWidth="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
android:fillColor="@color/fill_icon_bg"
android:pathData="M0 0h108v108H0z"
android:fillColor="#eef0ff"
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" />
</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
android:scaleX="2.835"
android:scaleY="2.835"
@ -21,8 +52,8 @@
android:name="note"
android:fillColor="@android:color/transparent"
android:pathData="M13 4l4 4m-4-4v13m0 0l-3 3-3-3 3-3"
android:strokeWidth="2"
android:strokeColor="@android:color/white"
android:strokeWidth="0"
android:strokeColor="#475d92"
android:strokeLineCap="round"
android:strokeLineJoin="round" />
</group>
@ -36,7 +67,7 @@
android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="scaleX"
android:startOffset="0"
android:valueFrom="4"
android:valueFrom="0"
android:valueTo="1"
android:valueType="floatType" />
<objectAnimator
@ -44,12 +75,41 @@
android:interpolator="@android:interpolator/fast_out_slow_in"
android:propertyName="scaleY"
android:startOffset="0"
android:valueFrom="4"
android:valueFrom="0"
android:valueTo="1"
android:valueType="floatType" />
</set>
</aapt:attr>
</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">
<aapt:attr name="android:animation">
<set>

View file

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