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)