您的位置:首页 > 其它

简单又好看的按钮,圆角扁平化按钮。

2014-07-12 18:30 369 查看
今天分享一下流行的扁平化按钮。完全不需要用到图片哦。效果图如下:





里面有2个按钮都是一样的模式。只要修改的色值就可以。下面跟我来更新你的UI吧。

首先编写 button.xml

代码如下

[html] view
plaincopyprint?





<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!--点击背景-->

<item android:state_pressed="true">

<shape>

<!--色值-->

<solid android:color="#e79429" />

<!--圆角-->

<corners android:radius="10dp" />

</shape>

</item>

<!--默认背景-->

<item>

<shape>

<solid android:color="#f6aa3e" />

<corners android:radius="10dp" />

</shape>

</item>

</selector>

然后使用方法如下:

设置button的背景

[html] view
plaincopyprint?





<Button

android:id="@+id/one"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="10dp"

android:background="@drawable/button"

android:paddingBottom="8dp"

android:paddingLeft="25dp"

android:paddingRight="25dp"

android:paddingTop="8dp"

android:text="我要赠送"

android:textColor="@color/White"

android:textSize="18sp" />

这样就完成了这个按钮。并且带有点击效果哦。
http://blog.csdn.net/peijiangping1989/article/details/19333779
蓝色样式

<item android:state_pressed="true">  
        <shape>  
            <solid android:color="#1879bd" />  
            <corners android:radius="10dp" />  
        </shape>  
    </item>  
    <item>  
        <shape>  
            <solid android:color="#319aef" />  
            <corners android:radius="10dp" />  
        </shape>  
    </item>
红色

<!--点击背景-->  
    <item android:state_pressed="true">  
        <shape>  
             <!--色值-->  
            <solid android:color="#e79429" />  
            <!--圆角-->  
            <corners android:radius="10dp" />  
        </shape>  
    </item>  
    
    <!--默认背景-->  
    <item>  
        <shape>  
            <solid android:color="#ff6969" />  
            <corners android:radius="10dp" />  
        </shape>  
    </item> 
    </selector>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: