创建易惠通桌面图标

开发易惠通Android版时，要求仿Android桌面，将所有子应用功能以“图标加应用名称”的方式放在GridView中。GridView仅仅是显示，数据存在Adapter中，GridView在main.xml定义布局：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gridview"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:columnWidth="60dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
/>

 

在程序中使用ID获取GridView，然后设置Adapter：

setContentView(R.layout.main);

//取得GridView对象
GridView gridview = (GridView) findViewById(R.id.gridview);
//添加元素给gridview
gridview.setAdapter(new ImageAdapter(this));

// 设置Gallery的背景
//gridview.setBackgroundResource(R.drawable.bg);

//事件监听
gridview.setOnItemClickListener(new OnItemClickListener() {
	public void onItemClick(AdapterView<?> parent, View v, int position, long id)
	{
		//Toast.makeText(MainActivity.this, "你选择了" + (position + 1) + " 号图片", Toast.LENGTH_SHORT).show();
	}
});

 

其中ImageAdapter继承BaseAdapter时，必须重写4个方法：

public int getCount() {

	return mImageIds.length;
}

public Object getItem(int position) {

	return position;
}

public long getItemId(int position) {

	return position;
}

public View getView(int position, View convertView, ViewGroup parent) {

	ApplicationInfo appInfo = appInfos.get(position);
	TextView textView = new TextView(mContext); 
	textView.setCompoundDrawables(null, appInfo.icon, null, null);
	textView.setText(appInfo.title);
    textView.setTag(appInfo.intent);
		
	return textView;
}

 

在ImageAdapter中需要得到Context的引用，因为在创建View时要用来做参数：

// 定义Context
private Context	mContext;

 

// 定义整型数组 即图片源
private Integer[]	mImageIds	= 
{ 
		R.drawable.myeeway,
		R.drawable.card,
		R.drawable.coupon,
		R.drawable.setting,
};

 

public ImageAdapter(Context c)
{
	mContext = c;
	buildAppInfos();
}

 示例原来只显示一个图标，代码是这样写的：

/*	public View getView(int position, View convertView, ViewGroup parent) {

		ImageView imageView;
		if (convertView == null)
		{
			// 给ImageView设置资源
			imageView = new ImageView(mContext);
			// 设置布局 图片120×120显示
			imageView.setLayoutParams(new GridView.LayoutParams(55, 55));
			// 设置显示比例类型
			imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
		}
		else
		{
			imageView = (ImageView) convertView;
		}

		imageView.setImageResource(mImageIds[position]);
		return imageView;
	}*/

 

现在我在图标的下面添加了应用的名称，用TextView可以实现：

// 定义易惠通子应用信息
List<ApplicationInfo> appInfos = new LinkedList<ApplicationInfo>();

 

public void addAppInfo(int iconID, String title, Intent intent){
	ApplicationInfo appInfo = new ApplicationInfo();
	appInfo.icon = this.mContext.getResources().getDrawable(iconID);
	appInfo.icon.setBounds(0, 0, 55, 55);
	appInfo.title = title;
	appInfos.add(appInfo);
}

public void buildAppInfos()
{
	addAppInfo(R.drawable.myeeway, "我的易惠通", null);
	addAppInfo(R.drawable.card, "卡票管理", null);
	addAppInfo(R.drawable.coupon, "生活优惠", null);
	addAppInfo(R.drawable.setting, "系统设置", null);
}

 

其中ApplicationInfo是自己定义的一个类，具有Bean的功能，在这个Bean中定义至少3个字段：

    /**
     * The application name.
     */
    CharSequence title;

    /**
     * The intent used to start the application.
     */
    Intent intent;

    /**
     * The application icon.
     */
    Drawable icon;

 

如图：