快捷導(dǎo)航

實(shí)例講解Android中的View類(lèi)以及自定義View控件的方法

更新時(shí)間：2016年04月24日 15:14:21 作者：lxw1980

這篇文章主要介紹了Android中的View類(lèi)以及自定義View控件的方法,講解了如何繼承View類(lèi)并且展示了一個(gè)對(duì)View進(jìn)行重繪的例子,需要的朋友可以參考下

View的簡(jiǎn)單理解和實(shí)例
1.View的基本概念
在Activity顯示的控件都叫做View（View類(lèi) 是所有的控件類(lèi)的父類(lèi) 比如文本按鈕）

2.在Activity當(dāng)中獲取代表View的對(duì)象
Activity讀取布局文件生成相對(duì)應(yīng)的各種View對(duì)象

TextView textView=(TextView)findViewBy(R.id.textView)

3.設(shè)置view的屬性
Activity_mian.xml 這樣的xml布局文件中發(fā)現(xiàn)了，類(lèi)似@+id/和@id/到底有什么區(qū)別呢? 這里@可以理解為引用，而多出的+代表自己新聲明的

4.為View設(shè)置監(jiān)聽(tīng)器
一個(gè)控件可以綁定多個(gè)監(jiān)聽(tīng)器不通過(guò)的監(jiān)聽(tīng)器響應(yīng)不同的事件：

（1）獲取代表控件的對(duì)象
（2）定義一個(gè)類(lèi)，實(shí)現(xiàn)監(jiān)聽(tīng)接口 implements OnClickListener
（3）生成監(jiān)聽(tīng)對(duì)象
（4）為控件綁定監(jiān)聽(tīng)對(duì)象

5.實(shí)例
布局文件（改成垂直布局）

<LinearLayout 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" 
  android:orientation="vertical" 
  tools:context=".MainActivity" > 
 
  <TextView 
    android:id="@+id/textView" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:textSize="80px" 
    android:background="#FF0000" 
    android:text="hello_world 熊" /> 
   
  <Button  
    android:id="@+id/button" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:text="點(diǎn)擊"/> 
 
</LinearLayout>

MianActivity文件

package com.xiong.fisrt_android; 
 
import android.app.Activity; 
import android.graphics.Color; 
import android.os.Bundle; 
import android.view.Menu; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.Button; 
import android.widget.TextView; 
 
public class MainActivity extends Activity { 
 
  private TextView textView; 
  private Button button; 
  private int count = 0; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    textView = (TextView) findViewById(R.id.textView); 
    button = (Button) findViewById(R.id.button); 
    textView.setText("hello Android!!!"); 
    textView.setBackgroundColor(Color.BLUE); 
    ButtoneListener buttoneListener = new ButtoneListener();// 生成監(jiān)聽(tīng)對(duì)象 
    button.setOnClickListener(buttoneListener);// 按鈕綁定一個(gè)監(jiān)聽(tīng)器 
  } 
 
  @Override 
  public boolean onCreateOptionsMenu(Menu menu) { 
    // Inflate the menu; this adds items to the action bar if it is present. 
    getMenuInflater().inflate(R.menu.main, menu); 
    return true; 
  } 
 
  class ButtoneListener implements OnClickListener// 創(chuàng)建一個(gè)類(lèi)實(shí)現(xiàn)監(jiān)聽(tīng)事件的接口 
  { 
 
    @Override 
    public void onClick(View arg0) { 
      // TODO Auto-generated method stub 
      count++; 
      textView.setText(Integer.toString(count)); 
 
    } 
 
  } 
 
}

View的自定義
通過(guò)繼承View，可以很方便地定制出有個(gè)性的控件出來(lái)。

