Android控件之Gallery

搞到了Gallery ,shit!!!!

Gallery画廊，感觉上就是有个条，上面可以布满图片，恩，就是这么easy~

先看效果图~



是的，没有任何处理的效果就是这样，功能就是如此简单~

首先是写主activity.xml的布局方式~

<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gallery"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:background="?android:windowBackground"

/>

在onCreate 的setContentView(R.layout.activity_main);时调用。

从这里可以看出，Gallery只不过是一种图片布局方式罢了，虽然可以嵌套，不过也就是那么回事儿，内部还是需要添加ImageView来进行填充图片的。

图片的xml文件;

<RelativeLayout 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"
>

<ImageView
android:id="@+id/image_a"
android:layout_width="100dp"
android:layout_height="100dp"
android:scaleType="centerCrop"
android:background="#ABCDEF"
/>
</RelativeLayout>

使用了两种形式不同的方式显示填充图片：

第一种方式;

使用BaseAdapter与tag来填充，目的是防止重绘，有些已经在ListView的BaseAdapter中介绍了，这里使用了Holder作为Tag的结构体类。、

package com.example.gallay;

import com.example.gallay.R.layout;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;

public class MainActivity extends Activity {
@SuppressWarnings("deprecation")
private Gallery gallery;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gallery = (Gallery)findViewById(R.id.gallery);
gallery.setAdapter(new ImageAdapter(this));
}

}
// 设置结构体类
class Holder{

ImageView image;
}
class ImageAdapter extends BaseAdapter{

private Holder holder;
private  LayoutInflater minflater ;
//声明Context

//图片源数组
private Integer[] imageInteger={
R.drawable.pic1,
R.drawable.pic2,
R.drawable.pic3,
R.drawable.pic4,
R.drawable.pic5,
R.drawable.pic6,
R.drawable.pic7,
R.drawable.pic8,
R.drawable.pic9
};
//声明 ImageAdapter
public ImageAdapter(Context c){
this.minflater=LayoutInflater.from(c);  // 得到布局
}
@Override
//获取图片的个数
public int getCount() {
return imageInteger.length;
}
@Override
//获取图片在库中的位置
public Object getItem(int position) {
return position;
}
@Override
//获取图片在库中的位置
public long getItemId(int position) {
return position;
}

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

if(convertView==null)
{
convertView=minflater.inflate(R.layout.image, null);//逐行布局
// 设置参数
holder = new Holder();
holder.image=(ImageView)convertView.findViewById(R.id.image_a);
convertView.setTag(holder);

}
else
{
holder= (Holder) convertView.getTag();
}

holder.image.setBackgroundResource(imageInteger[position]);
return convertView;
}
}

第二种方式没有用到imga.xml，只是用到了Galler的xml,但在baseAdapter内部对图片布局进行了定义。

替换ImageAdapter类即可

class ImageAdapter extends BaseAdapter{

//声明Context
private Context context;
//图片源数组
private Integer[] imageInteger={
R.drawable.pic1,
R.drawable.pic2,
R.drawable.pic3,
R.drawable.pic4,

R.drawable.pic5,
R.drawable.pic6,
R.drawable.pic7,
R.drawable.pic8,
R.drawable.pic9
};

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

}

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

@Override
//获取图片在库中的位置
public Object getItem(int position) {
System.out.println("postion: "+ position);
return position;
}

@Override
//获取图片在库中的位置
public long getItemId(int position) {

return position;
}

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

//		  System.out.println("positio_getView : "+ position);
//		  System.out.println("ConvertView :"+ convertView);
//		  System.out.println("ViewGroup :"+parent);

ImageView imageView = new ImageView(context);
//给ImageView设置资源
imageView.setImageResource(imageInteger[position]);
//设置比例类型
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
imageView.setBackgroundColor(256);

//设置布局 图片128x192显示
imageView.setLayoutParams(new Gallery.LayoutParams(128, 128));
return imageView;
}
}

我觉得还是第一种方式比较稳妥，可以在代码中直接加入其它文字信息，如果需要触发事件，在OnCreate中调用setOnItemSelectedListener即可。

哎，坑爹~