android.support.design
2016-02-15 17:42
525 查看
设计风格注意事项:
1、xml中顶部的布局写上fitsSystemWindows=”true”的话让最顶部状态栏采用colorPrimaryDark的颜色,否则状态栏不变;
2、Toolbar中menu~item中showAsAction属性共有五个值:ifRoom、never、always、withText、collapseActionView,可以混合使用。
ifRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个数并不仅仅局限于4个,依据屏幕的宽窄而定。
never 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上。
always 无论是否溢出,总会显示。
withText withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。
collapseActionView 声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。一般要配合ifRoom一起使用才会有效果。
下面为新控件介绍:
Design Support Library包含8个控件,具体如下:
Widget Name Description:
android.support.design.widget.CoordinatorLayout 协调者布局(超级FrameLayout),一般作为根布局,主要功能如下:
让浮动按钮FloatingActionButton上下滑动,为Snackbar留出空间。
扩展或者缩小Toolbar或者头部,让主内容区域有更多的空间。
控制哪个view应该扩展还是收缩,以及其显示大小比例,包括视差滚动效果动画。
详情可参考:/article/3560236.html
android.support.design.widget.AppBarLayout MD风格的滑动Layout
xml中写上android:theme=”@style/ThemeOverlay.AppCompat.Dark.ActionBar”或android:theme=”@style/AppTheme.AppBarOverlay”的话实现appbarlayout上面的字是白色,否则为默认黑色。
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 选项卡
详情可参考:http://www.bkjia.com/Androidjc/1040009.html
android.support.design.widget.NavigationView 替代DrawerLayout的SlideMenu,即drawer的左侧抽屉部分。需要用DrawerLayout作为根布局。
注意:1、把Toolbar放在DrawerLayout上面可以实现抽屉在ToolBar下面的样式;如
2、只要指定android:layout_gravity=”start”的任意布局都可以作为抽屉,如listview scrollview,start或left为左抽屉,end或right为右抽屉。
android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout
详情参考:http://www.open-open.com/lib/view/open1433385856119.html
http://www.tuicool.com/articles/aeQrYv3
http://www.open-open.com/lib/view/open1436152483833.html
1、xml中顶部的布局写上fitsSystemWindows=”true”的话让最顶部状态栏采用colorPrimaryDark的颜色,否则状态栏不变;
2、Toolbar中menu~item中showAsAction属性共有五个值:ifRoom、never、always、withText、collapseActionView,可以混合使用。
ifRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个数并不仅仅局限于4个,依据屏幕的宽窄而定。
never 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上。
always 无论是否溢出,总会显示。
withText withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。
collapseActionView 声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。一般要配合ifRoom一起使用才会有效果。
下面为新控件介绍:
Design Support Library包含8个控件,具体如下:
Widget Name Description:
android.support.design.widget.CoordinatorLayout 协调者布局(超级FrameLayout),一般作为根布局,主要功能如下:
让浮动按钮FloatingActionButton上下滑动,为Snackbar留出空间。
扩展或者缩小Toolbar或者头部,让主内容区域有更多的空间。
控制哪个view应该扩展还是收缩,以及其显示大小比例,包括视差滚动效果动画。
详情可参考:/article/3560236.html
android.support.design.widget.AppBarLayout MD风格的滑动Layout
xml中写上android:theme=”@style/ThemeOverlay.AppCompat.Dark.ActionBar”或android:theme=”@style/AppTheme.AppBarOverlay”的话实现appbarlayout上面的字是白色,否则为默认黑色。
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 选项卡
详情可参考:http://www.bkjia.com/Androidjc/1040009.html
android.support.design.widget.NavigationView 替代DrawerLayout的SlideMenu,即drawer的左侧抽屉部分。需要用DrawerLayout作为根布局。
注意:1、把Toolbar放在DrawerLayout上面可以实现抽屉在ToolBar下面的样式;如
[code]<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" /> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- Content --> <ListView android:id="@+id/lv_content" android:layout_width="match_parent" android:layout_height="match_parent" /> <!-- Slidingmenu --> <ListView android:id="@+id/id_lv_left_menu" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="start" android:background="#ffffffff" android:clipToPadding="false" android:divider="@null" android:listSelector="?attr/selectableItemBackground" android:paddingTop="0dp" /> </android.support.v4.widget.DrawerLayout> </LinearLayout>
2、只要指定android:layout_gravity=”start”的任意布局都可以作为抽屉,如listview scrollview,start或left为左抽屉,end或right为右抽屉。
android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout
详情参考:http://www.open-open.com/lib/view/open1433385856119.html
http://www.tuicool.com/articles/aeQrYv3
http://www.open-open.com/lib/view/open1436152483833.html
相关文章推荐
- 我在Mac OS X 操作系统上搭建Android开发环境的经历
- android 自定义View Caused by: java.lang.ClassNotFoundException: Didn't find class
- 手机高温警告提示内容不匹配的分析【多次调用PendingIntent.getBroadcast,intent数据不更新】
- android ImageView布局时出现警告的解决
- 解决android.view.AbsSavedState$1 cannot be cast to android.widget.CompoundButton$SavedState
- Android数据存储(一)----SharedPreferences详解
- Android(监听+回调=观察者)模式从Dialog到Activity传递数据
- Android 驱动USB摄像头
- git 发布android 系统版本 修改版本型号 查看指定文件的修改记录
- 最全Android开发常用工具类
- 性能优化之Java(Android)代码优化
- 监听ScrollView滑到底部
- android 多进程之 Messenger
- Android RxJava学习
- Android图片的三级缓存和AsyncTask的使用的研究学习
- Android中通过代码获取arrays.xml文件中的数据
- Android Studio 安装出错 Failed to install Intel HAXM. For details, please check the installation log
- Android快速开发框架
- 使用git 发布android系统版本 1
- Android Studio的自带git插件的历史比较功能还不错