Android基础知识之控件系列（2）——Button及自定义背景

这一次，我倾尽所有，换你一世陪伴。

今天这篇列出常用控件Button的几种样式，只是简单列几个属性的，其他的自己研究吧。废话不多说，直接上效果图加代码。

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <Button
            android:text="默认Button样式"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"/>

        <Button
            android:text="背景设为空"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            android:layout_marginBottom="10dp"/>

        <Button
            android:text="设置了背景色#CCCCCC"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#CCCCCC"
            android:layout_marginBottom="10dp"/>
        <Button
            android:text="带有alpha值的Butotn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:alpha="0.5"
            android:layout_marginBottom="10dp"/>

        <Button
            android:text="形状是自定义的xml"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/circle_btn_shape"
            android:layout_marginBottom="10dp"/>

        <Button
            android:text="背景是自定义的xml文件"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/button_style"
            android:layout_marginBottom="10dp"/>

    </LinearLayout>
</ScrollView>

其中有两个Button的background是自定义的两个xml下面给出来，这两个xml是放在drawable文件目录下的。

• button_style.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <gradient
                android:startColor="#0d76e1"
                android:endColor="#0d76e1"
                android:angle="270" />
            <stroke
                android:width="1dip"
                android:color="#f403c9" />
            <corners
                android:radius="2dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

    <item android:state_focused="true">
        <shape>
            <gradient
                android:startColor="#ffc2b7"
                android:endColor="#ffc2b7"
                android:angle="270" />
            <stroke
                android:width="1dip"
                android:color="#f403c9" />
            <corners
                android:radius="2dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient
                android:startColor="#000000"
                android:endColor="#ffffff"
                android:angle="180" />
            <stroke
                android:width="1dip"
                android:color="#f403c9" />
            <corners
                android:radius="5dip" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

• circle_btn_shape

<?xml version="1.0" encoding="utf-8"?>
<shape

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="oval">

    <!-- 填充的颜色 -->

    <solid android:color="#FFFFFF"/>

    <!-- 设置按钮的四个角为弧形 -->

    <!-- android:radius 弧形的半径 -->

    <corners android:radius="360dip"/>



    <!-- padding: Button 里面的文字与Button边界的间隔 -->

    <padding

        android:left="10dp"

        android:top="10dp"

        android:right="10dp"

        android:bottom="10dp"

        />

</shape>

---

部分内容摘自（）。

• 可关注微信公众号（zhudekoudai 、smart_android）
• QQ群号： 413589216
• 专注Android分享：http://www.codernote.top/