Design Support

Material Design

一, 分类

Design Support Library包含8个控件，具体如下：

android.support.design.widget.TextInputLayout 强大带提示的MD风格的EditText

android.support.design.widget.FloatingActionButton MD风格的圆形按钮，来自于ImageView

android.support.design.widget.Snackbar 类似Toast，添加了简单的单个Action

android.support.design.widget.TabLayout 选项卡

android.support.design.widget.NavigationView DrawerLayout的SlideMenu

android.support.design.widget.CoordinatorLayout 超级FrameLayout

android.support.design.widget.AppBarLayout MD风格的滑动Layout

android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout

二, 步骤:

1, 导入依赖

2, 根据需求添加控件

三, 详细介绍

1, TextInputLayout 文本输入布局

注意: 内部需要包含一个EditText控件

2, FloatingActionButton 圆形按钮, 父类是ImageView

默认的颜色: 粉色

app:backgroundTint="" 更改颜色

app:rippleColor="@color/colorPrimary" 点击时切换的颜色

app:elevation="10dp" 浮起的感觉, 有阴影 单位为dp

app:pressedTranslationZ="10dp" 立体的移动

3, Snackbar

和Toast相似, 起到了提示的作用, 持续的时间到了后自动消失

Snackbar.make(点击那个View弹出, 显示的文字信息,持续的时间)

.setAction(按钮显示的文字,点击事件监听器)

.show();

4, NavigationView

和DrawerLayout一起使用, 包含在DrawerLayout中

app:headerLayout="" 头部布局

app:menu = "" 导航菜单的资源文件

监听器:

setNavigationItemSelectedListener

5, TabLayout 选项卡

1, 页面中:

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

属性:

app:tabIndicatorColor="@color/colorAccent" 选中的颜色

app:tabIndicatorHeight="4dp" 选中的高度

app:tabSelectedTextColor="@color/colorAccent" 选中文字颜色

app:tabTextColor="#000000" 默认的文字颜色

2, 在Activity中

2.1 定义标题 -- PagerAdapter 中getPageTitle() 设置标题

2.2 把TabLayout和ViewPager结合 tabLayout.setUpWithViewPager(viewPager);

2.3 设置tabLayout的滑动模式

tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE)