【Android开发】用户界面设计-开发自定义的View

效果图：

Android中，所有的UI界面都是由View类和ViewGroup类及其子类组合而成的。View是所有UI组件的基类(父类)，为ViewGroup类是容纳这些UI组件的容器，其本身也是View的子类。

关系：
           ViewGroup
        |                 |              |
        |                 |              |
  ViewGroup   View   View
      |          |
      |          |      
   View View


一般情况下，开发Android应用程序的UI界面，都不直接使用View和ViewGroup类，而是使用它们的子类。
例如，显示一张图片，就可以使用View类的字类ImageView。

用户可以通过继承View来开发自己的组件。
开发自定义的View组件大致分一下3个步骤：
1.创建一个继承android.view.View类的View类，并且重写构造方法
2.根据需要重写相应方法。（Eclipse"源代码" -"覆盖/实现方法"）
3.在项目的活动中，创建并实例化自定义View类，并将其添加到自定义管理器中。

下面利用自定义View来做一个拥有可以用手指触摸游走的小兔子界面

res/layout/main.xml:

<FrameLayout 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:background="@drawable/backgroud"
    android:id="@+id/mylayout">


</FrameLayout>

在res/drawable/下放置rabbit.png的小兔子图片和backgroud.jpg大草原背景图片


RabbitView:

package com.example.test;


import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;


//显示一个可以用手拖拉的小兔子的界面
public class RabbitView extends View {
	public float bitmapX;//小兔子显示位置的X坐标
	public float bitmapY;//小兔子显示位置的Y坐标
	
	public RabbitView(Context context) {
		super(context);
		bitmapX=50;//设置小兔子默认显示位置的X坐标
		bitmapY=75;//设置小兔子默认显示位置的Y坐标
	}


	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		//创建并实例化Paint的对象
		Paint paint=new Paint();
		//根据图片生成位图对象
		Bitmap bitmap=BitmapFactory.decodeResource(this.getResources(),R.drawable.rabbit);
		canvas.drawBitmap(bitmap, bitmapX, bitmapY,paint);//绘制小兔子
		if(bitmap.isRecycled()){//判断图片是否回收
			bitmap.recycle();//强制回收图片
		}
	}
}

MainActivity：

package com.example.test;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;


public class MainActivity extends Activity {
  
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		//获取帧布局管理器
		FrameLayout layout=(FrameLayout)findViewById(R.id.mylayout);
		//创建并实例化RabbitView类
		final RabbitView rabbit=new RabbitView(MainActivity.this);
		//为小兔子添加触摸时间监听器
		rabbit.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				rabbit.bitmapX=event.getX();//设置小兔子显示位置的X坐标
				rabbit.bitmapY=event.getY();//设置小兔子显示位置的Y坐标
				rabbit.invalidate();//重绘rabbit组件
				return true;
			}
		});
		layout.addView(rabbit);//将rabbit添加到布局管理器中
	}
}

运行效果如上图，可以任意拖拉小兔子至任何位置

转载请注明出处：http://blog.csdn.net/acmman/article/details/44727901