且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Android 学习之自定义View

更新时间:2022-08-13 21:12:04

版权声明:本文为博主原创文章,转载请注明出处http://blog.csdn.net/u013132758。 https://blog.csdn.net/u013132758/article/details/50096959

  View组件的作用类似于SWing编程中的JPanel,它只是一个矩形的空白区域,View组件没有任何内容。对于Android应用的其他UI组件来说,它们都继承了View组件,然后在View组件提供的空白区域上绘制外观。

  基于Android UI组件的实现原理,开发者完全可以开发出项目定制的组件——当Android系统提供的Ui组件不足以满足项目需求时,我们可以通过继承自View来自定义View组件。

  当我们打算派生自己的UI组件时,首先定义一个继承自View的子类,然后重写View类的一个或多个方法。

1、通常可以被用户重写的方法如下:

构造器:重写构造器是定制View最基本的方式,当Java代码创建一个View实例,或者根据XML布局文件加载并构建界面时将需要该构造器。

onFinishInflate():这是一个回调方法,当应用从XML布局文件加载该组件并利用它来构建界面之后,该方法将被回调。

onMeasure(int,int):调用该方法来检测View组件及其包含的所有子组件的大小。

onLayout(boolean,int,int,int,int):当该组件需要重新分配位置、大小时,该方法被回调。

onSizeChanged(int,int,int,int):当该组件大小被改变时回调该方法。

onDraw(Canvas):当该组件需要绘制它的内容时,回调该方法进行绘制。

onKeyDown(int,KeyEvent):当某个键被按下时回调该方法。

onKeyUp(int,KeyEvent):当松开摸个按键时回调该方法。

onTrackballEvent(MotionEvent):当发生轨迹球事件时触发该方法。

onTouchEvent(MotionEvent):当发生触摸屏事件时触发该方法。

onFocusChanged(boolean gainFocus,int direction,Rect previouslyFocuseRect):当该组件焦点发生改变时触发该方法。

onWindoeFocusChanged(boolean):当包含该组件的窗口失去或获得焦点时触发该方法。

onAttachedToWondow():当把该组件放入某个窗口时触发该方法。

onDetachedFromWindow():当把该组件从某个窗口分离时触发该方法。

onWindowVisibilityChanged(int):当包含该组件的窗口的可见性发生改变时触发该方法。

当我们开发自己的组件时并不一定要重写全部,根据需要写就可以。

Android 学习之自定义View

2、实例:跟手指的小球

下面的DrawView组件继承自View基类,并重写了onDraw方法和onTouchEvent方法。
package com.example.leiqi.myview;

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;

/**
 * Created by leiqi on 15-11-29.
 */
public class DrawView extends View {
    public float currentX = 40;
    public float currentY = 50;
    // 定义并创建画笔
    Paint p = new Paint();
    public DrawView(Context context)
    {
        super(context);
    }
    private DrawView(Context context,AttributeSet set)
    {
        super(context,set);
    }
    @Override
    public void onDraw(Canvas canvas){
        super.onDraw(canvas);
        //设置画笔的颜色
        p.setColor(Color.BLUE);
        //绘制一个小圆(作为小球)
        canvas.drawCircle(currentX, currentY, 15, p);
    }
    //为该组件触碰事件写处理方法
    @Override
    public  boolean onTouchEvent(MotionEvent event)
    {
        //修改currentX,currentY两个参数
        currentX = event.getX();
        currentY = event.getY();
        //通知当前组件重绘
        invalidate();
        //返回true,表明处理方法已正确处理该事件
        return true;
    }
}
有了这个自定义组件后接下来就是在java代码中将组件添加到指定容器中。
package com.example.leiqi.myview;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {

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

        RelativeLayout root = (RelativeLayout) findViewById(R.id.root);
        //创建DrawerView组件
        final DrawView drawView = new DrawView(this);
        drawView.setMinimumHeight(500);
        drawView.setMinimumWidth(300);
        root.addView(drawView);

    }

}
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:showIn="@layout/activity_main">

    <TextView
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

我们也可以直接在布局文件中添加自定义组件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:showIn="@layout/activity_main">

    <com.example.leiqi.myview.DrawView
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <TextView
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

上面布局文件中加了组件那么我们只需要在java文件中加载出组建就好。
package com.example.leiqi.myview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {

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

    }