實(shí)現(xiàn)自定義View的最主要的是重寫(xiě)onDraw(Canvas canvas)函數(shù)，當(dāng)每次系統(tǒng)重繪界面的時(shí)候，都會(huì)調(diào)用這個(gè)函數(shù)，并傳下一個(gè)Canvas，在這個(gè)函數(shù)內(nèi)，應(yīng)該將這個(gè)View所要顯示的內(nèi)容都draw到這個(gè)Canvas上，界面顯示出來(lái)的內(nèi)容幾乎都由這個(gè)Canvas來(lái)決定。Canvas的具體畫(huà)法可以很容易查得到，應(yīng)該說(shuō)Android內(nèi)所有函數(shù)的命名都是很直觀，一目了然的，自己看一下函數(shù)名都大概可以明白這個(gè)函數(shù)是有什么用的。SDK也是查詢Android API的最好的工具，多使用些肯定有好處的。

View的顯示出來(lái)的大小最主要的決定者是Parent Layout，View可以自定義自己的寬高的最小值，但這并不能保證能到達(dá)這種最小值，如果Parent本身的大小已經(jīng)比這個(gè)值小了。

View的重繪——系統(tǒng)不會(huì)經(jīng)常去調(diào)用View的OnDraw函數(shù)，為了能夠在View上實(shí)現(xiàn)動(dòng)畫(huà)效果，比如說(shuō)游戲（但好像很多游戲是用更高效的SurfaceView為實(shí)現(xiàn)的），在主線程是執(zhí)行完程序的邏輯后，應(yīng)該要調(diào)用postInvalidate()，通知系統(tǒng)去調(diào)用onDraw函數(shù)去重繪界面，才能將動(dòng)畫(huà)的效果給顯示出來(lái)。

下面的代碼是我自己寫(xiě)的一個(gè)模擬兩個(gè)球不斷碰撞的View，主要由一個(gè)線程來(lái)不斷更新View內(nèi)兩個(gè)球的位置，在發(fā)現(xiàn)兩個(gè)球和墻壁發(fā)生碰撞后，改變球的邏輯參數(shù)，更新完后，調(diào)用postInvalidate()，重繪界面。來(lái)實(shí)現(xiàn)效果

package com.androidclub.elfman.homework3; 
import java.util.ArrayList; 
import java.util.Random; 
import android.app.Activity; 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Paint.Style; 
import android.os.Bundle; 
import android.view.View; 
public class Main extends Activity { 
  TheScreen mScreen; 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    //mScreen是自定義的View 
    mScreen = new TheScreen(this); 
    setContentView(mScreen); 
  } 
   
  //為避免在程序退出后線程仍在進(jìn)行,造成不必要的系統(tǒng)資源浪費(fèi),在Activity退出是時(shí)候,主動(dòng)將線程停止 
  @Override 
  public void onDestroy() 
  { 
    mScreen.stopDrawing(); 
    super.onDestroy(); 
  } 
} 
/** 
 * 自定義的View類(lèi),為兩個(gè)球的碰撞模擬 
 * @author windy 
 * 
 */ 
class TheScreen extends View 
{ 
   
  private static final String TAG = "Draw"; 
  //界面主線程的控制變量 
  private boolean drawing = false; 
  //儲(chǔ)存當(dāng)前已有的球的信息 
  private ArrayList<Circle> circles; 
  private Paint mPaint; 
  //兩個(gè)球的運(yùn)動(dòng)范圍 
  public static final int WIDTH = 300; 
  public static final int HEIGHT = 400; 
  public static final double PI = 3.14159265; 
  Paint mPaint2 = new Paint(); 
  public TheScreen(Context context) 
  { 
    super(context); 
    circles = new ArrayList<Circle>(); 
    //加入了兩個(gè)球 
    circles.add(new Circle()); 
    circles.add(new Circle(20, 30, 10)); 
    mPaint = new Paint(); 
    mPaint.setColor(Color.YELLOW); 
    mPaint.setAntiAlias(true); 
    mPaint2.setStyle(Style.STROKE); 
    mPaint2.setColor(Color.RED); 
    mPaint2.setAntiAlias(true); 
    //啟動(dòng)界面線程,開(kāi)始自動(dòng)更新界面 
    drawing = true; 
    new Thread(mRunnable).start(); 
  } 
   
