Android自定义控件属性详细介绍

让我来详细讲解一下“Android自定义控件属性详细介绍”的完整攻略。

什么是Android自定义控件属性？

Android自定义控件属性是指，在自定义控件的过程中，我们可以自定义一些属性，从而让使用者在使用自定义控件时可自由设置相应的属性值。这些属性值可以通过XML文件或Java代码进行设置，在自定义控件的布局和设计中有着十分重要的作用。

使用方法

自定义控件属性

首先，我们需要在attrs.xml文件中定义自定义属性，例如：

<resources>
    <declare-styleable name="MyCustomView">
        <attr name="myAttr" format="integer"/>
    </declare-styleable>
</resources>

上述代码定义了一个名为"MyCustomView"的自定义样式，其中包含了一个名为"myAttr"的整型属性。

接下来，在自定义控件类中，我们需要在构造函数中获取自定义属性的值，例如：

public class MyCustomView extends View {

    private int myAttr;

    public MyCustomView(Context context) {
        this(context, null);
    }

    public MyCustomView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyCustomView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyCustomView, defStyle, 0);
        myAttr = typedArray.getInt(R.styleable.MyCustomView_myAttr, 0);
        typedArray.recycle();
    }

    //...
}

在上述代码中，我们通过调用context.obtainStyledAttributes方法获取了一个TypedArray对象，该对象包含了传入的attrs中所有自定义属性的值。我们可以通过调用TypedArray的get*()方法获取相应类型的属性值，并在最后调用其recycle()方法回收资源。

XML中使用自定义控件属性

在XML中使用自定义属性使用形式为：

<com.example.myapp.MyCustomView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:myAttr="100"/>

上述代码中，我们使用app:myAttr设置了"MyCustomView"的"myAttr"属性值为100。

Java代码中使用自定义控件属性

在Java代码中使用自定义属性的形式为：

MyCustomView myCustomView = new MyCustomView(context);
myCustomView.setMyAttr(100);

在上述代码中，我们调用了MyCustomView类中自定义的setMyAttr()方法，设置了"MyCustomView"的"myAttr"属性。

示例说明

示例1：自定义TextView字体大小

我们常用的TextView控件中，字体大小一般都是在XML或Java代码中手动设置的。我们可以通过自定义TextView的textSize属性，让使用者在使用时自由设置字体大小。

首先，在attrs.xml文件中定义自定义属性：

<resources>
    <declare-styleable name="MyTextView">
        <attr name="myTextSize" format="dimension" />
    </declare-styleable>
</resources>

接着，在MyTextView类中获取自定义属性的值：

public class MyTextView extends AppCompatTextView {
    private int mMyTextSize;
    public MyTextView(Context context) {
        this(context, null);
    }
    public MyTextView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyTextView, defStyleAttr, 0);
        mMyTextSize = typedArray.getDimensionPixelSize(R.styleable.MyTextView_myTextSize, 0);
        typedArray.recycle();
        setTextSize(TypedValue.COMPLEX_UNIT_PX, mMyTextSize);
    }
}

最后，在XML中使用自定义属性：

<com.example.myapp.MyTextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:myTextSize="30sp"
    android:text="Hello World!" />

示例2：自定义ImageView图片圆角度数

我们可以通过自定义ImageView的roundDegree属性，让使用者自由调整圆形图片的圆角大小。

首先，在attrs.xml文件中定义自定义属性：

<resources>
    <declare-styleable name="RoundedImageView">
        <attr name="roundDegree" format="integer"/>
    </declare-styleable>
</resources>

接着，在RoundedImageView类中获取自定义属性的值：

public class RoundedImageView extends ImageView {
    private int mRoundDegree;
    private Paint mPaint;
    public RoundedImageView(Context context) {
        this(context, null);
    }
    public RoundedImageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public RoundedImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundedImageView, defStyleAttr, 0);
        mRoundDegree = typedArray.getInt(R.styleable.RoundedImageView_roundDegree, 0);
        typedArray.recycle();
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
    }
}

最后，在RoundedImageView类中绘制圆形图片：

@Override
protected void onDraw(Canvas canvas) {
    Drawable drawable = getDrawable();
    if (drawable != null) {
        Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvasOutput = new Canvas(output);
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        mPaint.reset();
        canvasOutput.drawARGB(0, 0, 0, 0);
        mPaint.setColor(Color.WHITE);
        canvasOutput.drawRoundRect(new RectF(rect), mRoundDegree, mRoundDegree, mPaint);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvasOutput.drawBitmap(bitmap, rect, rect, mPaint);
        canvas.drawBitmap(output, 0, 0, null);
    } else {
        super.onDraw(canvas);
    }
}