Android渐变色圆角按钮的实现

最终效果如:

没有使用背景图片,因为Android手机屏幕分辨率碎片化太严重,如果用图片的话需要ps n张图片。所以,使用shape实现的渐变圆角按钮。


1.在drawable文件夹下新建round.xml,内容为:

<?xml version="1.0" encoding="UTF-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充的颜色,渐变色 -->
<gradient
android:startColor="#717a97"
android:endColor="#223158"
android:angle="90" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="5dip" />
<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
   android:left="10dp"
   android:top="10dp"
   android:right="10dp"
   android:bottom="10dp"
/>
</shape>

2.在按钮中使用round.xml:

<Button android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/round"
        android:text="@string/btnLogin"
        android:layout_gravity="center"
        android:layout_marginRight="5dip"
        android:layout_centerInParent="true"
        android:layout_alignParentRight="true"
        android:textColor="#ffffff"
        android:textSize="12sp"
    ></Button>

你可能感兴趣的:(Android渐变色圆角按钮的实现)