Fill the Start tab (1) of the tutorial

Use blinking icons to indicate the swipe direction. Text in the middle 
still is the same. Remove page title.
This commit is contained in:
Finn M Glas 2020-06-23 17:43:03 +02:00
parent 909a3d5725
commit ddf30ece3e
No known key found for this signature in database
GPG key ID: 902A30146014DFBF
3 changed files with 42 additions and 5 deletions

View file

@ -29,5 +29,16 @@ class TutorialFragmentStart(): Fragment(), UIObject {
override fun applyTheme() {
tutorial_start_container.setBackgroundColor(dominantColor)
// set icons
val rightIcon = getString(R.string.fas_angle_double_right)
tutorial_start_icon_right.text = rightIcon.repeat(3)
tutorial_start_icon_right.setTextColor(vibrantColor)
tutorial_start_icon_right.blink()
tutorial_start_icon_right_2.text = rightIcon.repeat(3)
tutorial_start_icon_right_2.setTextColor(vibrantColor)
tutorial_start_icon_right_2.blink()
}
}

View file

@ -11,14 +11,38 @@
android:background="?attr/colorPrimary"
tools:context=".tutorial.tab.TutorialFragmentStart">
<TextView
android:id="@+id/tutorial_start_title"
<com.finnmglas.launcher.libraries.FontAwesome
android:id="@+id/tutorial_start_icon_right_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Launcher"
android:textSize="30sp"
android:text="@string/fas_angle_double_right"
android:textSize="64sp"
app:layout_constraintBottom_toTopOf="@id/tutorial_start_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tutorial_start_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Take a few seconds to learn how to use this Launcher!"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.finnmglas.launcher.libraries.FontAwesome
android:id="@+id/tutorial_start_icon_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/fas_angle_double_right"
android:textSize="64sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tutorial_start_text" />
</androidx.constraintlayout.widget.ConstraintLayout>

View file

@ -14,6 +14,8 @@
<string name="fas_times" translatable="false">&#xf00d;</string> <!-- 'close' -->
<string name="fas_three_dots" translatable="false">&#xf142;</string> <!-- 'ellipsis-v' -->
<string name="fas_angle_double_right" translatable="false">&#xf101;</string>
<!-- icons that can be used with type="brands" -->
<string name="fab_apple" translatable="false">&#xf179;</string>
<string name="fab_instagram" translatable="false">&#xf16d;</string>