您的位置:首页 > 其它

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

2014-12-04 19:40 387 查看




除了中规中矩的矩形按钮外,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" />


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





[b]二、在布局文件中设置各种属性[/b]

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事件的时间,默认是涟漪扩散完了再出发点击事件

[b]三、通过代码设定各种属性[/b]

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对象,可以进行各种设定
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: