Android 中基于TabLayout+ViewPager实现标签卡效果

概述代码已经上传至Github：https://github.com/YanYoJun/ViewPagerDemo先看效果1、布局文件<?xmlversion=\"1.0\"encoding=\"utf-8\"?>

代码已经上传至Github：https://github.com/YanYoJun/ViewPagerDemo

先看效果

1、布局文件

<?xml version="1.0" enCoding="utf-8"?><linearLayout 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"  androID:orIEntation="vertical"  tools:context="com.plbear.yyj.myapplication.MainActivity">  <androID.support.design.Widget.TabLayout    androID:ID="@+ID/tab"    androID:layout_wIDth="match_parent"    androID:layout_height="40dp"    app:tabGravity="fill"    app:tabIndicatorcolor="#4978ef"    app:tabIndicatorHeight="2dp"    app:tabMode="scrollable"    app:tabSelectedTextcolor="#4978ef"    app:tabTextcolor="#222222"></androID.support.design.Widget.TabLayout>  <androID.support.v4.vIEw.VIEwPager    androID:ID="@+ID/vIEw_pager"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"></androID.support.v4.vIEw.VIEwPager></linearLayout>

2、代码实现

package com.plbear.yyj.myapplicationimport androID.os.Bundleimport androID.support.design.Widget.Snackbarimport androID.support.design.Widget.TabLayoutimport androID.support.v4.app.Fragmentimport androID.support.v4.app.FragmentPagerAdapterimport androID.support.v7.app.AppCompatActivityimport androID.vIEw.Menuimport androID.vIEw.MenuItemimport kotlinx.androID.synthetic.main.activity_main.*class MainActivity : AppCompatActivity() {  var mFragList = ArrayList<Fragment>()  var adapter = object:FragmentPagerAdapter(supportFragmentManager){    overrIDe fun getItem(position: Int): Fragment {      return mFragList[position]    }    overrIDe fun getCount(): Int {      return 2    }  }  overrIDe fun onCreate(savedInstanceState: Bundle?) {    super.onCreate(savedInstanceState)    setContentVIEw(R.layout.activity_main)    initVIEwPager() //先将各个fragment加入到vIEwpager中    initTabLayout(); //初始化tablayout  }  fun initTabLayout(){    tab.setupWithVIEwPager(vIEw_pager)    tab.setTabsFromPagerAdapter(adapter)    tab.tabMode = TabLayout.MODE_FIXED    tab.getTabAt(0)?.setText("第一页")    tab.getTabAt(1)?.setText("第二页")  }  fun initVIEwPager(){    mFragList.add(Fragment1())    mFragList.add(Fragment2())    vIEw_pager.adapter = adapter  }}

这里需要注意点，需要先将setupWithVIEwPager和tablayout绑定起来，然后再初始化tab的标签页，这个非常重要，否则会造成tablayout中的文字显示不出来。

总结

以上所述是小编给大家介绍的AndroID 中基于TabLayout+VIEwPager实现标签卡效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

以上是内存溢出为你收集整理的Android 中基于TabLayout+ViewPager实现标签卡效果全部内容，希望文章能够帮你解决Android 中基于TabLayout+ViewPager实现标签卡效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。