Android安卓的牛刀小试-自定义View的使用-图片随着触屏焦点移动

效果如图：图片随着触屏焦点移动而移动

准备两张图片资源：

配置主xml文件（注意：配置布局的id（为java提供操作修改），背景图片（用于显示背景））

<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: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="com.alian.demo1.MainActivity" 
    android:background="@drawable/bg"
    android:id="@+id/mylayout"
    >
</FrameLayout>

TimgView自定义View

继承View父类，从写onDraw（）方法。

package com.alian.demo1;

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

public class TimgView extends View{

	float timgx;
	float timgy;
	public TimgView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		
		timgx=120;
		timgy=120;
	}
	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);
		
		Paint paint=new Paint();
		Bitmap bitmap=BitmapFactory.decodeResource(this.getResources(),R.drawable.timg);
		canvas.drawBitmap(bitmap, timgx,timgy, paint);
		// 强制回收
		if(bitmap.isRecycled())
		{
			bitmap.recycle();
		}
	}

}

主类(获取到FrameLayout布局后，在上面添加自定义的TimgView组件，在添加触屏事件就可以达到上述效果) 。

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		FrameLayout frameLayout =(FrameLayout) findViewById(R.id.mylayout);
		
		final TimgView timgView=new TimgView(this);
		timgView.setOnTouchListener(new View.OnTouchListener() {
			
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				// TODO Auto-generated method stub
				
				timgView.timgx=event.getX();
				timgView.timgy=event.getY();
				timgView.invalidate();
				
				return true;
			}
		});
		frameLayout.addView(timgView);
	}