Android菜鸟日记12 Gallery

Android菜鸟日记11
Gallery

Gallery类概述(Gallery)此单词翻译过来为画廊，美术馆
一种view，以水平列表的方式显示在屏幕中央 看一眼图片就知道咋回事了
此类继承了  AbsSpinner


Adapter是用来帮助填充数据的中间桥梁，比如通过它将数据填充到ListView, GridView, Gallery.而android 提供了几种Adapter:ArrayAdapter<T>, BaseAdapter, CursorAdapter, HeaderViewListAdapter, ListAdapter, ResourceCursorAdapter, SimpleAdapter, SimpleCursorAdapter, SpinnerAdapter, WrapperListAdapter.我猜想这些Adapter的区别在于你的数据来源不一样：比如若你的数据来源于一个Arraylist 就使用BaseAdapter,SimpleAdapter,而数据来源于通过查询数据库获得Cursor那就使用SimpleCursorAdapter等。就目前我经常使用的BaseAdapter和SimpleCursorAdapter。


1，BaseAdapter:---数据来源于Arraylist-->MyArraylist
当你继承BaseAdapter客制化你的Adapter时，你必须OverWrite以下函数：
Java代码  
1. @Override 
2. public int getCount() { 
3. // TODO Auto-generated method stub 
4.             System.out.println("the size is\t" +            MyArraylist.size()); 
5.             return MyArraylist.size(); 
6.         } 
ot possible to convert this view to display 

getCount返回的就是你的有多少条数据需要绑定的，也就是需要多少个View.比如这里返回的就是MyArraylist的Size.
Java代码  
1. public View getView(int position, View v, ViewGroup parent) { 
2.             // TODO Auto-generated method stub 
3.              
4.             View view; 
5.             if (v == null) { 
6.                 view = mInflater.inflate(R.layout.track_list_item, null); 
7.             } else { 
8.                 view = v; 
9.             }} 



通过getView就获得了view来显示数据了。在这里你就可以自定义你的View了，但你通过XML定义可以通过LayoutInflater来inflater你的XML。getView里面就可以将MyArraylist的数据通过position 这个来将数据一条绑定一个View了。


2,SimpleCursorAdapter：---数据来源于数据库--->MyCursor
转自：http://blog.csdn.net/wong_judy/archive/2010/04/09/5466583.aspx

要实现bindView()和newView()这两个抽象方法需要实现的内容。

public void bindView(View view, Context context, Cursor cursor)，重用一个已有的view，使其显示当前cursor所指向的数据。

public View newView(Context context, Cursor cursor, ViewGroup parent)，为cursor所指向的数据新建一个View对象，并显示其数据。

通俗的说：比如你一个listview在一个屏幕里一次只能显示8条数据，那么第一次显示的时候就会newView 8次生成8个View,调用bindView绑定8条数据，而你有16条数据，但你拖动滚动条看9-16条时，此时不会再调用newView了，而只能调用了bindView去绑定新的数据而了。这样就省了空间了。


注意：传入到CursorAdapter中的Cursor结果集必须包含有列名为_id的列，否则SimpleCursorAdapter将不会起作用。

对于SimpleCursorAdapter中的newView与bindView的作用在BaseAdapter中的getView中也有这样的意义：getView里面我们必须做判断才能达到这种效果，就是要判断第二个参数View的是否为空：当空时就Infalte新的View，但不为空时就要就用它，这样就第一屏幕Infate 8个View，后面就直接使用这个8个view了。

注意：getView中是返回一个view，必须返回的是你infalte之后不为空的View，不然会报空指针异常。

布局文件
<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/Gallery01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:spacing="10px"
    >
    <!-- android:spacing="10px"用来设置图片之间的间距 -->
</Galler



主类
package com.lurencun.poolo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Gallery;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class Activity01 extends Activity {
/**
Gallery类概述(Gallery)此单词翻译过来为画廊，美术馆

一种view，以水平列表的方式显示在屏幕中央 看一眼图片就知道咋回事了
此类继承了  AbsSpinner
*/

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

//获得Gallery对象
Gallery g = (Gallery) findViewById(R.id.Gallery01);

//添加ImageAdapter给Gallery对象 注意哦Gallery类并没有setAdapter这个方法 这个方法是从AbsSpinner类继承的
g.setAdapter(new ImageAdapter(this));

//设置Gallery的背景图片
g.setBackgroundResource(R.drawable.bg0);

//设置Gallery的事件监听
g.setOnItemClickListener(new GalleryItemListener());

}

class GalleryItemListener implements OnItemClickListener {
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
Toast.makeText(Activity01.this, "你选择了" + (position + 1) + " 号图片",
Toast.LENGTH_SHORT).show();

}
}
}


图片适配器（ImageAdapter.java）
package com.lurencun.poolo;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {

// 定义Context
private Context mContext;
// 定义整型数组 即图片源
private Integer[] mImageIds = { R.drawable.img1, R.drawable.img2,
R.drawable.img3, R.drawable.img4, R.drawable.img5, R.drawable.img6,
R.drawable.img7, R.drawable.img8, };

// 声明ImageAdapter
public ImageAdapter(Context c) {
mContext = c;
}

// 获取图片的个数
public int getCount() {
return mImageIds.length;
}

// 获取图片在库中的位置
public Object getItem(int position) {
return position;
}

// 获取图片ID
public long getItemId(int position) {
return position;
}

public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageview = new ImageView(mContext);

// 给ImageView设置资源
imageview.setImageResource(mImageIds[position]);
// 设置布局 图片120*120
//不管如何设置 他都会保持图片原比例 如果给出的2个数字不成比例的话
//他会匹配会匹配那个小的数值
//比如说  3 1
//他的显示效果不会是3 1  而是与第二个1匹配的数字
//而这个数字取决于图片的比例 如果图片是1：1的话 那么就会输出的为 1 1
imageview.setLayoutParams(new Gallery.LayoutParams(120, 120));
// 设置显示比例类型
imageview.setScaleType(ImageView.ScaleType.FIT_CENTER);
return imageview;
}

}

2011-8-14
poolo