简单又好看的按钮,扁平化按钮。
2016-03-28 22:38
218 查看
今天分享一下流行的扁平化按钮。完全不需要用到图片哦。效果图如下:
里面有2个按钮都是一样的模式。只要修改的色值就可以。下面跟我来更新你的UI吧。
首先编写 button.xml
代码如下
然后使用方法如下:
设置button的背景
这样就完成了这个按钮。并且带有点击效果哦。
里面有2个按钮都是一样的模式。只要修改的色值就可以。下面跟我来更新你的UI吧。
首先编写 button.xml
代码如下
<?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的背景
<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" />
这样就完成了这个按钮。并且带有点击效果哦。
相关文章推荐
- 剑指offer——两个链表的第一个公共结点
- matlab与C++混合编程 matlab发布、打包DLL
- Unix高级环境编程之fcntl函数
- 世界在音乐中得到了完整的再现和表达。
- UVa 1587 - Box
- [2] 无线信道:传播和衰减 - 大规模衰减
- 编译原理——中间代码生成
- Java简介
- 组装电脑 LA 3971 二分答案
- 输出星号
- 线性表
- 第三周任务学习记录
- 第三次作业
- SOA (面向服务的体系结构)
- BZOJ 3456 城市规划 NTT 生成函数计数 ***
- 杭电1106
- Spring+Spring MVC+Hibernate框架搭建实例 推荐
- android graphic(15)—fence
- C语言学习第二天
- Linux开发流程