样式演示
button样式演示
代码
自定义布局文件layout中的button控件
<Button
android:id="@+id/tv_cancel"
android:layout_width="160dp"
android:layout_height="44dp"
android:text="取消"
//修改background
android:background="@drawable/login_btn_white_select"
android:textColor="@color/login_text_blue"
android:textSize="14sp"
/>
自定义drawable文件:login_btn_white_select.xml
button的整体样式设计:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 当按下按钮时 -->
<item android:drawable="@drawable/loginshape_gary_sel" android:state_pressed="true"/>
<!-- 按钮的默认状态 -->
<item android:drawable="@drawable/loginshape_white" android:state_focused="false"/>
</selector>
自定义drawable文件:loginshape_gary_sel.xml
按下button的样式设计:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 填充的颜色 -->
<solid android:color="@color/gray" />
<!-- android:radius 弧形的半径 -->
<corners android:radius="4dp" />
</shape>
自定义drawable文件:loginshape_white.xml
默认状态的button的样式设计:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 填充的颜色 -->
<solid android:color="@color/white"/>
<!-- 设置边框颜色 -->
<stroke
android:width="1dp"
android:color="#DBDBDB" /> <!-- 浅灰色的十六进制代码 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="4dp" />
</shape>
其中的颜色背景等资源都可以替换为自己的资源,这里只是举例子如何进行样式设计
不同的文件有不同的功能样式,方便分类管理,也方便统一修改!!!