【Android 应用开发】自定义View 和 ViewGroup

韩曙亮

发布于 2023-03-27 11:57:14

4940

发布于 2023-03-27 11:57:14

文章被收录于专栏：韩曙亮的移动开发专栏

一. 自定义View介绍

自定义View时, 继承View基类, 并实现其中的一些方法.

(1) ~ (2) 方法与构造相关

(3) ~ (5) 方法与组件大小位置相关

(6) ~ (9) 方法与触摸按键相关

(10) ~ (12) 方法与窗口焦点相关

(1) 构造方法

该构造方法在创建View实例, 或者从XML布局中加载并构建界面的时候调用.

(2)加载回调方法

protected void onFinishInflate()

回调方法, 从XML布局中加载该重写的View组件的时候, 就会回调这个方法;

(3)测量方法

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

这个方法用来检测View组件以及该View组件包含的子组件的大小

(4)定位组件方法

protected void onLayout(boolean changed, int left, int top, int right,int bottom)

被重写的View组件分配在其中的子组件的 位置和大小的时候, 回调这个方法;

(5)大小改变方法

protected void onSizeChanged(int w, int h, int oldw, int oldh)

当组件大小被改变的时候回调该方法;

(6)按键方法

public boolean onKeyDown(int keyCode, KeyEvent event)

当某个键被按下时触发该方法;

(7)松开键方法

public boolean onKeyUp(int keyCode, KeyEvent event)

当某个键松开的时候调用该方法;

(8)轨迹球事件方法

public boolean onTrackballEvent(MotionEvent event)

发生轨迹球事件时触发该方法;

(9)触摸方法

public boolean onTouchEvent(MotionEvent event)

当发生触摸时间时触发该方法;

(10)焦点改变方法

public void onWindowFocusChanged(boolean hasWindowFocus)

当组件得到, 失去焦点的时候回调的方法;

(11)组件进入窗口方法

protected void onAttachedToWindow()

当把组件放入窗口的时候, 回调这个方法

(12)组件分离窗口方法

protected void onAttachedToWindow()

当把组件从某个窗口分离触发的方法

(13)窗口可见性改变方法

protected void onWindowVisibilityChanged(int visibility)

当包含该组件的窗口发生改变的时候触发的方法

二. 实现一个跟随手指的小球View

1. 自定义View

自定义一个View组件铺满全屏, 在绘制该View组件的时候, 在onDraw()方法中根据一个xy坐标绘制一个小球;

这个xy坐标在触摸回调方法onTouchEvent()方法中动态改变, 当检测到触摸位置发生改变, 那么就重新给xy坐标赋值, 并且调用invalidate()方法重绘该组件, invalidate()方法执行后, 会回调onDraw()方法;

public class FollowBallView extends View {

	public float currentX = 40;
	public float currentY = 50;
	
	Paint paint = new Paint();
	
	public FollowBallView(Context context) {
		super(context);
		
	}
	
	public FollowBallView(Context context, AttributeSet set) {
		super(context, set);
	}
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		paint.setColor(Color.RED);
		canvas.drawCircle(currentX, currentY, 15, paint);
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		currentX = event.getX();
		currentY = event.getY();
		//重绘
		invalidate();
		return true;
	}
}

2. xml文件

在这个xml文件中, 引入自定义的布局, 使用完整的类名包名可以引入该自定义View组件;

引入组件后, 充满整个布局;

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <shuliang.han.followball.FollowBallView
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

3. Activity中显示该组件

public class MainActivity extends Activity {

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

4. 效果图

三. ViewGroup简介

1.View和ViewGroup关系

UI组件在Android中的位置 : Android中的UI组件大部分都放在android.widget 或者 android.view包中; View组件和 ViewGroup组件都在android.view包中;

View 和 ViewGroup关系 :

继承关系 : ViewGroup是View的子类, 因此ViewGroup有View的一切属性, 可以当做View来使用, ViewGroup主要是当做容器使用; View是小控件widget和容器组件ViewGroup的父类, ViewGroup是布局如LinearLayout的基类;

包含关系 : ViewGroup中可以包含View和ViewGroup, ViewGroup可以无限嵌套;

View和ViewGroup关系图解 :

抽象类 : ViewGroup是一个抽象类, 作为容器的类通常是ViewGroup的子类; ViewGroup子类对象有 : LinearLayout, FrameLayout等布局;

2. ViewGroup中的内部类

两个内部类 :

ViewGroup通过Viewgroup.LayoutParams和ViewGroup.MarginLayoutParams来控制容器中的组件;

ViewGroup.LayoutParams支持的XML属性 :

android:layout_height属性(指定布局高度) 和 android:layout_width属性(指定布局宽度), 这两个属性的值可以为 fill_parent, match_parent, wrap_content, 其中充满布局空间推荐使用match_parent;

组件的宽高与布局的宽高 : Android的组件的高度和宽度不是其实际的宽度和高度, 组件实际的高度和宽度同样受布局的宽高影响, 例如设置组件的宽度为100px, 如果设置布局宽度(layout_width)为match_parent, 那么组件的实际宽度就会被拉宽到整个布局, 如果设置布局的宽度为wrap_content, 那么组件的实际宽度就是100px;

ViewGroup.MarginLayoutParams支持的XML属性 :

android:layout_marginBottom : 指定该子组件到父容器下边界的距离, 同理android:layout_marginTop, android:layout_marginLeft, android:layout_marginRight,