Skip to content

Commit

Permalink
UI completely redesigned when you install the app
Browse files Browse the repository at this point in the history
  • Loading branch information
@jamal2362
jamal2362 committed Sep 29, 2023
1 parent a72f1c4 commit 7af0abc
Show file tree
Hide file tree
Showing 5 changed files with 128 additions and 41 deletions.
48 changes: 48 additions & 0 deletions app/src/main/res/drawable-night/ic_audio_listening.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="290.28dp"
android:height="400dp"
android:viewportWidth="290.29"
android:viewportHeight="400">
<path
android:pathData="m0.35,400l290.29,0l-0,-1.96l-290.64,0z"
android:fillColor="@color/player_button_buffering"/>
<path
android:pathData="M150.4,35.37m25.11,0a25.11,25.11 135,1 0,-50.23 0a25.11,25.11 45,1 0,50.23 0"
android:fillColor="#FFDAA8A8"/>
<path
android:pathData="m152.01,176.17a11.25,11.25 0,0 0,-8.51 -14.47,10.69 10.69,0 0,0 -1.49,-0.18l-26.46,-42.46 24.16,-22.98a9.64,9.64 45,1 0,-13.41 -13.86l-33.36,32.9 -0.07,0.08a8.74,8.74 0,0 0,0.61 10.41l37.07,43.83a10.55,10.55 0,0 0,-0.28 1.07,11.25 11.25,0 0,0 10.1,13.41q0.48,0.04 0.95,0.04a11.29,11.29 0,0 0,10.69 -7.81z"
android:fillColor="#FFDAA8A8"/>
<path
android:pathData="m191.73,384.91l12.54,0l5.96,-48.35l-18.5,0z"
android:fillColor="#FFDAA8A8"/>
<path
android:pathData="m188.04,397.57l41.44,0l-0,-1.03a16.24,16.24 0,0 0,-16.25 -16.24l-25.2,0z"
android:fillColor="@color/text_default"/>
<path
android:pathData="m67.12,367.57 l10.77,6.41 29.86,-38.5 -15.9,-9.47z"
android:fillColor="#FFDAA8A8"/>
<path
android:pathData="m93.09,397.76 l0.52,-0.88a16.25,16.25 0,0 0,-5.65 -22.27l-21.65,-12.89 -8.83,14.83z"
android:fillColor="@color/text_default"/>
<path
android:pathData="m211.83,363.61c8.4,-98.88 13.4,-190.75 -17.31,-228.22l-0.24,-0.29 -51.66,20.67 -0.09,0.18c-0.17,0.38 -17.36,38.17 -13.35,63.6l-12.74,58.62 -41.55,69.58a4.6,4.6 135,0 0,2.1 6.57l18.06,7.94a4.62,4.62 0,0 0,5.78 -1.81l45.2,-73.71 25.53,-56.53a1.53,1.53 0,0 1,2.92 0.47l14.15,133.03a4.59,4.59 45,0 0,4.58 4.11l14.04,0a4.63,4.63 0,0 0,4.59 -4.22z"
android:fillColor="@color/player_button_buffering"/>
<path
android:pathData="m194.34,136.17 l0.25,-0.12 0.04,-0.27c1.93,-13.51 -0.35,-28.52 -6.79,-44.61a35.42,35.42 0,0 0,-41.11 -21.21,35.37 35.37,45 0,0 -22.56,17.35 34.99,34.99 45,0 0,-2.43 28.04c8.11,23.72 18.64,45.92 18.74,46.14l0.22,0.46z"
android:fillColor="@color/text_default"/>
<path
android:pathData="m231.53,192.19a11.49,11.49 0,0 0,-8.23 -12.53l-48.31,-92.75a9.26,9.26 45,1 0,-15.75 9.72l49.45,92.1a11.16,11.16 0,0 0,-0.18 1.7,11.56 11.56,0 0,0 11.72,11.87 11.57,11.57 0,0 0,8.87 -4.35,11.43 11.43,135 0,0 2.44,-5.78z"
android:fillColor="#FFDAA8A8"/>
<path
android:pathData="m180.83,21.19l-39.88,0l-0,-17.38c8.75,-3.48 17.32,-6.44 22.5,0a17.38,17.38 135,0 1,17.38 17.38z"
android:fillColor="@color/player_button_buffering"/>
<path
android:pathData="m138.74,0.74c-23.84,0 -30.51,29.88 -30.51,46.74 -0,9.4 4.25,12.77 10.93,13.9l2.36,-12.59 5.53,13.13c1.88,0.01 3.85,-0.03 5.89,-0.06l1.87,-3.86 4.18,3.79c16.74,0.03 30.26,2.46 30.26,-14.31 -0,-16.86 -5.85,-46.74 -30.51,-46.74z"
android:fillColor="@color/player_button_buffering"/>
<path
android:pathData="m145.85,25.36l-0,-23.25a2.1,2.1 45,0 1,2.1 -2.1l4.19,0a2.1,2.1 135,0 1,2.1 2.1l-0,21.85a13.26,13.26 135,1 1,-8.39 1.4z"
android:fillColor="@color/text_default"/>
<path
android:pathData="M151.44,37.05m6.29,0a6.29,6.29 0,1 0,-12.58 0a6.29,6.29 0,1 0,12.58 0"
android:fillColor="@color/player_button_buffering"/>
</vector>
48 changes: 48 additions & 0 deletions app/src/main/res/drawable/ic_audio_listening.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="290.28dp"
android:height="400dp"
android:viewportWidth="290.29"
android:viewportHeight="400">
<path
android:pathData="m0.35,400l290.29,0l-0,-1.96l-290.64,0z"
android:fillColor="@color/icon_default"/>
<path
android:pathData="M150.4,35.37m25.11,0a25.11,25.11 135,1 0,-50.23 0a25.11,25.11 45,1 0,50.23 0"
android:fillColor="#FFD9BDBD"/>
<path
android:pathData="m152.01,176.17a11.25,11.25 0,0 0,-8.51 -14.47,10.69 10.69,0 0,0 -1.49,-0.18l-26.46,-42.46 24.16,-22.98a9.64,9.64 45,1 0,-13.41 -13.86l-33.36,32.9 -0.07,0.08a8.74,8.74 0,0 0,0.61 10.41l37.07,43.83a10.55,10.55 0,0 0,-0.28 1.07,11.25 11.25,0 0,0 10.1,13.41q0.48,0.04 0.95,0.04a11.29,11.29 0,0 0,10.69 -7.81z"
android:fillColor="#FFD9BDBD"/>
<path
android:pathData="m191.73,384.91l12.54,0l5.96,-48.35l-18.5,0z"
android:fillColor="#FFD9BDBD"/>
<path
android:pathData="m188.04,397.57l41.44,0l-0,-1.03a16.24,16.24 0,0 0,-16.25 -16.24l-25.2,0z"
android:fillColor="@color/player_sheet_background"/>
<path
android:pathData="m67.12,367.57 l10.77,6.41 29.86,-38.5 -15.9,-9.47z"
android:fillColor="#FFD9BDBD"/>
<path
android:pathData="m93.09,397.76 l0.52,-0.88a16.25,16.25 0,0 0,-5.65 -22.27l-21.65,-12.89 -8.83,14.83z"
android:fillColor="@color/player_sheet_background"/>
<path
android:pathData="m211.83,363.61c8.4,-98.88 13.4,-190.75 -17.31,-228.22l-0.24,-0.29 -51.66,20.67 -0.09,0.18c-0.17,0.38 -17.36,38.17 -13.35,63.6l-12.74,58.62 -41.55,69.58a4.6,4.6 135,0 0,2.1 6.57l18.06,7.94a4.62,4.62 0,0 0,5.78 -1.81l45.2,-73.71 25.53,-56.53a1.53,1.53 0,0 1,2.92 0.47l14.15,133.03a4.59,4.59 45,0 0,4.58 4.11l14.04,0a4.63,4.63 0,0 0,4.59 -4.22z"
android:fillColor="@color/icon_default"/>
<path
android:pathData="m194.34,136.17 l0.25,-0.12 0.04,-0.27c1.93,-13.51 -0.35,-28.52 -6.79,-44.61a35.42,35.42 0,0 0,-41.11 -21.21,35.37 35.37,45 0,0 -22.56,17.35 34.99,34.99 45,0 0,-2.43 28.04c8.11,23.72 18.64,45.92 18.74,46.14l0.22,0.46z"
android:fillColor="@color/player_sheet_background"/>
<path
android:pathData="m231.53,192.19a11.49,11.49 0,0 0,-8.23 -12.53l-48.31,-92.75a9.26,9.26 45,1 0,-15.75 9.72l49.45,92.1a11.16,11.16 0,0 0,-0.18 1.7,11.56 11.56,0 0,0 11.72,11.87 11.57,11.57 0,0 0,8.87 -4.35,11.43 11.43,135 0,0 2.44,-5.78z"
android:fillColor="#FFD9BDBD"/>
<path
android:pathData="m180.83,21.19l-39.88,0l-0,-17.38c8.75,-3.48 17.32,-6.44 22.5,0a17.38,17.38 135,0 1,17.38 17.38z"
android:fillColor="@color/icon_default"/>
<path
android:pathData="m138.74,0.74c-23.84,0 -30.51,29.88 -30.51,46.74 -0,9.4 4.25,12.77 10.93,13.9l2.36,-12.59 5.53,13.13c1.88,0.01 3.85,-0.03 5.89,-0.06l1.87,-3.86 4.18,3.79c16.74,0.03 30.26,2.46 30.26,-14.31 -0,-16.86 -5.85,-46.74 -30.51,-46.74z"
android:fillColor="@color/icon_default"/>
<path
android:pathData="m145.85,25.36l-0,-23.25a2.1,2.1 45,0 1,2.1 -2.1l4.19,0a2.1,2.1 135,0 1,2.1 2.1l-0,21.85a13.26,13.26 135,1 1,-8.39 1.4z"
android:fillColor="@color/player_sheet_background"/>
<path
android:pathData="M151.44,37.05m6.29,0a6.29,6.29 0,1 0,-12.58 0a6.29,6.29 0,1 0,12.58 0"
android:fillColor="@color/icon_default"/>
</vector>
69 changes: 30 additions & 39 deletions app/src/main/res/layout/element_onboarding.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,80 +3,71 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/onboarding_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_height="match_parent"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:visibility="visible">

<com.google.android.material.textview.MaterialTextView
android:id="@+id/onboarding_headline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="96dp"
android:layout_marginEnd="8dp"
android:textStyle="bold"
android:text="@string/onboarding_app_get_started"
android:textAppearance="@style/TextAppearance.MaterialComponents.Headline6"
android:textColor="@color/text_default"
android:text="@string/onboarding_app_get_started"
android:textAppearance="@style/TextAppearance.Material3.TitleLarge"
app:layout_constraintBottom_toTopOf="@+id/app_icon"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.501"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="32dp"
android:contentDescription="@null"
android:rotation="315"
app:layout_constraintBottom_toBottomOf="@+id/onboarding_headline"
android:layout_marginEnd="12dp"
app:layout_constraintBottom_toTopOf="@+id/app_icon"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toStartOf="@+id/onboarding_headline"
app:layout_constraintTop_toTopOf="@+id/onboarding_headline"
app:tint="@color/text_default"
app:srcCompat="@drawable/ic_arrow_upward_24dp" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="32dp"
android:layout_marginStart="12dp"
android:contentDescription="@null"
android:rotation="45"
app:layout_constraintBottom_toBottomOf="@+id/onboarding_headline"
app:layout_constraintBottom_toTopOf="@+id/app_icon"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toEndOf="@+id/onboarding_headline"
app:layout_constraintTop_toTopOf="@+id/onboarding_headline"
app:tint="@color/text_default"
app:srcCompat="@drawable/ic_arrow_upward_24dp" />

