自定义显示图片的控件

在一些APP的界面中规划出一部分空间用于图片广告的展示，是不错的方式。可以美化界面，又能做些广告。

实例从《android应用案例开发大全》的第一章中的实例中抽出来。这样以后哪儿要用就可以将这个放在哪儿。（发扬了一下拿来主义，希望不要追究我版权，哈哈）

首先是在布局文件中设置了这样的控件，布局文件activity_gg.xml如下：

<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="horizontal" 
    android:baselineAligned="false">
    
<LinearLayout 
    android:orientation="vertical"
    android:layout_width="200dip"
    android:layout_height="fill_parent"
    android:layout_gravity="center_vertical"
    android:layout_marginLeft="15dip"
    android:layout_marginRight="15dip"
    android:layout_marginTop="10dip"
    android:layout_weight="2"
    android:layout_marginBottom="10dip">
   <TextView android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:text="just take the place"/> 
</LinearLayout>
 <LinearLayout
    	android:orientation="horizontal"    	
    	android:layout_marginLeft="20dip"
    	android:layout_marginRight="15dip"
    	android:layout_marginBottom="10dip"
    	android:layout_marginTop="10dip"
    	android:layout_weight="1"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content" 	
    	android:gravity="center">  	
		    <com.nuist.ggview.GGView	     
		    android:layout_width="200dp"
			android:layout_height="250dp"
   		/>	
</LinearLayout>

</LinearLayout>

其中GGView就是这个控件。其实实现的GGView.java的实现如下：

package com.nuist.ggview;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class GGView extends View {

	int COMPONENT_WIDTH;							//该控件宽度
	int COMPONENT_HEIGHT;							//该控件高度
	boolean initflag=false;								//是否要获取控件的高度和宽度标志
	static Bitmap[] bma;										//需要播放的图片的数组
	Paint paint;										//画笔
	 int[] drawablesId;									//图片ID数组
	int currIndex=0;										//图片ID数组下标，根据此变量画图片
	boolean workFlag=true;								//播放图片线程标志位
	
	public GGView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		drawablesId=new int[]{						//初始化图片ID数组
				R.drawable.adv1,					//将需要播放的图片ID放于此处即可
				R.drawable.adv2,	
				R.drawable.adv3,	
				};
		bma=new Bitmap[drawablesId.length];				//创建存放图片的数组
		initBitmaps();									//调用初始化图片函数，初始化图片数组
		paint=new Paint();								//创建画笔
		paint.setFlags(Paint.ANTI_ALIAS_FLAG);			//消除锯齿
		new Thread(){									//创建播放图片线程
			public void run(){
				while(workFlag){
					currIndex=(currIndex+1)%drawablesId.length;//改变ID数组下标值
					GGView.this.postInvalidate();			//绘制
					try {
						Thread.sleep(3000);				//休息三秒
					} catch (InterruptedException e) {						
						e.printStackTrace();
					}}}}.start();
	}
	
	public void initBitmaps(){								//初始化图片函数
		Resources res=this.getResources();					//获取Resources对象
		for(int i=0;i<drawablesId.length;i++){					
			bma[i]=BitmapFactory.decodeResource(res, drawablesId[i]);
		}}
	
	public void onDraw(Canvas canvas){						//绘制函数
		if(!initflag) {									//第一次绘制时需要获取宽度和高度
			COMPONENT_WIDTH=this.getWidth();			//获取view的宽度
			COMPONENT_HEIGHT=this.getHeight();			//获取view的高度
			initflag=true;
		}
		int picWidth=bma[currIndex].getWidth();				//获取当前绘制图片的宽度
		int picHeight=bma[currIndex].getHeight();				//获取当前绘制图片的高度
		int startX=(COMPONENT_WIDTH-picWidth)/2;			//得到绘制图片的左上角X坐标
		int startY=(COMPONENT_HEIGHT-picHeight)/2; 		//得到绘制图片的左上角Y坐标
		canvas.drawARGB(255, 200, 128, 128);				//设置背景色
		canvas.drawBitmap(bma[currIndex], startX,startY, paint);	//绘制图片
	}
}

所需使用的三张图片，可以自己添加到res/drawable下

MainActivity如下：

package com.nuist.ggview;

import android.os.Bundle;
import android.app.Activity;


public class GGActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gg);
    }


}

程序运行结果，图片是动态显示的，三秒会切换一张图片。主要是这个模块化了的显示图片的控件觉得蛮好用。