手机卫士学习15-自定义shape图形资源

来源:互联网 发布:侠客风云传 战斗数据 编辑:程序博客网 时间:2024/05/29 19:09
自定义shape图形资源 

需求:
制作一个textView按钮,默认背景为白色圆角矩形,点击textView背景变成黑色的圆角矩形。

通过查看API文档:

app Resources -->Resource Types  --> Drawable --> Shape Drawable的实例代码:


EXAMPLE:

XML file saved at res/drawable/gradient_box.xml:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <gradient        android:startColor="#FFFF0000"        android:endColor="#80FF00FF"        android:angle="45"/>    <padding android:left="7dp"        android:top="7dp"        android:right="7dp"        android:bottom="7dp" />    <corners android:radius="8dp" /></shape>

This layout XML applies the shape drawable to a View:

<TextView    android:background="@drawable/gradient_box"    android:layout_height="wrap_content"    android:layout_width="wrap_content" />

在drawable目录下创建白色圆角矩形xml文件和黑色xml文件。


白色圆角矩形:

 gradient_box.xml:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="8dp" />    <solid android:color="#ffffff"/></shape>

 黑色圆角矩形:
  gradient_box_presssed.xml:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="8dp" />    <solid android:color="#44000000"/></shape>

TextView背景选择器:
text_selector.xml:

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/gradient_box_pressed" android:state_pressed="true"/> <!-- pressed -->    <item android:drawable="@drawable/gradient_box_pressed" android:state_focused="true"/> <!-- focused -->    <item android:drawable="@drawable/gradient_box"/> <!-- default --></selector>

在TextView属性中设置:
android:background="@drawable/text_selector"



0 0