设为首页 收藏本站 662p开源网
开启辅助访问 切换到宽版

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

切换风格 立即注册 找回密码

安卓教程网

发表于 2017-12-26 10:16:05 | 显示全部楼层 |阅读模式
更多
先看效果

1、布局文件
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout 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"
  7.     android:orientation="vertical"
  8.     tools:context="com.plbear.yyj.myapplication.MainActivity">

  9.     <android.support.design.widget.TabLayout
  10.         android:id="@+id/tab"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="40dp"
  13.         app:tabGravity="fill"
  14.         app:tabIndicatorColor="#4978ef"
  15.         app:tabIndicatorHeight="2dp"
  16.         app:tabMode="scrollable"
  17.         app:tabSelectedTextColor="#4978ef"
  18.         app:tabTextColor="#222222"></android.support.design.widget.TabLayout>

  19.     <android.support.v4.view.ViewPager
  20.         android:id="@+id/view_pager"
  21.         android:layout_width="match_parent"
  22.         android:layout_height="wrap_content"></android.support.v4.view.ViewPager>

  23. </LinearLayout>
复制代码
2、代码实现
  1. package com.plbear.yyj.myapplication

  2. import android.os.Bundle
  3. import android.support.design.widget.Snackbar
  4. import android.support.design.widget.TabLayout
  5. import android.support.v4.app.Fragment
  6. import android.support.v4.app.FragmentPagerAdapter
  7. import android.support.v7.app.AppCompatActivity
  8. import android.view.Menu
  9. import android.view.MenuItem

  10. import kotlinx.android.synthetic.main.activity_main.*

  11. class MainActivity : AppCompatActivity() {

  12.     var mFragList = ArrayList<Fragment>()
  13.     var adapter = object:FragmentPagerAdapter(supportFragmentManager){
  14.         override fun getItem(position: Int): Fragment {
  15.             return mFragList[position]
  16.         }

  17.         override fun getCount(): Int {
  18.             return 2
  19.         }
  20.     }

  21.     override fun onCreate(savedInstanceState: Bundle?) {
  22.         super.onCreate(savedInstanceState)
  23.         setContentView(R.layout.activity_main)
  24.         initViewPager() //先将各个fragment加入到viewpager中
  25.         initTabLayout(); //初始化tablayout
  26.     }


  27.     fun initTabLayout(){
  28.         tab.setupWithViewPager(view_pager)
  29.         tab.setTabsFromPagerAdapter(adapter)
  30.         tab.tabMode = TabLayout.MODE_FIXED
  31.         tab.getTabAt(0)?.setText("第一页")
  32.         tab.getTabAt(1)?.setText("第二页")
  33.     }

  34.     fun initViewPager(){
  35.         mFragList.add(Fragment1())
  36.         mFragList.add(Fragment2())

  37.         view_pager.adapter = adapter
  38.     }

  39. }
复制代码

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册 新浪微博登陆

x
发表于 2017-12-26 10:16:25 | 显示全部楼层
:lol

新浪微博达人勋

注册会员

96

积分

30

威望

1

金钱

Rank: 2

积分
96
发表于 2017-12-28 04:46:20 | 显示全部楼层
:lol

新浪微博达人勋

注册会员

93

积分

31

威望

0

金钱

Rank: 2

积分
93
发表于 2017-12-28 06:03:51 | 显示全部楼层
安卓我的最爱

新浪微博达人勋

注册会员

116

积分

38

威望

1

金钱

Rank: 2

积分
116
发表于 2018-1-10 14:44:04 | 显示全部楼层
支持,楼下的跟上哈~

新浪微博达人勋

高级会员

891

积分

296

威望

3

金钱

Rank: 4

积分
891
发表于 2018-1-11 06:34:21 | 显示全部楼层
LZ敢整点更有创意的不?兄弟们等着围观捏~

新浪微博达人勋

注册会员

90

积分

30

威望

0

金钱

Rank: 2

积分
90
发表于 2018-2-1 14:10:04 | 显示全部楼层
跟随,看看先

新浪微博达人勋

注册会员

104

积分

34

威望

1

金钱

Rank: 2

积分
104
发表于 2018-2-3 18:50:00 | 显示全部楼层
了解一下先啊

新浪微博达人勋

注册会员

96

积分

28

威望

6

金钱

Rank: 2

积分
96
发表于 2018-2-6 03:14:02 | 显示全部楼层
支持,楼下的跟上哈~

新浪微博达人勋

高级会员

1807

积分

599

威望

5

金钱

Rank: 6Rank: 6

积分
1807
发表于 2018-3-7 03:54:47 | 显示全部楼层
这么强,支持楼主,佩服
您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

Archiver|手机版|小黑屋|安卓教程网 ( 粤ICP备12089784号  

GMT+8, 2018-6-26 03:11 , Processed in 0.953035 second(s), 56 queries .

Powered by Discuz X3.1

© 2001-2013 IOS教程网

快速回复 返回顶部 返回列表