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

转自:https://i-blog.csdnimg.cn/blog_migrate/8162306e7f23ff7b5749ae10fd5d8059.png

应用层今天分享一下流线的扁平化按钮。完全不需要用到图片,效果图如下:



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

首先编写 button.xml

代码如下

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <!--点击背景-->  
  4.     <item android:state_pressed="true">  
  5.         <shape>  
  6.              <!--色值-->  
  7.             <solid android:color="#e79429" />  
  8.             <!--圆角-->  
  9.             <corners android:radius="10dp" />  
  10.         </shape>  
  11.     </item>  
  12.     <!--默认背景-->  
  13.     <item>  
  14.         <shape>  
  15.             <solid android:color="#f6aa3e" />  
  16.             <corners android:radius="10dp" />  
  17.         </shape>  
  18.     </item>  
  19. </selector>  

然后使用方法如下:

设置button的背景

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <Button  
  2.             android:id="@+id/one"  
  3.             android:layout_width="wrap_content"  
  4.             android:layout_height="wrap_content"  
  5.             android:layout_marginTop="10dp"  
  6.             android:background="@drawable/button"  
  7.             android:paddingBottom="8dp"  
  8.             android:paddingLeft="25dp"  
  9.             android:paddingRight="25dp"  
  10.             android:paddingTop="8dp"  
  11.             android:text="我要赠送"  
  12.             android:textColor="@color/White"  
  13.             android:textSize="18sp" />  

这样就完成了这个按钮。并且带有点击效果哦。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值