Android 學習之自定義View

版權聲明：本文為部落客原創文章，轉載請注明出處http://blog.csdn.net/u013132758。 https://blog.csdn.net/u013132758/article/details/50096959

　　View元件的作用類似于ＳＷｉｎｇ程式設計中的ＪＰａｎｅｌ，它隻是一個矩形的空白區域，Ｖｉｅｗ元件沒有任何内容。對于Ａｎｄｒｏｉｄ應用的其他ＵＩ元件來說，它們都繼承了Ｖｉｅｗ元件，然後在Ｖｉｅｗ元件提供的空白區域上繪制外觀。

　　基于Ａｎｄｒｏｉｄ　ＵＩ元件的實作原理，開發者完全可以開發出項目定制的元件——當Ａｎｄｒｏｉｄ系統提供的Ｕｉ元件不足以滿足項目需求時，我們可以通過繼承自Ｖｉｅｗ來自定義Ｖｉｅｗ元件。

　　當我們打算派生自己的ＵＩ元件時，首先定義一個繼承自Ｖｉｅｗ的子類，然後重寫Ｖｉｅｗ類的一個或多個方法。

１、通常可以被使用者重寫的方法如下：

構造器：重寫構造器是定制Ｖｉｅｗ最基本的方式，當Ｊａｖａ代碼建立一個Ｖｉｅｗ執行個體，或者根據ＸＭＬ布局檔案加載并建構界面時将需要該構造器。

onFinishInflate()：這是一個回調方法，當應用從ＸＭＬ布局檔案加載該元件并利用它來建構界面之後，該方法将被回調。

onMeasure(int,int):調用該方法來檢測Ｖｉｅｗ元件及其包含的所有子元件的大小。

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):當包含該元件的視窗的可見性發生改變時觸發該方法。

當我們開發自己的元件時并不一定要重寫全部，根據需要寫就可以。

２、執行個體：跟手指的小球

下面的ＤｒａｗＶｉｅｗ元件繼承自Ｖｉｅｗ基類，并重寫了ｏｎＤｒａｗ方法和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();
        //傳回ｔｒｕｅ，表明處理方法已正确處理該事件
        return true;
    }
}
           

有了這個自定義元件後接下來就是在ｊａｖａ代碼中将元件添加到指定容器中。

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>
           

上面布局檔案中加了元件那麼我們隻需要在ｊａｖａ檔案中加載出組建就好。

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);

    }