首页 > 代码库 > Android自己定义控件皮肤

Android自己定义控件皮肤

Android自己定义控件皮肤

对于Android的自带控件,其外观仅仅能说中规中矩,而我们平时所示Android应用中,一个简单的button都做得十分美观。甚至于很多button在按下时的外观都有一定变化,用户体验十分好。

这当中,就涉及到了Android自己定义控件属性的操作方法,下面操作以实现自己定义button皮肤为例。

1. 我们要自己定义将要实现的外观状态。能够是图片或者是自己定义的xml,这是我们直接自己定义不同状态的颜色xml,在values文件夹下新建colors.xml,代码例如以下:

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="btn_no_pressed">#3300ffff</color>
    <color name="btn_pressed">#33ffff00</color>
</resources>

文件里的name能够依据项目须要自己定义命名,值是採用argb格式。

2. 我们要对将要实现的button不同状态进行设置,在drawable文件夹下新建btn_bg.xml文件,类型记得选择“selector”,代码例如以下:

btn_bg.xml

<?

xml version="1.0" encoding="utf-8"?

> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="false" android:drawable="@color/btn_no_pressed"></item> <item android:state_pressed="true" android:drawable="@color/btn_pressed"></item> </selector>

android:state_pressed=""定义了控件是否被按下,值为boolean,类似的属性大家能够自行尝试学习,android:drawable=""定义了该控件处于对应状态时的外观。

3. 我们此时就能够将定义好的状态应用于布局文件里了,代码例如以下:

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button 
        android:id="@+id/mybtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="click me"
        android:background="@drawable/btn_bg"
        />

</RelativeLayout>

上述步骤做完之后。就能够将应用执行调试了,这仅仅是一个简单的样例>~<

Android自己定义控件皮肤