  private Runnable mRunnable = new Runnable() { 
    //界面的主線程 
    @Override 
    public void run() { 
      while( drawing ) 
      { 
        try { 
          //更新球的位置信息 
          update(); 
          //通知系統(tǒng)更新界面,相當(dāng)于調(diào)用了onDraw函數(shù) 
          postInvalidate(); 
          //界面更新的頻率,這里是每30ms更新一次界面 
          Thread.sleep(30); 
          //Log.e(TAG, "drawing"); 
        } catch (InterruptedException e) { 
          e.printStackTrace(); 
        } 
      } 
    } 
  }; 
   
  public void stopDrawing() 
  { 
    drawing = false; 
  } 
   
   
  @Override 
  public void onDraw(Canvas canvas) 
  { 
    //在canvas上繪上邊框 
    canvas.drawRect(0, 0, WIDTH, HEIGHT, mPaint2); 
    //在canvas上繪上球 
    for( Circle circle : circles) 
    { 
      canvas.drawCircle(circle.x, circle.y, circle.radius, mPaint); 
    } 
  } 
   
  //界面的邏輯函數(shù),主要檢查球是否發(fā)生碰撞,以及更新球的位置 
  private void update() 
  { 
    if( circles.size()>1) 
    { 
      for( int i1=0; i1<circles.size()-1; i1++) 
      { 
        //當(dāng)兩個(gè)球發(fā)生碰撞,交換兩個(gè)球的角度值 
        for( int i2=i1+1; i2<circles.size(); i2++) 
          if( checkBumb(circles.get(i1),circles.get(i2))) 
          { 
            circles.get(i1).changeDerection(circles.get(i2)); 
          } 
      } 
       
    } 
    //更新球的位置 
    for( Circle circle: circles) 
      circle.updateLocate(); 
  } 
   
  private boolean checkBumb(Circle c1, Circle c2) 
  { 
    return (c1.x-c2.x)*(c1.x-c2.x) + (c1.y-c2.y)*(c1.y-c2.y) <= (c1.radius+c2.radius)*(c1.radius+c2.radius);      
  } 
   
  /** 
   * 自定義的View的內(nèi)部類(lèi),存儲(chǔ)每一個(gè)球的信息 
   * @author windy 
   * 
   */ 
  class Circle 
  { 
    float x=50; 
    float y=70; 
    double angle= (new Random().nextFloat())*2*PI;; 
    int speed=4; 
    int radius=10; 
     
    public Circle() { 
    } 
     
    public Circle( float x, float y, int r ) 
    { 
      this.x = x; 
      this.y = y; 
      radius = r; 
    } 
     
    //利用三角函數(shù)計(jì)算出球的新位置值,當(dāng)與邊界發(fā)生碰撞時(shí),改變球的角度 
    public void updateLocate() 
    { 
      x = x+ (float)(speed *Math.cos(angle)); 
      //Log.v(TAG, Math.cos(angle)+""); 
      y = y+ (float)(speed *Math.sin(angle)); 
      //Log.v(TAG, Math.cos(angle)+""); 
      if( (x+radius)>=WIDTH ) 
      { 
        if( angle >=0 && angle <= (PI/2)) 
          angle = PI - angle; 
        if( angle > 1.5 * PI && angle <= 2*PI) 
          angle = 3 * PI - angle;        
      } 
      if( x-radius <=0 ) 
      { 
        if( angle >= PI && angle <= 1.5*PI ) 
          angle = 3*PI - angle; 
        if( angle >= PI/2 && angle < PI) 
          angle = PI - angle; 
      } 
      if( y-radius<=0 || y+radius>=HEIGHT) 
        angle = 2*PI - angle; 
       
    } 
    //兩球交換角度 
    public void changeDerection(Circle other) 
    { 
      double temp = this.angle; 
      this.angle = other.angle; 
      other.angle = temp; 
    } 
  } 
}

這段代碼已經(jīng)寫(xiě)有注釋了，具體下次再介紹了。。。應(yīng)該不難的看懂的吧。

您可能感興趣的文章: