自定义View教程：简化布局重用

"简单自定义View1" 在Android开发中，创建自定义View是提升代码复用性和优化项目结构的一种常见方法。本教程关注的是如何创建一个简单的自定义View，不涉及复杂的`onMeasure`和`onLayout`方法的重写。自定义View的主要目的是在项目中减少重复代码，避免因多次编写相同布局而引发的冗余和潜在问题。 首先，我们需要创建一个自定义view的layout文件。在示例中，布局XML文件如下： ```xml <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="144dp" android:layout_height="24dp" android:background="@drawable/label_blue"> <TextView style="@style/CustomLabel" android:id="@+id/textField" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout> </layout> ``` 在这个布局中，根视图是一个`ConstraintLayout`，它的宽度和高度分别是144dp和24dp，并且背景设置为一个带有圆角的矩形（@drawable/label_blue）。在`ConstraintLayout`内部，我们放置了一个`TextView`，通过约束布局使其占据整个父视图的空间。`TextView`的样式引用了`CustomLabel`，这可能是在`styles.xml`文件中定义的一个自定义样式，以便进行统一的样式控制。 接下来，我们将在`values`文件夹下创建一个新的`attrs.xml`文件，用于定义自定义View的属性。这些属性可以用来配置View的行为或外观，例如字体大小、颜色等。例如： ```xml <resources> <declare-styleable name="CustomLabelView"> <attr name="customTextColor" format="color"/> <attr name="customTextSize" format="dimension"/> </declare-styleable> </resources> ``` 在这里，我们定义了两个属性：`customTextColor`和`customTextSize`，它们分别代表文本颜色和文本大小。 然后，我们需要在Java或Kotlin中实现自定义View类。继承自`View`或`AppCompatTextView`（如果需要对Android版本有很好的兼容性），并覆盖必要的方法，如`onDraw()`来绘制视图。同时，我们需要解析在`attrs.xml`中定义的属性，并在构造函数中应用它们。例如： ```java public class CustomLabelView extends AppCompatTextView { private int customTextColor; private float customTextSize; public CustomLabelView(Context context) { this(context, null); } public CustomLabelView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CustomLabelView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(attrs); } private void init(AttributeSet attrs) { TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.CustomLabelView); customTextColor = attributes.getColor(R.styleable.CustomLabelView_customTextColor, Color.BLACK); customTextSize = attributes.getDimension(R.styleable.CustomLabelView_customTextSize, 16f); attributes.recycle(); setTextColor(customTextColor); setTextSize(TypedValue.COMPLEX_UNIT_PX, customTextSize); } } ``` 在自定义View类中，我们通过`init()`方法解析`attrs.xml`中的属性，并使用`setTextColor()`和`setTextSize()`方法应用到`TextView`上。 最后，你可以在其他布局文件中像使用普通View一样引入自定义View，传递所需的属性值： ```xml <com.example.CustomButtonView android:layout_width="wrap_content" android:layout_height="wrap_content" app:customTextColor="@color/white" app:customTextSize="20sp" /> ``` 通过以上步骤，你就成功创建了一个简单的自定义View，它具有可定制的颜色和文本大小。这使得在多个地方需要使用相同UI元素时，可以更加灵活和高效地管理代码。