android界面编程与视图组件（续）

最新推荐文章于 2021-05-25 16:50:12 发布

原创最新推荐文章于 2021-05-25 16:50:12 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

Android程序员必备专栏收录该内容

21 篇文章

订阅专栏

本文介绍了Android中Drawable的应用及自定义View的方法。探讨了BitmapDrawable、ColorDrawable等Drawable子类，并通过实例展示了如何创建自定义View组件及其在XML布局文件中的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从上一篇博客我们可以看出android中view类中很多xml属性或者方法都是来控制Drawable的。

Drawable是android提供的抽象基类，它代表可以被绘制出来的某种东西，它还包括大量的子类。

（1）BitmapDrawable代表位图Drawable

（2）ColorDrawable代表颜色Drawable

（3）ShapeDrawable代表几何形状Drawable

下面的博客会给大家详细介绍一下各种Drawable定制的UI组件的功能与用法。

虽然ViewGroup继承了View类，但是ViewGroup主要还是当作容器类来使用，ViewGroup容器控制的子组件的分布依赖于ViewGroup.LayoutParams、ViewGroup.MarginLayoutParams两个内部类，这两个内部类提供了一些XML属性，ViewGroup容器中的子组件可以指定这些XML属性。

ViewGroup.LayoutParams：设置布局高度和宽度

ViewGroup.MarginLayoutParams：设置组件高度和宽度

使用xml布局文件来控制视图，这样不仅简单明了，还可以将应用的视图控制逻辑从Java代码中分离出来，放入xml文件中控制，从而更加体现了MVC的设计原则。

其实我们也可以开发自定义的View组件，定义一个继承View基类的子类，重写View类的一个或者多个方法。

重写构造器是自定制View的最基本方法：

下面给出View类中的方法：

下面给出一个DrawView类继承View类的代码：

package org.crazyit.ui;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class DrawView extends View {
	public float currentX = 40;
	public float currentY = 50;
	// 定义、并创建画笔
	Paint p = new Paint();

	public DrawView(Context context) {
		super(context);
	}

	public DrawView(Context context, AttributeSet set) {
		super(context, set);
	}

	@Override
	public void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 设置画笔的颜色
		p.setColor(Color.RED);
		// 绘制一个小圆（作为小球）
		canvas.drawCircle(currentX, currentY, 15, p);
	}

	// 为该组件的触碰事件重写事件处理方法
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// 修改currentX、currentY两个属性
		currentX = event.getX();
		currentY = event.getY();
		// 通知当前组件重绘自己
		invalidate();
		// 返回true表明该处理方法已经处理该事件
		return true;
	}
}

此时DrawView组件继承View基类，重写onDraw方法，这样过后，那么DrawView就可以被当成一个新的View组件使用了。

此时就可以在xml布局文件中管理该组件了：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <org.crazyit.ui.DrawView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

这是一个全新的组件，但是你可以把它当作“内置”组件来使用。