TabLayout使用以及自定义tab标签

11 篇文章 0 订阅
10 篇文章 0 订阅
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:tabTextAppearance="@style/myTab"

        style="@style/myTabLayout"
        tools:ignore="SpeakableTextPresentCheck" />

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/vp"

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/tab" />


</androidx.constraintlayout.widget.ConstraintLayout>
package com.example.myapplication


import android.os.Bundle
import android.view.View
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.lifecycle.Lifecycle
import androidx.recyclerview.widget.RecyclerView
import androidx.viewpager2.adapter.FragmentStateAdapter
import com.example.myapplication.databinding.TestVp2Binding
import com.google.android.material.tabs.TabLayoutMediator


class VP2Demo : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)


        val inflate = TestVp2Binding.inflate(layoutInflater)
        setContentView(inflate.root)


        val mutableListOf = mutableListOf<Fragment>()
        val fragment = Fragment(R.layout.test_a)

        val fragment2 = Fragment(R.layout.test_view)


        val fragment3 = Fragment(R.layout.test_net)


        val childAt = inflate.vp.getChildAt(0)
        (childAt as? RecyclerView)?.setOverScrollMode(View.OVER_SCROLL_NEVER)
        mutableListOf.add(fragment)
        mutableListOf.add(fragment2)
        mutableListOf.add(fragment3)

        inflate.vp.adapter = MyVpAdapter(mutableListOf, supportFragmentManager, lifecycle)
        val titles = mutableListOf<String>()
        titles.add("新闻")
        titles.add("新闻2")
        titles.add("新闻3")



        TabLayoutMediator(
            inflate.tab, inflate.vp
        ) { p0, index ->
            run {
                p0.setText(titles[index])
                p0.setIcon(R.drawable.zc)
                if(index==1){
                    val textView = TextView(baseContext)
                    textView.text = "我是自定义的标签哈哈~~~"
                    p0.setCustomView(textView)
                }

            }
        }.attach()




    }


    class MyVpAdapter(list: MutableList<Fragment>, fm: FragmentManager, lf: Lifecycle) :
        FragmentStateAdapter(fm, lf) {

        private var listS = emptyList<Fragment>()

        init {
            listS = list

        }

        override fun getItemCount(): Int {
            return listS.size
        }

        override fun createFragment(position: Int): Fragment {

            return listS[position]
        }

    }

}
  <style name="myTab" parent="@android:style/TextAppearance.Widget.TabWidget">
        <item name="textAllCaps">false</item>
        <item name="android:textSize">30sp</item>



    </style>
    <style name="myTabLayout" parent="Widget.Design.TabLayout">
        <item name="tabIndicatorColor">#00FF00</item>
        <item name="tabSelectedTextColor">#FF0000</item>

        <item name="tabTextColor">#0000FF</item>
        <item name="tabRippleColor">@color/yellow</item>

    </style>

在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江南一舟110

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值