Android Material Design控件使用(二)——FloatButton TextInputEditTextTextInputLayout 按钮和输入框

FloatingActionButton1.使用FloatingActionButton的情形FAB代表一个App或一个页面中最主要的操作,如果一个App的每个页面都有FAB,则通常表示该App最主要的功能是通过该FAB操作的。为了突出FAB的重要性,一个页面最好只有一个FAB使用的时候需要导入desgin包,AndroidStudio新版本都已经自动导入了,这里就不多说compile'c...

Android Material Design控件使用(二)——FloatButton TextInputEditTextTextInputLayout 按钮和输入框

FloatingActionButton

1. 使用FloatingActionButton的情形

FAB代表一个App或一个页面中最主要的操作,如果一个App的每个页面都有FAB,则通常表示该App最主要的功能是通过该FAB操作的。

为了突出FAB的重要性,一个页面最好只有一个FAB
使用的时候需要导入desgin包,Android Studio 新版本都已经自动导入了,这里就不多说

 compile 'com.android.support:design:25.1.0'

2. FloatingActionButton的大小一般有两种大小(官方)

  1. 56 * 56dp :默认的大小,最常用的尺寸。
  2. 40 * 40 dp :Mini版。
    当然也是可以改变大小,不过一般使用

按钮中间图标大小官方推荐为 **24*24dp**

3.FloatingActionButton的属性

FloatingActionButton是继承ImageView,包含了ImageView的所有属性,除此之外,还有几个新增加的特殊属性,需要使用命名空间来使用。

引入命名空间:xmlns:app=“http://schemas.android.com/apk/res-auto“

属性名说明
elevation阴影的高度
fabSizeFAB的大小,为normal时,大小为:56 * 56dp ,为mini时,大小为: 40 * 40 dp
backgroundTintFAB的背景颜色
rippleColor点击FAB时,形成的波纹颜色

TextInputEditText

介绍

TextInputEditTextEditText的子类,相当于完善了有些EditText的缺点

当我们的界面处于全屏时,点击一个EditText,默认情况下不是在它下面弹出键盘,而是进入到输入法的一个全屏的输入界面(通过配置android:imeOptions=”flagNoExtractUi”可以设为直接在当前界面显示)

如果我们给EditText 套上了一个TextInputLayout时,TextInputLayout会拿到EditTexthint显示出来并把EditText本身的hint设为空.这样我们在全屏的输入界面上,就显示不出来我们设置hint,因此TextInputEditText重写了EditText

TextInputLayout

介绍

这个布局其实是与EditText连用,可以实现密码框的显示与隐藏,和点击输入的时候,会将提示文字浮现在上方

浮现文字

属性

属性名说明
app:Theme设置下划线或其他的颜色属性
android.support.design:counterEnabled是否显示计数器
android.support.design:counterMaxLength设置计数器的最大值,与counterEnabled同时使用
android.support.design:counterTextAppearance计数器的字体样式
android.support.design:counterOverflowTextAppearance输入字符大于我们限定个数字符时的字体样式
android.support.design:errorEnabled是否显示错误信息
android.support.design:errorTextAppearance错误信息的字体样式
android.support.design:hintAnimationEnabled是否显示hint的动画,默认true
android.support.design:hintEnabled是否使用hint属性,默认true
android.support.design:hintTextAppearance设置hint的文字样式(指运行动画效果之后的样式)
android.support.design:passwordToggleDrawable设置密码开关Drawable图片,于passwordToggleEnabled同时使用
android.support.design:passwordToggleEnabled是否显示密码开关图片,需要EditText设置inputType
android.support.design:passwordToggleTint设置密码开关图片颜色
android.support.design:passwordToggleTintMode设置密码开关图片(混合颜色模式),与passwordToggleTint同时使用
源文地址:https://www.guoxiongfei.cn/cntech/9857.html