Android 控件自定义属性三部曲

在Android开发中，自定义控件属性是提高控件复用性和定制化的重要手段。通过定义自定义属性，你可以为控件添加额外的配置选项，从而使得控件更加灵活和易用。以下是一个示例，展示如何创建一个具有自定义属性的Android控件。

1. 创建自定义属性

首先，你需要在res/values目录下创建一个XML文件，通常命名为attrs.xml，用于定义自定义属性。假设我们要为一个自定义的TextView控件添加自定义属性，比如customTextColor和customTextSize。

<!-- res/values/attrs.xml -->
<resources><declare-styleable name="ProfileView"><attr name="profileImage" format="reference"/><attr name="profileName" format="string"/><attr name="profileDescription" format="string"/><attr name="profileNameTextColor" format="color"/><attr name="profileDescriptionTextColor" format="color"/><attr name="profileNameTextSize" format="dimension"/><attr name="profileDescriptionTextSize" format="dimension"/></declare-styleable>
</resources>

2. 使用自定义控件

在你的布局文件中使用自定义控件，并设置自定义属性。

<!-- res/layout/view_profile.xml -->
<merge xmlns:android="http://schemas.android.com/apk/res/android"><ImageViewandroid:id="@+id/profileImage"android:layout_width="64dp"android:layout_height="64dp"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:src="@drawable/ic_launcher_foreground" /><TextViewandroid:id="@+id/profileName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_toRightOf="@id/profileImage"android:layout_marginLeft="16dp"android:text="Name"android:textSize="18sp"android:textStyle="bold" /><TextViewandroid:id="@+id/profileDescription"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/profileName"android:layout_toRightOf="@id/profileImage"android:layout_marginLeft="16dp"android:layout_marginTop="4dp"android:text="Description"android:textSize="14sp" />
</merge>

3. 创建自定义控件类

接下来，我们创建一个继承自TextView的自定义控件类，并在其中解析这些自定义属性。

package com.example.customview;import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;public class ProfileView extends RelativeLayout {private ImageView profileImageView;private TextView profileNameTextView;private TextView profileDescriptionTextView;public ProfileView(Context context) {super(context);init(context, null);}public ProfileView(Context context, AttributeSet attrs) {super(context, attrs);init(context, attrs);}public ProfileView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context, attrs);}private void init(Context context, AttributeSet attrs) {LayoutInflater.from(context).inflate(R.layout.view_profile, this, true);profileImageView = findViewById(R.id.profileImage);profileNameTextView = findViewById(R.id.profileName);profileDescriptionTextView = findViewById(R.id.profileDescription);if (attrs != null) {TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ProfileView);int profileImageResId = typedArray.getResourceId(R.styleable.ProfileView_profileImage, -1);String profileName = typedArray.getString(R.styleable.ProfileView_profileName);String profileDescription = typedArray.getString(R.styleable.ProfileView_profileDescription);int profileNameTextColor = typedArray.getColor(R.styleable.ProfileView_profileNameTextColor, 0);int profileDescriptionTextColor = typedArray.getColor(R.styleable.ProfileView_profileDescriptionTextColor, 0);float profileNameTextSize = typedArray.getDimension(R.styleable.ProfileView_profileNameTextSize, 16);float profileDescriptionTextSize = typedArray.getDimension(R.styleable.ProfileView_profileDescriptionTextSize, 14);if (profileImageResId != -1) {profileImageView.setImageResource(profileImageResId);}profileNameTextView.setText(profileName);profileDescriptionTextView.setText(profileDescription);profileNameTextView.setTextColor(profileNameTextColor);profileDescriptionTextView.setTextColor(profileDescriptionTextColor);profileNameTextView.setTextSize(profileNameTextSize);profileDescriptionTextView.setTextSize(profileDescriptionTextSize);typedArray.recycle();}}
}