Material Designer的低版本兼容实现(八)—— Flat Button

  

除了中规中矩的矩形按钮外,5.0中将按钮扁平化,产生了一个扁平按钮——Flat Button。这个按钮降低了很多存在感,主要用于在对话框,提示栏中。让整个界面减少层级。今天说的就是它的用法。

这个按钮继承自矩形按钮,所以拥有很多矩形按钮的属性,关于矩形按钮请看上一篇文章。

首先还是添加lib的依赖。lib地址:https://github.com/shark0017/MaterialDesignLibrary

 

一、放入布局文件

自定义命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"

<com.gc.materialdesign.views.ButtonFlat
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

现在是默认的模式,没有做任何设置。默认的状况是完全透明的一个按钮

  

 

二、在布局文件中设置各种属性

android:background="@color/orange"  设置背景色,默认是透明的

android:text="Flat Button"  设置文字,默认没有文字

android:textSize="20sp"  设置文字大小,默认14sp,文字是粗体。

android:textColor="#ffc641"  设置文字颜色,默认是蓝色

app:rippleColor="#ffc641"  设置涟漪的颜色,默认是灰色

app:rippleSpeed="2"  设置涟漪扩散速度,默认6f

app:clickAfterRipple="false"  设置触发click事件的时间,默认是涟漪扩散完了再出发点击事件

 

三、通过代码设定各种属性

public class ButtonFlatTest extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.button_flat);
        
        btn01.setBackgroundColor(getResources().getColor(R.color.orange));// 设定按钮背景
        
        btn02.setBackgroundColor(0xffff0000);// 设定按钮背景
        
        btn03.setText("setText");// 设定按钮文字
        
        btn04.setTextSize(30);// 设定文字大小
        
        btn05.setTextColor(0xffffc641);// 设定文字颜色
        
        btn06.setTextColor(getResources().getColor(R.color.red));// 通过资源设定文字颜色
        
        btn07.setRippleColor(0xffffc641);// 直接设定颜色数值
        
        btn08.setRippleColor(getResources().getColor(R.color.orange));// 设定涟漪的颜色
        
        btn09.setRippleSpeed(2);// 设置涟漪扩散速度

        btn10.setClickAfterRipple(false);// 设定点击后立刻产生click事件

        buttonFlat.getTextView();// 得到这个按钮中的textView对象,可以进行各种设定
    }


}

 

posted @ 2014-12-04 19:40  developer_Kale  阅读(2724)  评论(0编辑  收藏
网站流量统计工具