当前位置:操作系统 > 安卓/Android >>

android之自定义view 一

 

概述 
 当Android系统提供的UI组件不足以满足我们的需求时,我们可以自己继承View来设计自己的View。然后,选择重写部分的方法。通常可以被重写的方法如下:

1)构造函数,View有三个构造函数:

  public View (Context context)  当我们通过代码创建view时需要复写此方法。

  public View (Context context, AttributeSet attrs)  当我们通过xml创建view时需要复写此方法。

  public View (Context context, AttributeSet attrs, int defStyle)  通过源码我们可以知道其实public View (Context context, AttributeSet attrs) 调用的也是三个参数的构造函数public View (Context context, AttributeSet attrs, int defStyle)。我们一般不需要复写此构造函数。

2)回调函数

  onFinishInflate():当应用从XML布局文件加载该组件并用它构建完界面之后,该方法就会被回调。

  onMeasure(int,int):用来检测View及它所包含的子View的大小

  onLayout(boolean,int,int,int):当此View需要分配其子组件的位置、大小时会被回调。

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

  onDraw(Canvas):当该组件将要绘制时被回调

  onKeyDown(int,KeyEvent):当此View被按下时被回调

  onKeyUp(int,KeyEvent):当此View被松开时被回调

  onTrackballEvent(MotionEvent):当发生轨迹球事件时

  onTouchEvent(MotionEvent):当发生触摸事件时

  onWindowFocusChanged(boolean):当焦点发生改变时

  onAttachedToWindow():当此组件被添加到某个窗口时

  onDetachedFromWindow():当从某个窗口上被分离时

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

步骤
1)继承View(当然也可以选择它的某些子类,根据自己的实际需求选择)

2)重写两个构造函数:上面说过View有三个构造函数,我们只需要复写前两个即可。  

  注意:其实,不是我们一定要复写那两个构造函数,如果我们只通过代码的方式添加我们自定义的View的话可以只复写单参的构造函数。若我们只通过XML布局的方式往Activity中添加我们自定义的View时,可以只复写双参的构造函数。但为了防止出错,建议把单参的、双参的都复写了。

3)选择复写部分回调函数,我们根据自己的需求选择复写一些回调函数。一般都 会onDraw(Canvas)方法。

4)当我们完成了上面的步骤后,我们就完成了自定义View。我们可以通过两种方式将它添加到我们的Activity中

  a.通过代码方式

  b.通过XML方式

具体请看下面的例子代码:

实例
模拟一个跟随手机移动的小球。

自定义View类CustomView1


 1 package com.example.customview;
 2
 3 import android.content.Context;
 4 import android.graphics.Canvas;
 5 import android.graphics.Color;
 6 import android.graphics.Paint;
 7 import android.util.AttributeSet;
 8 import android.view.View;
 9
10 public class CustomView1 extends View {
11
12     public float currentX = 46;
13     public float currentY = 57;
14     Paint p;
15
16     private void init() {
17         p = new Paint();
18         p.setColor(Color.GREEN);
19     }
20
21     public CustomView1(Context context) {
22         super(context);
23         System.out.println("---------1-----------");
24         init();
25     }
26
27     public CustomView1(Context context, AttributeSet attrs) {
28         super(context, attrs);
29         System.out.println("---------2-----------");
30         init();
31     }
32
33     @Override
34     protected void onDraw(Canvas canvas) {
35         super.onDraw(canvas);
36         canvas.drawCircle(currentX, currentY, 20, p);
37     }
38
39 }1)通过代码引入CustomView

View Code
 1 package com.example.customview;
 2
 3 import android.os.Bundle;
 4 import android.view.MotionEvent;
 5 import android.view.View;
 6 import android.view.View.OnTouchListener;
 7 import android.widget.RelativeLayout;
 8 import android.app.Activity;
 9
10 public class CustomViewActivity extends Activity {
11
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         setContentView(R.layout.activity_custom_view);
16         final CustomView1 cs = new CustomView1(this);
17          RelativeLayout Rlayout = (RelativeLayout) findViewById(R.id.RLayout);
18          Rlayout.addView(cs);
19         cs.setOnTouchListener(new OnTouchListener() {
20
21             @Override
22             public boolean onTouch(View v, MotionEvent event) {
23                 cs.currentX = event.getX();
24                 cs.currentY = event.getY();
25                 cs.invalidate();
26                 return true;
27             }
28         });
29     }
30 }此时我们的xml布局文件如下:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/RLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".CustomViewActivity" >
 <!-- 
    <com.example.customview.CustomView1
        android:id="@+id/cs"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
-->
</RelativeLayout>2)通过XML引入CustomView

View Code
 1 package com.example.customview;
 2
 3 import android.os.Bundle;
 4 import android.view.MotionEvent;
 5 import android.view.View;
 6 import android.view.View.OnTouchL

补充:移动开发 , Android ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,