Android UI设计 按钮美化,gradient,stroke,corners

本文介绍如何使用Android中的shape和gradient来美化按钮样式,包括渐变颜色、边框、圆角等属性设置,以及如何根据不同状态调整按钮外观。
[转载]Android <wbr>UI设计 <wbr>按钮美化
不要说Android中UI做的丑是因为不会美化,其实做一个漂亮的界面也不是什么打不了的事情 
简单一说:shape是用来自己画图用的 其中gradient可以让它有个一个渐变效果,startColor 是开始的颜色,endColor是最后的颜色,angle用来确定方向,0表示Left_Right 90是Bottom——Top 180是Right——Left发现规律了吧,剩下的自己应该知道了 stroke 是来确定边框的 其中width 是表示宽度,color是边框的颜色 corners 来确定每个角的半径,可以用 topLeftRadius 等来分别设置半径的大小,Padding 用开确定里面内容的位置,
当然我们也可以分开单独写<shape>然后用 android:drawable="@drawable/"来定义自己画的图片或者是已有的图片,这要看自己的用途
 

按钮的背景布局
<?xml version="1.0" encoding="utf-8"?>
<selector
   xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:state_pressed="true">
   <shape>
         <gradient android:startColor="#FFFF00" android:endColor="#C0C0C0"
         android:angle="0"/>
         <stroke android:width="4dip" android:color="#b0000000"/>
         <corners android:radius="15dp"/>
         <padding android:left="10dp" android:top="10dp" android:right="10dp"
                       android:bottom="10dp"/>
   
   </shape>
   
   </item>
   <item android:state_focused="true">
   <shape>
         <gradient android:startColor="#FFFFFFFF" android:endColor="#00000000"
         android:angle="270"/>
         <stroke android:width="4dip" android:color="#00000000"/>
         <corners android:radius="15dp"/>
         <padding android:left="10dp" android:top="10dp" android:right="10dp"
                       android:bottom="10dp"/>
   
   </shape>
   
   </item>
   <item>
   <shape>
         <gradient android:startColor="#FFFFFFFF" android:endColor="#00000000"
         android:angle="90"/>
         <stroke android:width="4dip" android:color="#00000000"/>
         <corners android:radius="15dp"/>
         <padding android:left="10dp" android:top="10dp" android:right="10dp"
                       android:bottom="10dp"/>
   
   </shape>
   
   </item>
</selector>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值