TabLayout利用以及自定义tab标签

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent">
9.     <com.google.android.material.tabs.TabLayout
10.         android:id="@+id/tab"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content"
14.         app:layout_constraintStart_toStartOf="parent"
15.         app:layout_constraintTop_toTopOf="parent"
16.         app:tabTextAppearance="@style/myTab"
18.         style="@style/myTabLayout"
19.         tools:ignore="SpeakableTextPresentCheck" />
21.     <androidx.viewpager2.widget.ViewPager2
22.         android:id="@+id/vp"
24.         android:layout_width="match_parent"
25.         android:layout_height="wrap_content"
26.         app:layout_constraintStart_toStartOf="parent"
28.         app:layout_constraintTop_toBottomOf="@+id/tab" />
31. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

1. package com.example.myapplication
4. import android.os.Bundle
5. import android.view.View
6. import android.widget.TextView
7. import androidx.appcompat.app.AppCompatActivity
8. import androidx.fragment.app.Fragment
9. import androidx.fragment.app.FragmentManager
10. import androidx.lifecycle.Lifecycle
11. import androidx.recyclerview.widget.RecyclerView
12. import androidx.viewpager2.adapter.FragmentStateAdapter
13. import com.example.myapplication.databinding.TestVp2Binding
14. import com.google.android.material.tabs.TabLayoutMediator
17. class VP2Demo : AppCompatActivity() {
18.     override fun onCreate(savedInstanceState: Bundle?) {
19.         super.onCreate(savedInstanceState)
22.         val inflate = TestVp2Binding.inflate(layoutInflater)
23.         setContentView(inflate.root)
26.         val mutableListOf = mutableListOf<Fragment>()
27.         val fragment = Fragment(R.layout.test_a)
29.         val fragment2 = Fragment(R.layout.test_view)
32.         val fragment3 = Fragment(R.layout.test_net)
35.         val childAt = inflate.vp.getChildAt(0)
36.         (childAt as? RecyclerView)?.setOverScrollMode(View.OVER_SCROLL_NEVER)
37.         mutableListOf.add(fragment)
38.         mutableListOf.add(fragment2)
39.         mutableListOf.add(fragment3)
41.         inflate.vp.adapter = MyVpAdapter(mutableListOf, supportFragmentManager, lifecycle)
42.         val titles = mutableListOf<String>()
43.         titles.add("新闻")
44.         titles.add("新闻2")
45.         titles.add("新闻3")
49.         TabLayoutMediator(
50.             inflate.tab, inflate.vp
51.         ) { p0, index ->
52.             run {
53.                 p0.setText(titles[index])
54.                 p0.setIcon(R.drawable.zc)
55.                 if(index==1){
56.                     val textView = TextView(baseContext)
57.                     textView.text = "我是自定义的标签哈哈~~~"
58.                     p0.setCustomView(textView)
59.                 }
61.             }
62.         }.attach()
67.     }
70.     class MyVpAdapter(list: MutableList<Fragment>, fm: FragmentManager, lf: Lifecycle) :
71.         FragmentStateAdapter(fm, lf) {
73.         private var listS = emptyList<Fragment>()
75.         init {
76.             listS = list
78.         }
80.         override fun getItemCount(): Int {
81.             return listS.size
82.         }
84.         override fun createFragment(position: Int): Fragment {
86.             return listS[position]
87.         }
89.     }
91. }

复制代码

1.   <style name="myTab" parent="@android:style/TextAppearance.Widget.TabWidget">
2.         <item name="textAllCaps">false</item>
3.         <item name="android:textSize">30sp</item>
7.     </style>
8.     <style name="myTabLayout" parent="Widget.Design.TabLayout">
9.         <item name="tabIndicatorColor">#00FF00</item>
10.         <item name="tabSelectedTextColor">#FF0000</item>
12.         <item name="tabTextColor">#0000FF</item>
13.         <item name="tabRippleColor">@color/yellow</item>
15.     </style>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。