FloatingActionButton的简单使用
FloatingActionButton是Support Design Library库中引入的一个新的控件,外观时尚新颖,受到很多开发者的好评。
如何使用FloatingActionButton
使用FloatingActionButton其实非常简单只需要在布局文件中引入控件即可,不过它的属性有点多,我们先来介绍一下它的属性。
- android:src:FAB中显示的图标.
- app:backgroundTint:正常的背景颜色 ,这里是ColorStateList类型
- app:rippleColor:按下时的背景颜色
- app:elevation:正常的阴影大小
- app:pressedTranslationZ:按下时的阴影大小
- app:layout_anchor:设置FAB的锚点,即以哪个控件为参照设置位置
- app:layout_anchorGravity:FAB相对于锚点的位置
- app:fabSize:FAB的大小,normal或mini(分别对应56dp和40dp)
- app:borderWidth:边框大小,最好设置成0dp否则会有边框
- android:clickable:一定要设置成true否则没有点击效果
讲完属性接下来实现一下效果
xml布局文件
<FrameLayout 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" tools:context=".MainActivity"> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_gravity="end|bottom" android:id="@+id/floatbutton" app:elevation="6dp" android:clickable="true" app:borderWidth="0dp" android:backgroundTint="@color/fabbg" app:rippleColor="#0097a7" android:layout_marginBottom="20dp" android:layout_marginRight="20dp" android:src="@drawable/ic_logo" app:pressedTranslationZ="12dp" android:layout_height="wrap_content" /> </FrameLayout>
color/fabbg.xml文件,这个需要在res目录下新建color文件夹
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="false" android:color="#00b8d4"/> <item android:state_focused="true" android:color="#00e5ff"/> </selector>
FloatingActionButton的点击事件与Button的实现方式一样,这里不予演示
运行效果
个人博客:https://myml666.github.io

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
《React Native 精解与实战》书籍连载「React Native 底层原理」
此文是我的出版书籍《React Native 精解与实战》连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战,以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示,精选了大量实例代码,方便读者快速学习。 书籍还配套了视频教程「80 节实战课精通 React Native 开发」,此视频课程建议配合书籍学习,书籍中原理性的东西讲解的比较清晰,而视频教程对于组件、API 等部分的代码实战开发讲解比较直观。 书籍相关所有资料请访问:http://rn.parryqiu.com 本章将深入讲解 React Native 的底层原理,万丈高楼平地起,非常深入地理解 React Native 底层的实现,在你开发或遇到难题调试时非常有帮助。 此部分包含 React Native 的框架构成、工作原理、UI 层的渲染与重绘以及组件间通信、React Native 与各个平台的通信实现以及 React Native 中的生命周期。 如果需要直接开始 ...
- 下一篇
好用的iOS界面库 ColorfulWoodUIBase
ColorfulWoodUIBase 1. 目的:该框架致力于提供一些通用的界面设计,用于快速搭建界面,减少界面开发时间 界面开发是iOS开发,或者几乎所有程序开发中重要的一环,对于用户来说,这带来很重要的体验;但是,对于开发者来说,界面开发却是最低级和没有价值的任务。而业务逻辑,程序性能更能体现程序的价值。所以,为了节省界面开发的时间,把精力放在更重要的地方,故此开发这套框架。 2. 导入说明 使用时,可以直接导入,需要有多个依赖库: Masonry、 ColorfulWoodCategories、 SDWebImage 也可使用cocoapod 3. 使用示例 3.1. 该框架的使用重点是CWUBModel CWUBModel 是一个数组的数组,代表着section及cell。 每个cell对应着一个CWUBModelBase,cell的类型是CWUBCellBase。 CWUBModelBase里面的m_type属性定义了cell的类型,里面的属性定义了布局和内容。 3.2. 使用示例工程中的程序简单演示了使用步骤,该框架基本依赖在UITableView中 3.3. 其代理示例...
相关文章
文章评论
共有0条评论来说两句吧...