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实现滚动动画效果。
使用以上三个组件完成案例效果如下图所示：
images/loading.gif' data-original="http://images2015.cnblogs.com/blog/708076/201512/708076-20151221140820515-100789140.png" />
具体的布局文件内容如下：
<android.support.design.widget.CoordinatorLayout ="http://schemas.android.com/apk/res/android" ="http://schemas.android.com/apk/res-auto" ="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='/images/loading.gif' data-original="@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/
版权声明：本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
技术咨询：
原标题：Android之ASD组件（一）
关键词：Android
我知道了 