<ImageView
android:id="@+id/app_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="48dp"
android:layout_width="192dp"
android:layout_height="192dp"
android:layout_marginTop="32dp"
android:contentDescription="@string/descr_app_icon"
app:layout_constraintEnd_toEndOf="@+id/onboarding_headline"
app:layout_constraintStart_toStartOf="@+id/onboarding_headline"
app:layout_constraintTop_toBottomOf="@+id/onboarding_headline"
app:srcCompat="@mipmap/ic_launcher" />

<com.google.android.material.textview.MaterialTextView
android:id="@+id/app_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:textStyle="bold"
android:text="@string/app_name"
android:textAppearance="@style/TextAppearance.MaterialComponents.Headline5"
android:textColor="@color/text_default"
app:layout_constraintEnd_toEndOf="@+id/app_icon"
app:layout_constraintStart_toStartOf="@+id/app_icon"
app:layout_constraintTop_toBottomOf="@+id/app_icon" />
app:layout_constraintBottom_toBottomOf="@+id/onboarding_layout"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/onboarding_layout"
app:srcCompat="@drawable/ic_audio_listening" />

<com.google.android.material.textview.MaterialTextView
android:id="@+id/app_description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:gravity="center"
android:singleLine="true"
android:text="@string/onboarding_app_description"
android:textAppearance="@style/TextAppearance.MaterialComponents.Subtitle2"
android:textColor="@color/text_lightweight"
app:layout_constraintEnd_toEndOf="@+id/app_name"
app:layout_constraintStart_toStartOf="@+id/app_name"
app:layout_constraintTop_toBottomOf="@+id/app_name" />
android:textAppearance="@style/TextAppearance.Material3.BodyLarge"
android:textColor="@color/text_default"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/app_icon" />

</androidx.constraintlayout.widget.ConstraintLayout>
2 changes: 1 addition & 1 deletion app/src/main/res/values-de/strings.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
<string name="notification_skip_to_previous">Zurück</string>
<string name="notification_skip_to_next">Nächste</string>
<!-- Onboarding -->
<string name="onboarding_app_description">Radio App</string>
<string name="onboarding_app_description">Tauche ein in den Sound deiner Wahl!</string>
<string name="onboarding_app_get_started">Jetzt starten</string>
<!-- Player -->
<string name="player_sheet_h2_station_metadata">Momentan läuft</string>
Expand Down
2 changes: 1 addition & 1 deletion app/src/main/res/values/strings.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
<string name="notification_skip_to_next">Next</string>

<!-- Onboarding -->
<string name="onboarding_app_description">Radio App</string>
<string name="onboarding_app_description">Immerse yourself in the sound of your choice!</string>
<string name="onboarding_app_get_started">Get started</string>

<!-- Player -->
Expand Down

0 comments on commit 7af0abc

Please sign in to comment.