实例讲解Android中的View类以及自定义View控件的方法

view的简单理解和实例
1.view的基本概念
在activity显示的控件 都叫做view（view类 是所有的控件类的父类  比如 文本 按钮）

2.在activity当中获取代表view的对象
activity读取布局文件生成相对应的 各种view对象

textview textview=(textview)findviewby(r.id.textview)

3.设置view的属性
activity_mian.xml 这样的xml布局文件中发现了，类似@+id/和@id/到底有什么区别呢? 这里@可以理解为引用，而多出的+代表自己新声明的

4.为view设置监听器
一个控件可以绑定多个监听器 不通过的监听器响应不同的事件：

（1）获取代表控件的对象
（2）定义一个类，实现监听接口 implements  onclicklistener
（3）生成监听对象
（4）为控件绑定监听对象

5.实例
布局文件（改成垂直布局）

<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="点击"/> 
 
</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();// 生成监听对象 
    button.setonclicklistener(buttonelistener);// 按钮绑定一个监听器 
  } 
 
  @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// 创建一个类实现监听事件的接口 
  { 
 
    @override 
    public void onclick(view arg0) { 
      // todo auto-generated method stub 
      count++; 
      textview.settext(integer.tostring(count)); 
 
    } 
 
  } 
 
} 

view的自定义
通过继承view，可以很方便地定制出有个性的控件出来。

实现自定义view的最主要的是重写ondraw(canvas canvas)函数，当每次系统重绘界面的时候，都会调用这个函数，并传下一个canvas，在这个函数内，应该将这个view所要显示的内容都draw到这个canvas上，界面显示出来的内容几乎都由这个canvas来决定。canvas的具体画法可以很容易查得到，应该说android内所有函数的命名都是很直观，一目了然的，自己看一下函数名都大概可以明白这个函数是有什么用的。sdk也是查询android api的最好的工具，多使用些肯定有好处的。

view的显示出来的大小最主要的决定者是parent layout，view可以自定义自己的宽高的最小值，但这并不能保证能到达这种最小值，如果parent本身的大小已经比这个值小了。

view的重绘——系统不会经常去调用view的ondraw函数，为了能够在view上实现动画效果，比如说游戏（但好像很多游戏是用更高效的surfaceview为实现的），在主线程是执行完程序的逻辑后，应该要调用postinvalidate()，通知系统去调用ondraw函数去重绘界面，才能将动画的效果给显示出来。

下面的代码是我自己写的一个模拟两个球不断碰撞的view，主要由一个线程来不断更新view内两个球的位置，在发现两个球和墙壁发生碰撞后，改变球的逻辑参数，更新完后，调用postinvalidate()，重绘界面。来实现效果

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); 
  } 
   
  //为避免在程序退出后线程仍在进行,造成不必要的系统资源浪费,在activity退出是时候,主动将线程停止 
  @override 
  public void ondestroy() 
  { 
    mscreen.stopdrawing(); 
    super.ondestroy(); 
  } 
} 
/** 
 * 自定义的view类,为两个球的碰撞模拟 
 * @author windy 
 * 
 */ 
class thescreen extends view 
{ 
   
  private static final string tag = "draw"; 
  //界面主线程的控制变量 
  private boolean drawing = false; 
  //储存当前已有的球的信息 
  private arraylist<circle> circles; 
  private paint mpaint; 
  //两个球的运动范围 
  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>(); 
    //加入了两个球 
    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); 
    //启动界面线程,开始自动更新界面 
    drawing = true; 
    new thread(mrunnable).start(); 
  } 
   
  private runnable mrunnable = new runnable() { 
    //界面的主线程 
    @override 
    public void run() { 
      while( drawing ) 
      { 
        try { 
          //更新球的位置信息 
          update(); 
          //通知系统更新界面,相当于调用了ondraw函数 
          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); 
    } 
  } 
   
  //界面的逻辑函数,主要检查球是否发生碰撞,以及更新球的位置 
  private void update() 
  { 
    if( circles.size()>1) 
    { 
      for( int i1=0; i1<circles.size()-1; i1++) 
      { 
        //当两个球发生碰撞,交换两个球的角度值 
        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的内部类,存储每一个球的信息 
   * @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; 
    } 
     
    //利用三角函数计算出球的新位置值,当与边界发生碰撞时,改变球的角度 
    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; 
    } 
  } 
} 

这段代码已经写有注释了，具体下次再介绍了。。。应该不难的看懂的吧。