Fragment+ViewPager+TabLayout

Fragment+ViewPager+TabLayout

  • 一:TabLayout
    • TabLayout的介绍
    • TabLayout的使用
  • 二:Banner 轮播图的使用
  • 三:Abdroid EventBus 的使用
    • Banner 简介

一:TabLayout

TabLayout的介绍

Tablayout继承自HorizontalScrollView,用作页面切换指示器,因使用简便功能强大而广泛使用在App中。

官方介绍,TabLayout 是一个横向标签显示的布局,效果就是现在很多新闻客户端的那种顶部标签展示效果,并支持指示器、 ViewPager 联动
效果图

Fragment+ViewPager+TabLayout_第1张图片
这图是TabLayout+ViewPager+RadioGroup
1 ,引入 com.android.support:design
TabLayout 是属于 com.android.support:design 包的控件,所以需要依赖该包

TabLayout的使用

implementation 'com.android.support:design:28.0.0'

2,MainActivity的xml文件的创建



    

    

    

    

TabLayout 的几个常用属性值

app:tabBackground 标签布局的背景色
app:tabIndicatorColor 指示器的颜色
app:tabIndicatorHeight 指示器的高度(如果不需要指示器可以设置为0dp)
app:tabMode 显示模式:默认 fixed(固定),scrollable(可横向滚动)
app:tabPadding 标签内边距
app:tabSelectedTextColor 标签选中的文本颜色
app:tabTextAppearance 标签文本样式
app:tabTextColor 标签未选中的文本颜色

Java代码:MainActivity.java

public class MainActivity extends AppCompatActivity {
    private TabLayout tabId;
    private ViewPager vpId;

    private List list = new ArrayList<>();
    private List titles = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        tabId = findViewById(R.id.tab_id);
        vpId = findViewById(R.id.vp_id);
        
        list.add(new OneFragment());
        list.add(new TwoFragment());
        list.add(new OneFragment());
        list.add(new TwoFragment());
       
        titles.add("视频");
        titles.add("新闻");
        titles.add("图片");
        titles.add("留言");
        
        MyFragmentAdapter myFragmentAdapter = new MyFragmentAdapter(getSupportFragmentManager(), list, titles);
        vpId.setAdapter(myFragmentAdapter);

        //把viewPager和tabLayout绑定在一起,注释掉看看效果.
        tabId.setupWithViewPager(vpId);
    }
}

适配器代码:继承FragmentStatePagerAdapter

public class MyFragmentAdapter extends FragmentStatePagerAdapter {
    private List list;
    private List titles;

    public MyFragmentAdapter(FragmentManager fm, List list, List titles) {
        super(fm);
        this.list = list;
        this.titles = titles;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Fragment getItem(int i) {
        return list.get(i);
    }

	//返回与viewpage关联以后的tablayot的内容
    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return titles.get(position);
    }
}

Fragment创建一个右键带布局的就搞定,不用其他改变
使用动态显示

public class OneFragment extends Fragment {
    public OneFragment() {
        // Required empty public constructor
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_one, container, false);
    }
}

二:Banner 轮播图的使用

官方文档
https://github.com/youth5201314/banner

三:Abdroid EventBus 的使用

Banner 简介

EventBus是一种用于Android的事件发布-订阅总线,由GreenRobot开发,Gihub地址是:EventBus。它简化了应用程序内各个组件之间进行通信的复杂度,尤其是碎片之间进行通信的问题,可以避免由于使用广播通信而带来的诸多不便。

官方文档
https://github.com/greenrobot/EventBus
翻译文档
https://www.jianshu.com/p/e7d5c7bda783

你可能感兴趣的:(交互式视觉设计)