Android Material Design库用法举例

Material Design

Android 5.0 Lollipop版本加入了Material Design库,通过这个库,开发人员可以轻松实现体现了Material Design风格的界面开发。本文将通过示例讲解该库里面常用的一些控件的使用方法,包括:
TextInputLayout,FloatingActionButton,Snackbar,CoordinatorLayout等。

Github Demo 地址

TextInputLayout

通过将传统的Edittext用TextInputLayout包裹起来,可以使得在用户输入的时候hint信息悬浮在输入框上方,随时提醒用户当前输入的内容是什么,效果如下图:

TextInputLayout

使用很简单:

<android.support.design.widget.TextInputLayout    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content">    

    <EditText        
        android:layout_width="200dp"        
        android:layout_height="wrap_content"        
        android:hint="Input your name here"/>

</android.support.design.widget.TextInputLayout>

其hint颜色,下划线默认颜色,高亮颜色,悬浮hint颜色等都可以设置,具体设置在res/values/styles.xml中,在当前app使用的Theme里设置:

<resources>    
    <!-- Base application theme. -->    
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">        
        <!-- Customize your theme here. -->        
        <item name="colorPrimary">@color/colorPrimary</item>        
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>        
        <item name="colorAccent">@color/blue</item>        
        <item name="android:textColorHint">@color/gray</item>        
        <item name="colorControlNormal">@color/black</item>        
        <item name="colorControlActivated">@color/yellow</item>        
        <item name="colorControlHighlight">@color/green</item>    
    </style>
</resources>    

其中textColorHint代表hint的颜色,colorControlNormal代表下划线没有获取焦点的颜色,colorControlActivated/colorControlHighlight代表了获取焦点或者点击的时候下划线的颜色。其他各种名称和代表的color如下图所示:
theme颜色说明

FloatingActionButton

FloatingActionButton是界面上的一个悬浮按钮,用来指示界面上的某个操作,界面下所示。

FloatingActionButton

可以通过anchor指定以哪个控件为基准,并用anchorGravity属性指定和基准控件的对齐方式,来将它放在界面上的某个位置。

<android.support.design.widget.FloatingActionButton    
    android:id="@+id/fab"    
    android:layout_width=
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值