Android中TabLayout和ViewPager的结合使用
2017-04-14 15:07
204 查看
首先在AndroidStudio中引入这样一个包
compile ‘com.android.support:design:23.1.1’
com.Android.support:design:23.1.1支持的新控件。
android.support.design.widget.TextInputLayout 强大带提示的MD风格的EditText
android.support.design.widget.FloatingActionButton MD风格的圆形按钮,来自于ImageView
android.support.design.widget.Snackbar 类似Toast,添加了简单的单个Action
android.support.design.widget.TabLayout 选项卡
android.support.design.widget.NavigationView DrawerLayout的SlideMenu
android.support.design.widget.CoordinatorLayout 超级FrameLayout
android.support.design.widget.AppBarLayout MD风格的滑动Layout
android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout
详细说明请看
http://www.open-open.com/lib/view/open1433385856119.html
布局图如下 上面是tablayout 下面是viewpager就好了
初始化Tablayout以及添加title数据
//初始化title的名称 可以在Values/arrays.xml中定义
最后viewpager设置好fragmentPagerAdapter之后再将viewpager和tablayout关联起来,还要在fragmentPagerAdapter中实现下面方法才显示Title
最后
mTabLayout.setupWithViewPager(mViewPager);
compile ‘com.android.support:design:23.1.1’
com.Android.support:design:23.1.1支持的新控件。
android.support.design.widget.TextInputLayout 强大带提示的MD风格的EditText
android.support.design.widget.FloatingActionButton MD风格的圆形按钮,来自于ImageView
android.support.design.widget.Snackbar 类似Toast,添加了简单的单个Action
android.support.design.widget.TabLayout 选项卡
android.support.design.widget.NavigationView DrawerLayout的SlideMenu
android.support.design.widget.CoordinatorLayout 超级FrameLayout
android.support.design.widget.AppBarLayout MD风格的滑动Layout
android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout
详细说明请看
http://www.open-open.com/lib/view/open1433385856119.html
布局图如下 上面是tablayout 下面是viewpager就好了
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#34CE7B" app:tabIndicatorColor="@android:color/white" app:tabSelectedTextColor="@android:color/white" app:tabTextAppearance="@style/style_tab_text_size" app:tabTextColor="@android:color/white"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager> </LinearLayout>
初始化Tablayout以及添加title数据
//初始化title的名称 可以在Values/arrays.xml中定义
mTitleList=new ArrayList<>(); mTitleList.add(getResources().getString(R.string.hot_scenic)); mTitleList.add(getResources().getString(R.string.newest_scenic)); //设置Tab_Layout的样式 mTabLayout.setTabMode(TabLayout.MODE_FIXED); //为tablayout添加tab名称 if(mTitleList!=null){ mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(0))); mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(1))); }
最后viewpager设置好fragmentPagerAdapter之后再将viewpager和tablayout关联起来,还要在fragmentPagerAdapter中实现下面方法才显示Title
@Override public CharSequence getPageTitle(int position) { return titles[position]; }
最后
mTabLayout.setupWithViewPager(mViewPager);
相关文章推荐
- android关于TabLayout+ViewPager结合使用的小Demo
- Android中TabLayout和ViewPager的结合使用
- Toolbar,DrawerLayout,PagerSlidingTabStrip,AndroidImageSlider,RecyclerView结合使用
- TabLayout的基本使用结合Viewpager(Android开发)
- TabLayout结合ViewPager的使用
- VerticalViewPager与VertialTabLayout的结合使用
- Android Tablayout+ViewPager使用及遇到的问题
- Tablayout与ViewPager的结合使用
- 自学android笔记之TabLayout结合ViewPager和Fragment实现多页面滑动
- TabLayout结合ViewPager使用
- Android使用TabLayout+ViewPager实现顶部滑动菜单栏
- Android框架之路——Tablayout+ViewPager+Fragment的使用
- TabLayout和ViewPager结合使用
- Android中TabLayout结合ViewPager实现页面切换
- Android进阶之路 - Tablayout与Viewpager的使用(二)
- TabLayout,ViewPager,Fragment结合使用
- 【Android 基础】ViewPager&TabLayout使用简例
- Tablayout和ViewPager的结合使用Tablayout标题右上角加标记
- Android Material Design系列之Tablayout,Fragment,Viewpager搭配使用
- Tablayout和ViewPager的结合使用及滑动RecycleView隐藏显示Toolbar和右下角的悬浮窗