效果图如下：

upload_avatar.xml布局文件代码

注意：  style="?android:attr/borderlessButtonStyle"

设置该属性就可以去掉Button自带的阴影。 

该属性在API 11及以上可用。鉴于现在普遍都是API 14，所以可以放心使用。已在5.1和6.0上试过，没问题。

background_button_div.xml 布局文件代码

background_button_div1.xml 布局文件代码

 

ok,到此就结束了。下面整理下具体使用到的知识点：

1.Shape

简介

作用：XML中定义的几何形状

位置：res/drawable/文件的名称.xml

使用的方法：

代码中：R.drawable.文件的名称

XML中：Android:background="@drawable/文件的名称"

属性：

<shape>  Android:shape=["rectangle" | "oval" | "line" | "ring"]

其中rectagle矩形，oval椭圆，line水平直线，ring环形

<shape>中子节点的常用属性：

<gradient>  渐变

Android:startColor  

起始颜色

Android:endColor  

结束颜色             

Android:angle  

渐变角度，0从左到右，90表示从下到上，数值为45的整数倍，默认为0；

Android:type  

渐变的样式 liner线性渐变 radial环形渐变 sweep

<solid >  内部填充

Android:color  

填充的颜色

<stroke >描边

Android:width 

描边的宽度

Android:color 

描边的颜色

Android:dashWidth

 表示'-'横线的宽度

Android:dashGap 

表示'-'横线之间的距离

<corners >圆角

Android:radius  

圆角的半径 值越大角越圆

Android:topRightRadius  

右上圆角半径

Android:bottomLeftRadius 

右下圆角角半径

Android:topLeftRadius 

左上圆角半径

Android:bottomRightRadius 

左下圆角半径

<padding >边界填充

android:bottom="1.0dip" 

底部填充

android:left="1.0dip" 

左边填充

android:right="1.0dip" 

右边填充

android:top="0.0dip" 

上面填充

2.Selector

简介

根据不同的选定状态来定义不同的现实效果

分为四大属性：

android:state_selected 是否选中

android:state_focused 是否获得焦点

android:state_pressed 是否按压

android:state_enabled 是否设置是否响应事件,指所有事件

另：

android:state_window_focused 默认时的背景图片

引用位置：res/drawable/文件的名称.xml

使用的方法：

Java代码中：R.drawable.文件的名称

XML中：Android:background="@drawable/文件的名称"