【Android从零单排系列四十五】《Android中自定义View的实现方法》

再见孙悟空_

发布于 2023-07-17 20:37:18

3330

发布于 2023-07-17 20:37:18

文章被收录于专栏：【Android开发基础】【Android开发基础】

前言

小伙伴们，在前面的几篇文章中，我们谈到了Android开发中的几种数据存储方式及数据持久化以及数据权限相关的内容，本文我们介绍下Android开发中的另一部分内容，自定义View。

一.Android 自定义view的概念

在Android中，自定义视图（Custom View）是指开发者可以根据自己的需求和创意创建全新的用户界面组件。它允许您以独特的方式定制和绘制UI元素，并为应用程序添加个性化的交互和样式。

Android提供了各种内置的视图组件（如Button、TextView、ImageView等），但有时候这些默认的组件无法完全满足特定的设计要求或功能需求。这时就需要使用自定义视图来扩展系统提供的功能，实现更高度的可定制性和交互性。

通过自定义视图，您可以做到以下几点：

完全控制视图的外观和行为：您可以决定自定义视图的外观，包括形状、颜色、字体、边框等，并定义与之相关联的交互行为和动画效果。
实现复杂的绘制操作：自定义视图类中的onDraw()方法允许您使用Canvas对象进行绘制操作，例如绘制图形、文本、位图等，从而创建出独特的UI元素。
处理触摸事件：您可以重写自定义视图类的onTouchEvent()方法来处理用户的触摸事件，实现响应用户输入的交互逻辑。
添加自定义属性：通过在自定义视图类中定义自己的属性，并在XML布局文件中使用这些属性，可以方便地为自定义视图提供更多的定制选项。

二 Android 自定义view的方法

创建一个继承自View或其子类的Java类作为您的自定义视图类。

public class CustomView extends View {
    // 构造函数
    public CustomView(Context context) {
        super(context);
        // 初始化操作
    }

    // 重写onDraw方法，实现自定义的绘制逻辑
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制操作
    }
}

在自定义视图类中重写onDraw()方法，该方法用于执行自定义的绘制操作。您可以使用Canvas对象进行绘制，例如绘制形状、文本、图像等。

考虑测量和布局：如果您的自定义视图具有特定的尺寸要求，可以重写onMeasure()方法来测量视图的宽度和高度，并根据需要调整布局。

考虑触摸事件处理：如果您的自定义视图需要与用户的触摸交互，可以重写onTouchEvent()方法来处理触摸事件，例如响应单击、滑动或手势等。

添加自定义属性和样式：您可以通过在自定义视图类中添加自定义属性，并使用XML布局文件或代码来设置这些属性，以增加对自定义视图的配置和样式化选项。

引入自定义视图：在XML布局文件或代码中使用您的自定义视图，将其添加到界面中。

<com.example.CustomView
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

或者在代码中：

CustomView customView = new CustomView(context);
// 添加到父容器中
parent.addView(customView);

三自定义view的示例

首先，创建一个名为CustomView的Java类，继承自View类：

public class CustomView extends View {

    public CustomView(Context context) {
        super(context);
        init();
    }

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 初始化操作，例如设置画笔、颜色等
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        
        // 在这里进行绘制操作，例如绘制图形、文本等
    }
}

然后，在XML布局文件中添加自定义视图：

<com.example.app.CustomView
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

接下来，您可以在CustomView类中重写onDraw()方法来实现具体的绘制逻辑。例如，绘制一个红色的矩形和蓝色的文字：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    int width = getWidth();
    int height = getHeight();

    Paint paint = new Paint();
    paint.setColor(Color.RED);
    canvas.drawRect(0, 0, width, height, paint);

    paint.setColor(Color.BLUE);
    paint.setTextSize(30);
    canvas.drawText("Hello Custom View", 50, 50, paint);
}

最后，在使用自定义视图的Activity中将其添加到布局中：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

这样，您就创建了一个简单的自定义视图，并将其显示在布局中。当应用程序运行时，您将看到一个显示红色矩形和蓝色文字的自定义视图。

通过在CustomView类中添加更多的绘制逻辑和交互操作，您可以根据需要创建出更复杂和丰富的自定义视图。