Android之ASD组件（一）

　　Google在android5.0之后推出新设计标准Material Design，为了能在低版本上使用Material Design，google发布了Android Support Design支持库。

　　下面我们看看该库中提供的一些组件的用法

　　SnackBar该组件是介于Toast和Dialog之间的一种提示信息组件，用法和Toast有点类似。SnackBar中常用的方法如下：

1、public static Snackbar make(@NonNull View view, @StringRes int resId, @Duration int duration)：静态方法，使用字符串资源构建一个SnackBar对象

2、public static Snackbar make(@NonNull View view, @NonNull CharSequence text,

        @Duration int duration) ：静态方法，用于构建一个SnackBar对象。

3、public Snackbar setAction(@StringRes int resId, View.OnClickListener listener)：设置SnackBar的动作

4、public Snackbar setAction(CharSequence text, final View.OnClickListener listener)：设置SnackBar动作

5、public Snackbar setActionTextColor(ColorStateList colors)：设置操作文字颜色

6、public void show()：显示SnackBar。

　　具体使用案例代码如下：

Snackbar.make(v,"别乱点！！！！",Snackbar.LENGTH_LONG).setAction("OK", new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        show.setText("你点了什么？");
    }
}).show();

　　 FloatingActionButton组件是一个项目中常见的圆形按钮，该组件是继承自ImageView，该组件提供了一些属性用于设置样式，具体如下：

1、app:borderWidth:边框的宽度

2、app:backgroundTint：FloatingActionButton的背景色

3、app:rippleColor：FloatingActionButton被点击时的颜色

4、app:fabSize：FloatingActionButton的大

5、app:elevation：FloatingActionButton的海拔高度

　　CoordinatorLayout组件是一个布局组件，实现了Material Design中滚动动画效果，主要功能一是作为布局容器，而是协调子View实现滚动动画效果。

　　使用以上三个组件完成案例效果如下图所示：

　　具体的布局文件内容如下：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <TextView
        android:id="@+id/show"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp" />


    <android.support.design.widget.FloatingActionButton
        android:id="@+id/btnFloating"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="20dp"
        android:src="@mipmap/ic_launcher"
        app:backgroundTint="#ff0000"
        app:borderWidth="5dp"
        app:elevation="10dp"
        app:fabSize="normal"
        app:pressedTranslationZ="5dp"
        app:rippleColor="#00ff00" />

</android.support.design.widget.CoordinatorLayout>

　　TabLayout是tab容器，有了TabLayout我们可以方便的实现Tabs+ViewPager+Fragment的经典界面结构。TabLayout是继承了HorizontalScrollView，所有具备ScollView的特性。使用如下属性可定制Tab的显示样式

1、  app:tabIndicatorColor：指示器的颜色

2、  app:tabIndicatorHeight：指示器的高度

3、  app:tabSelectedTextColor：选中Tab的文字颜色

4、  app:tabMode：Tab的模式

5、  app:tabTextAppearance：Tab字体样式

　　使用TabLayout案例的具体展示效果如下：

　　在该案例中要注意的地方有两点：

1、ViewPager的adapter要实现getPageTitle方法，TabLayout中的Tab中文字内容从该方法中获取。

2、要先为ViewPager设置adapter，后再依次调用TabLayout的方法

　　a)  setTabsFromPagerAdapter

　　b)  setupWithViewPager

　　具体代码如下：

public class TabsActivity extends AppCompatActivity {

    private Toolbar toolbar;
    private TabLayout tabs;
    private ViewPager viewPager;

    private List<View> pagerData ;
    String[] titles=new String[]{"推荐","热点","烟台","社会","视频"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabs_layout);
        toolbar = (Toolbar)findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        ActionBar actionBar = getSupportActionBar();
        actionBar.setTitle("杰瑞教育");
        actionBar.setDisplayHomeAsUpEnabled(true);

        tabs = (TabLayout)findViewById(R.id.tabs);
        viewPager=(ViewPager)findViewById(R.id.viewPager);


        initPagerData();
        MyPageAdapter adapter = new MyPageAdapter();
        viewPager.setAdapter(adapter);
        tabs.setTabsFromPagerAdapter(viewPager.getAdapter());
        tabs.setupWithViewPager(viewPager);
    }

    private void initPagerData(){
        pagerData = new ArrayList<>();
        for(int i=0;i<titles.length;i++) {
            TextView textView = new TextView(this);
            textView.setText(titles[i]);
            pagerData.add(textView);
        }
    }

    private class MyPageAdapter extends PagerAdapter{
        @Override
        public int getCount() {
            return pagerData.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view==object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            View view = pagerData.get(position);
            container.addView(view);
            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(pagerData.get(position));
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position];
        }
    }
}

作者：杰瑞教育
出处：http://www.cnblogs.com/jerehedu/ 
版权声明：本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
技术咨询：