Material Design控件之FloatingActionButton
Material Design控件之FloatingActionButton在Material Design设计规范中,提出了一些控件的基本准则规范,我们来学习下Material Design中的控件。 按钮由文字或图标组成,但是它们的目的是相同的,就是起到连接一种过渡效果,能清晰表达与点击展示后的内容关系。主要的控件类型:
我们看下几个实例图: 悬浮响应按钮(Floating action button): 浮动按钮(Raised button): 扁平按钮(Flat button): 特点: 使用技巧:
按钮类型应该基于主按钮、屏幕上容器的数量以及整体布局来进行选择。 首先,审视一遍你的按钮功能: 它是不是非常重要而且应用广泛到需要用上悬浮响应按钮? 然后,基于放置按钮的容器以及屏幕上层次堆叠的数量来选择使用浮动按钮还是扁平按钮。而且应该避免过多的层叠。 最后,检查你的布局。 一个容器应该只使用一种类型的按钮。 只在比较特殊的情况下(比如需要强调一个浮起的效果)才应该混合使用多种类型的按钮。 按钮类型特点(1)、对话框中使用扁平按钮作为主要按钮类型以避免过多的层次叠加。 下面我们就来看看如何在实际的开发中使用Material Design新增的FloatingActionButton。 1、控件所在包及环境配置:在gradle中添加依赖 compile 'com.android.support:design:22.2.0'
所在包路径: android.support.design.widget.FloatingActionButton 2、我们看下FloatingActionButton的定义: public class FloatingActionButton extends ImageView
发现它就是一个ImageView,所以我们可以按照ImageView的来使用。 FloatingActionButton的使用1、我们新建一个工程,在xml布局文件中: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_input_add" />
</RelativeLayout>
2、使用很简单,我们看下效果图: (2)、Api17的模拟器: 我们发现在Api17的模拟器上才是正常效果。原因就是我们没设置app:borderWidth属性,设置即可。 3、FloatingButton自定义属性:
补充,我们在使用app自定义属性的时候,不要忘记添加命名空间。 xmlns:app="http://schemas.android.com/apk/res-auto" 至此,FloatingActionButton基本使用介绍完毕。 作者:mr_dsw 欢迎转载,与人分享是进步的源泉! 转载请保留地址:http://blog.csdn.net/mr_dsw (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |