Button绘制圆角，蓝边

在做一个佩戴设备APP时，需要做一个绿色圆角，内部为透明的按钮。先来看一下效果

效果实现

先新建一个shape资源

shape_button.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 填充的颜色 -->
    <solid android:color="@android:color/transparent" />
    <!-- 设置按钮的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners android:radius="30dip" />
    <!--边框的宽度及颜色-->
    <stroke android:width="2px" android:color="#388e3c" />
</shape>
   
   
1
2
3
4
5
6
7
8
9
10
11
   
   

    
    
   
   
   
   
1
2
3
4
5
6
7
8
9
10
11

设置Button的background

 <Button
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="绑定手环"
    android:background="@drawable/shape_button"
    android:layout_alignParentBottom="true"/>
   
   
1
2
3
4
5
6
   
   

    
    
   
   
   
   
1
2
3
4
5
6

$(function () {$('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var$numbering = $('

').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i