Android自定义控件样式实例详解

1. Android自定义控件样式实例详解

概述

本文主要讲解如何在Android应用中使用自定义控件样式，并提供示例说明。通过阅读本文，你将学到：

• 什么是Android自定义控件样式
• 如何在Android项目中创建自定义控件
• 如何使用XML样式文件
• 如何使用代码设置控件样式
• 示例说明

什么是Android自定义控件样式

Android自定义控件样式即是指在Android应用中为控件创建新的样式。通常情况下，我们会使用默认样式，但有时候我们需要根据应用的需求为控件定制特殊的样式。

如何在Android项目中创建自定义控件

1. 创建一个继承于所需控件的类，例如：

public class CustomButton extends Button {
    //自定义控件代码
}

1. 在构造方法中设置自定义属性，例如：

public CustomButton(Context context, AttributeSet attrs) {
    super(context, attrs);

    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomButton);
    int backgroundColor = a.getColor(R.styleable.CustomButton_backgroundColor, Color.WHITE);
    a.recycle();

    setBackgroundColor(backgroundColor);
}

1. 在res/values/attrs.xml中添加自定义属性，例如：

<declare-styleable name="CustomButton">
    <attr name="backgroundColor" format="color"/>
</declare-styleable>

如何使用XML样式文件

在XML布局文件中定义样式：

<Button
    android:id="@+id/customButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="@style/CustomButtonStyle"/>

在res/values/styles.xml中定义样式：

<style name="CustomButtonStyle">
    <item name="android:background">#FFFFFF</item>
    <item name="android:textColor">#000000</item>
</style>

如何使用代码设置控件样式

在代码中设置控件样式：

CustomButton customButton = findViewById(R.id.customButton);
customButton.setBackgroundColor(Color.WHITE);
customButton.setTextColor(Color.BLACK);

示例说明

示例一

我们需要为一个单选框的选中状态和未选中状态定义不同的颜色，可以使用以下方式实现：

1. 在res/values/colors.xml中定义颜色值：

<color name="radioButtonSelected">#FF4081</color>
<color name="radioButtonUnselected">#000000</color>

1. 在res/values/styles.xml中定义单选框样式：

<style name="CustomRadioButton" parent="Theme.AppCompat.Light">
    <item name="colorControlNormal">@color/radioButtonUnselected</item>
    <item name="colorControlActivated">@color/radioButtonSelected</item>
</style>

1. 在XML布局文件中设置样式

<RadioButton
    android:id="@+id/customRadioButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Custom Radio Button"
    android:theme="@style/CustomRadioButton"/>

示例二

我们需要为一个按钮定义不同的圆角大小，可以使用以下方式实现：

1. 在res/values/dimens.xml中定义圆角大小：

<dimen name="buttonCornerRadius">16dp</dimen>

1. 在res/values/styles.xml中定义按钮样式：

<style name="CustomButton" parent="Theme.AppCompat.Light">
    <item name="android:background">@drawable/custom_button_background</item>
    <item name="android:padding">16dp</item>
</style>

1. 在res/drawable/custom_button_background.xml中定义按钮背景：

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

    <corners android:radius="@dimen/buttonCornerRadius"/>

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

</shape>

1. 在XML布局文件中设置样式

<Button
    android:id="@+id/customButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Custom Button"
    style="@style/CustomButton"/>