Android适配器的使用—GridView、Gellery、AdapterViewFilpper

最新推荐文章于 2024-04-06 06:06:32 发布

QuietShake

最新推荐文章于 2024-04-06 06:06:32 发布

阅读量847

点赞数

分类专栏： Android 文章标签： android xml 控件

本文链接：https://blog.csdn.net/quietshake/article/details/52673961

版权

Android 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

已经学过ListView、Spinner、AutoCompleteTextView都需要通过适配器的帮助才能完成数据填充和操作，这里还有三种控件亦需要使用适配器才能愉快的玩耍。
1）GridView
学过了表格布局（TableLayout）、网格布局（GridLayout），相似的还有GridView（网格视图）。网格视图与列表视图（ListView有相同的父类AdapterView），它们的用法差不多，都需要使用适配器。网格视图相比列表视图的优势在于列表视图只能一行一行显示内容，而不能以列的方式显示内容，网格视图可以根据预设每行列数先排满行，然后排列下一行，形成网格形式。
GridView采用自定义SimpleAdapter作为适配器，一般只需要一个图加一行文字的模型，SimpleAdapter正合适。
GridView主要属性有
columnWidth:设置列的宽度
horizontalSpacing:设置各元素之间的水平间距
numColumns:设置列数
verticalSpacing:设置各元素之间的垂直间距
stretchMode:设置拉伸模式
它的值有:NO_STRETCH:不拉伸
STRETCH_SPACING:仅拉伸元素之间的间距
STRETCH_SPACING_UNIFORM:表格元素本身，元素之间的间距一起拉伸
STRETCH_COLUMN_WIDTH:仅拉伸元素表格元素本身
可添加的监听器
setOnItemClickListener(OnItemClickListener)
setOnItemSelectedListener(OnItemSelectedListener)
以下是一个简单的实现
各条目布局文件item.xml如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:gravity="center_horizontal">
    <ImageView 
        android:contentDescription="@android:attr/imageWellStyle"
        android:id="@+id/iv"
        android:layout_width="50dp"
        android:layout_height="50dp"/>
	<TextView 
	    android:id="@+id/tv"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    />
</LinearLayout>

主界面布局文件activity_main.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"
    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.briup.gridview.MainActivity" >

    <GridView
        android:id="@+id/gv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="3"
        
		></GridView>
</RelativeLayout>

第二个界面布局文件如下activity_second.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"
    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.briup.gridview.SecondActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="SecondActivity" />

</RelativeLayout>

MainActivity.class类文件如下

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {
	private GridView gv;
	private int[] icons = {R.drawable.b10,R.drawable.b6,R.drawable.b4,
			R.drawable.b2,R.drawable.b17,R.drawable.b13};
	private String[] names = {"虾米","鬼鬼","没门","走起","搀扶","贡献"};
	private List<Map<String,Object>> list;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gv = (GridView) findViewById(R.id.gv);
		list = new ArrayList<Map<String,Object>>();
		//填充数据
		for(int i=0;i<6;i++){
			Map<String,Object> map = new HashMap<String, Object>();
			map.put("icon", icons[i]);
			map.put("name", names[i]);
			list.add(map);
		}
		//创建适配器并绑定数据
		SimpleAdapter adapter = new SimpleAdapter(this,list,R.layout.item,
				new String[]{"icon","name"},new int[]{R.id.iv,R.id.tv});
		gv.setAdapter(adapter);
		//设定监听，点击任意一个目标都回弹到第二个界面
		gv.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				switch (arg2) {
				case 0:
				case 1:
				case 2:
				case 3:
				case 4:
				case 5:
					Toast.makeText(MainActivity.this, names[arg2], Toast.LENGTH_LONG).show();
					//通过Intent对象跳转界面
					Intent intent = new Intent(MainActivity.this,SecondActivity.class);
					startActivity(intent);
					break;
				default:
					break;
				}
			}
		});
	}

}

SecondActivity.class类文件如下

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class SecondActivity extends Activity {

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

效果如下

2）Gallery
Gallery是一种用于显示和可选择的画廊视图，虽然已经过时，我们还是要练习一下的。Gallery与Spinner组件很相似。它们之间的区别是：Spinner是一个垂直的列表选择框，而Gallery是一个水平的列表选择框，Spinner的使用格式是点击下拉然后选择，Gallery允许用户通过拖动来查看上一个，下一个列表项，同时可以看到最近两个可选项。
Gallery需要采用自定义BaseAdapter作为适配器来完成子元素的添加和操作。主要属性有
animationDuration:设置图片切换的动画持续时间
unselectedAlpha设置没有选中的图片的透明度（0-1）
spacing设置图片之间的间距
可添加的监听器
setOnItemClickListener(OnItemClickListener)
setOnItemSelectedListener(OnItemSelectedListener)
以下是一个简单的实现，我们这里仅添加一组图片作为子元素
各条目布局文件gallery_item.xml如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView 
        android:id="@+id/item_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

布局文件如下

<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"
    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.briup.gallery.MainActivity" >

    <Gallery
        android:id="@+id/gallery"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
		android:unselectedAlpha="0.3"
		android:spacing="10dp"
		android:layout_centerVertical="true"
		android:animationDuration="1000"/>

</RelativeLayout>

MainActivity.class类文件及GalleryBaseAdapter类文件如下

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;

@SuppressWarnings("deprecation")//过时了
public class MainActivity extends Activity {
	Gallery gallery;
	GalleryBaseAdapter adapter;
	List<Integer> list;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gallery = (Gallery) findViewById(R.id.gallery);
		list = new ArrayList<Integer>();
		list.add(R.drawable.a49);
		list.add(R.drawable.a52);
		list.add(R.drawable.a53);
		list.add(R.drawable.a55);
		list.add(R.drawable.a57);
		//创建自定义适配器
		adapter = new GalleryBaseAdapter(this, list);
		gallery.setAdapter(adapter);
		//设定点击事件
		gallery.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				Toast.makeText(MainActivity.this, "点击"+arg2, Toast.LENGTH_SHORT).show();
			}
		});
		//设定选择事件
		gallery.setOnItemSelectedListener(new OnItemSelectedListener() {
			@Override
			public void onItemSelected(AdapterView<?> arg0, View arg1,
					int arg2, long arg3) {
				Toast.makeText(MainActivity.this, "滑到"+arg2, Toast.LENGTH_SHORT).show();
			}

			@Override
			public void onNothingSelected(AdapterView<?> arg0) {
			}
		});
	}

	
}
//创建自定义适配器并添加数据
class GalleryBaseAdapter extends BaseAdapter{
	private Context context;
	private List<Integer> list;
	public GalleryBaseAdapter(Context context,List<Integer> list){
		this.context = context;
		this.list = list;
	}
	@Override
	public int getCount() {
		return list.size();
	}

