使用tablayout 和Appbar 实现 google 商店首页样式Google 官方在 14 年 Google I

使用tablayout和Appbar 实现google商店首页样式

效果

简介

Google官方在14年Google I/O上推出了全新的设计语言——Material Design。一并推出了一系列实现Material Design效果的控件库——Android Design Support Library。其中，有TabLayout, NavigationView,Floating labels for editing text,Floating Action Button,Snackbar, CoordinatorLayout, CollapsingToolbarLayout等等控件。在今后的学习中，我将一一介绍它们的特点和用法。

在移动应用中切换不同场景/功能，iOS中以底部三按钮、四按钮来实现的，而在Android中，则是抽屉式菜单或左右滑动式设计的。如何实现类似Google Play应用商店式的左右滑动，这就得靠TabLayout来实现了。

1,首先要引入

dependencies {
      compile 'com.android.support:design:23.1.1'
}

2,在布局添加

3, Fragment+ViewPager+FragmentViewPager组

合的使用
        ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
        MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager(),
                this);
        viewPager.setAdapter(adapter);

        //TabLayout
        TabLayout tabLayout = (TabLayout) findViewById(R.id.tl);
        tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
        tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
        tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));
        tabLayout.setupWithViewPager(viewPager);

实现goole play 还要注意两个控件的配合

`
CoordinatorLayout与NestedScrollView

`
具体布局如下

注意布局中的 AppBarLayout Toolbar 的使用

具体代码请访问github链接

github.com/yxwandroid/…

使用tablayout 和Appbar 实现 google 商店首页样式