简单又好看的按钮,圆角扁平化按钮。
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
蓝色样式
里面有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>
相关文章推荐
- 简单又好看的扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮.
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 简单又好看的按钮,扁平化按钮。
- 【Android开发】利用XML实现扁平化按钮和圆角矩形
- Android 实现圆角按钮(selector和shape的简单用法)
- 2013-10-28 按钮的简单样式(圆角)
- Android 实现圆角按钮(selector和shape的简单用法)
- iOS8 超简单的设置圆角按钮 ImageView等UIView
- Android studio 之 简单的圆角按钮
- sender对象简单应用(按钮)
- js代码,执行简单的按钮翻转
- 比较好看的按钮样式 (转)
- 简单圆角·····
- 手工创建datagrid数据列/模板列/按钮事件+简单的数据操作类(asp.net)