Add dotted bottom progress to swipeable tutorial

Closes #10

Now one can't exit the tutorial, this will be fixed before merging
This commit is contained in:
Finn M Glas 2020-06-23 07:54:15 +02:00
parent d0201f02a0
commit 3703c5e344
No known key found for this signature in database
GPG key ID: 902A30146014DFBF
5 changed files with 49 additions and 4 deletions

View file

@ -10,6 +10,7 @@ import androidx.fragment.app.FragmentPagerAdapter
import androidx.viewpager.widget.ViewPager
import com.finnmglas.launcher.*
import com.finnmglas.launcher.tutorial.tab.TutorialFragmentTab
import com.google.android.material.tabs.TabLayout
import kotlinx.android.synthetic.main.tutorial.*
/**
@ -40,8 +41,8 @@ class TutorialActivity: AppCompatActivity(), UIObject {
val sectionsPagerAdapter = TutorialSectionsPagerAdapter(this, supportFragmentManager, defaultApps, isFirstTime)
val viewPager: ViewPager = findViewById(R.id.tutorial_viewpager)
viewPager.adapter = sectionsPagerAdapter
//val tabs: TabLayout = findViewById(R.id.tutorial_tabs)
//tabs.setupWithViewPager(viewPager)
val tabs: TabLayout = findViewById(R.id.tutorial_tabs)
tabs.setupWithViewPager(viewPager)
}
override fun onStart() {
@ -73,8 +74,8 @@ class TutorialSectionsPagerAdapter(private val context: Context, fm: FragmentMan
}
override fun getPageTitle(position: Int): CharSequence? {
return position.toString()
return ""
}
override fun getCount(): Int { return 20 }
override fun getCount(): Int { return 9 }
}

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:innerRadius="0dp"
android:shape="ring"
android:thickness="5dp"
android:useLevel="false">
<solid android:color="#777"/>
</shape>
</item>
</layer-list>

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:innerRadius="0dp"
android:shape="ring"
android:thickness="5dp"
android:useLevel="false">
<solid android:color="#ddd"/>
</shape>
</item>
</layer-list>

View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/tutorial_selected_dot"
android:state_selected="true"/>
<item android:drawable="@drawable/tutorial_default_dot"/>
</selector>

View file

@ -64,4 +64,16 @@
android:layout_marginTop="64dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:layout_constraintTop_toBottomOf="@id/tutorial_appbar" />
<com.google.android.material.tabs.TabLayout
android:id="@+id/tutorial_tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabBackground="@drawable/tutorial_tab_selector"
app:tabGravity="center"
app:tabIndicatorHeight="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>