Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout
原创
刘某人程序员博主文章分类:Android ©著作权
文章标签 android viewpager 框架 tabhost ide 文章分类 Hadoop 大数据
©著作权归作者所有:来自51CTO博客作者刘某人程序员的原创作品,请联系作者获取转载授权,否则将追究法律责任
Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout
现在很多app都在追求简单明了,功能又要强大,不过我还是喜欢之前的app风格,就是TabHost,在现在也是有许多app在用,不过选项卡可能都放在下面了,我们想要tabhost有viewpager的滑动效果,其实也很简单,那就是fragment,在这之前,我都是很复杂的把它们全部绑定在一起联动的,但是现在就要简单很多了 ,我们用Android Studio开发
先看下效果图吧
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
我们这次使用到的是TabLayout
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
activity_main.xml
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> android:id="@+id/id_tab_layout" android:background="#ffffff" app:tabGravity="fill" app:tabMode="fixed" app:tabIndicatorColor="#0ddcff" app:tabTextColor="#000000" app:tabSelectedTextColor="#0ddcff" android:layout_width="match_parent" android:layout_height="wrap_content"> android:id="@+id/id_view_pager" android:layout_width="match_parent" android:layout_height="wrap_content">
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
MainActivity
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
package com.app.gaohailong.festivalmessage;import android.os.Bundle;import android.support.design.widget.TabLayout;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity { private TabLayout mTablayout; private ViewPager mViewPager; private String[] mTitles = new String[]{"节日短信", "发送记录", "个人设置"}; private List mFragments; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initViews(); } private void initViews() { //初始化View mTablayout = (TabLayout) findViewById(R.id.id_tab_layout); mViewPager = (ViewPager) findViewById(R.id.id_view_pager); //初始化List mFragments = new ArrayList<>(); Fragment mFestivalFragment = new FestivalFragment(); Fragment mRecordFragment = new RecordFragment(); Fragment myFragment = new MyFragment(); mFragments.add(mFestivalFragment); mFragments.add(mRecordFragment); mFragments.add(myFragment); //给ViewPage设置Adapter mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } @Override public CharSequence getPageTitle(int position) { return mTitles[position]; } }); mTablayout.setupWithViewPager(mViewPager); }}
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
记得添加源
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
compile 'com.android.support:design:23.1.1'
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
这样就可以了,是不是非常的简单?你也可以去试试呢
![Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"这里写图片描述")
* 赞
* 收藏
* 评论
* *举报
上一篇:Android绘图机制(二)——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解
下一篇:Android特效专辑(二)——ViewPager渲染背景颜色渐变(引导页)
Original: https://blog.51cto.com/u_11359683/5351745
Author: 刘某人程序员
Title: Android特效专辑(四)——APP主页框架TabHost绑定ViewPager的替换者TabLayout
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/517640/
转载文章受原作者版权保护。转载请注明原作者出处!