	@Override
	public Object getItem(int arg0) {
		return list.get(arg0);
	}

	@Override
	public long getItemId(int arg0) {
		return 0;
	}

	@Override
	public View getView(int arg0, View arg1, ViewGroup arg2) {
		ViewHolder viewHolder = new ViewHolder();
		if(arg1!=null)
			viewHolder = (ViewHolder) arg1.getTag();
		else{
			arg1 = View.inflate(context, R.layout.gallery_item, null);
			viewHolder.image = (ImageView) arg1.findViewById(R.id.item_image);
		}
		viewHolder.image.setImageResource(list.get(arg0));
		return arg1;
	}
	static class ViewHolder{
		ImageView image;
	}
}

效果如下

3）AdapterViewFilpper
AdapterViewFilpper与上面控件很相似，也需要通过适配器添加数据，它的特点是每次仅能显示一个子元素，可以通过按钮控制它显示其他子元素，也可以通过绑定手势达到效果，当然只能转换到相邻的子元素。
AdapterViewFilpper也需要通过自定义BaseAdapter填充数据。
主要属性有
autoStart:是否自动播放
flipInterval自动播放的时间间隔
loopViews是否循环显示
inAnimation子元素显示时使用的动画
outAnimation子元素隐藏时使用的动画
有如下方法控制显示流程
startFlippint()自动播放
stopFlipping()暂停播放
showNext()下一个
showPrevious()上一个
各条目布局文件avg_item.xml如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView 
        android:id="@+id/item_iamge"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        />

</LinearLayout>

布局文件如下

<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"
    android:background="#000000">
	
    <AdapterViewFlipper
        android:id="@+id/avf"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:flipInterval="1000"
        android:autoStart="true"
        android:loopViews="true"
        android:persistentDrawingCache="animation"
        />
	<LinearLayout
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:orientation="horizontal"
	    android:layout_alignParentBottom="true">
	    <Button 
	        android:id="@+id/btn_up"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="上一张"
	        android:layout_weight="1"/>
	    <Button 
	        android:id="@+id/btn_down"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="下一张"
	        android:layout_weight="1"/>
	    <Button 
	        android:id="@+id/btn_auto"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="自动播放"
	        android:layout_weight="1"/>
	    <Button 
	        android:id="@+id/btn_puase"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="暂停"
	        android:layout_weight="1"/>
	</LinearLayout>
</RelativeLayout>

MainActivity.class类文件及AFVBaseAdapter类文件如下

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {
	AdapterViewFlipper avf;
	Button btn_up,btn_down,btn_auto,btn_puase;
	AVFBaseAdapter adapter;
	int[] list={R.drawable.a49,R.drawable.a50,R.drawable.a52,R.drawable.a53,
			R.drawable.a55,R.drawable.a57,R.drawable.a62};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		avf = (AdapterViewFlipper) findViewById(R.id.avf);
		btn_up = (Button) findViewById(R.id.btn_up);
		btn_down = (Button) findViewById(R.id.btn_down);
		btn_auto = (Button) findViewById(R.id.btn_auto);
		btn_puase = (Button) findViewById(R.id.btn_puase);
		//创建自定义适配器并填充数据
		adapter = new AVFBaseAdapter(this, list);
		avf.setAdapter(adapter);
		btn_up.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				avf.showPrevious();//上一个
				avf.stopFlipping();//如果不主动停止就会开始自动播放
			}
		});
		btn_down.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				avf.showNext();//下一个
				avf.stopFlipping();//如果不主动停止就会开始自动播放
			}
		});
		btn_auto.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				avf.startFlipping();//自动播放
			}
		});
		btn_puase.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				avf.stopFlipping();//暂停播放
			}
		});
	}
	
}
//创建自定义适配器并填充数据
class AVFBaseAdapter extends BaseAdapter{
	private Context context;
	private int[] list;
	
	public AVFBaseAdapter(Context context, int[] list) {
		super();
		this.context = context;
		this.list = list;
	}

	@Override
	public int getCount() {
		return list.length;
	}

	@Override
	public Object getItem(int position) {
		return list[position];
	}

	@Override
	public long getItemId(int position) {
		return 0;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder viewHolder;
		if(convertView!=null)
			viewHolder = (ViewHolder) convertView.getTag();
		else{
			viewHolder = new ViewHolder();
			convertView = View.inflate(context, R.layout.avg_item, null);
			viewHolder.image = (ImageView) convertView.findViewById(R.id.item_iamge);
			convertView.setTag(viewHolder);
		}
		viewHolder.image.setImageResource(list[position]);
		return convertView;
	}
	static class ViewHolder{
		ImageView image;
	}
}

效果如下