自定义View 和 ViewGroup

人盡茶涼 提交于 2020-02-12 02:22:13

一. 自定义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, 


3. View介绍


View可以有两种方式创建 : 一种是靠XML文件创建, 一种是靠代码创建;


这里只是简单的介绍下, View详细的属性会单独有一篇博客进行总结;


View创建关注的方面 : 

(1)设置属性

长宽等属性可以在XML中设置, 也可以在代码中设置; 


(2)请求焦点

可以通过函数实现焦点转变, 可以根据不同的焦点设置背景; 

焦点类别 : 可获取的焦点, 不可获取的焦点, 可以获取但是正在触摸状态下的焦点;


(3)设置事件监听

View在本身发生变化的时候, 会将信息广播出去, 这边变化例如 : 点击, 焦点改变等;

一个事件的广播到来, 该事件就会传递到相应的View中对应的监听器里, 相当于回调View中的监听器方法;


(4)设置显示与隐藏

View可以在XML或者代码中设置是否显示或者隐藏. 同样也可以设置滚动条等设置;



标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!