码迷,mamicode.com
首页 > 移动开发 > 详细

Android开发系列(二十二):AdapterViewFlipper的功能和用法

时间:2014-10-29 14:52:17      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:adapterviewflipper   图片轮播   

AdapterViewFlipper继承了AdapterViewAnimator,它会显示一个View组件,可以通过showPrevious()showNext()方法控制组件显示上一个、下一个组件。


XML属性:

android:animateFirstView:设置显示该组件的第一个View时是否使用动画

android:inAnimation:设置组件显示时使用的动画

android:loopViews:设置循环到最后一个组件后是否自动“转头”到第一个组件

android:outAnimation:设置组件隐藏时使用的动画

android:autoStart:设置显示该组件是否是自动播放

android:flipInterval:设置自动播放的时间间隔


这些是这个的XML的一些属性。

下边,我们通过一个具体的例子来说明下它的功能


首先,我们新建一个Android项目,我们首先编辑下main.xml文件:

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8" ?>
<RelativeLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<AdapterViewFlipper
		android:id="@+id/flipper"
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:flipInterval="5000"
		android:layout_alignParentTop="true"/>
	<Button 
	    android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentBottom="true"
		android:layout_alignParentLeft="true"
		android:onClick="prev"
		android:text="上一个"
		/>
	<Button 
	    android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentBottom="true"
		android:layout_centerHorizontal="true"
		android:onClick="next"
		android:text="下一个"
		/>
	<Button 
	    android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentBottom="true"
		android:layout_alignParentRight="true"
		android:onClick="auto"
		android:text="自动播放"
		/>	
</RelativeLayout></span>
可以看到,上边有四个组件,一个AdapterViewFlipper和三个Button,分别代表上一个、下一个、自动播放

并且为三个Button设置了点击事件


接下来我们开始编辑AdapterViewFlipperTest.java:

<span style="font-size:14px;">package org.crazyit.ui;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.app.Activity;

public class AdapterViewFlipperTest extends Activity
{
	int[] imageIds = new int[]
	{
		R.drawable.shuangzi, R.drawable.shuangyu,
		R.drawable.chunv, R.drawable.tiancheng, R.drawable.tianxie,
		R.drawable.sheshou, R.drawable.juxie, R.drawable.shuiping,
		R.drawable.shizi, R.drawable.baiyang, R.drawable.jinniu,
		R.drawable.mojie 
	};
	AdapterViewFlipper flipper;

	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		flipper = (AdapterViewFlipper) findViewById(R.id.flipper);
		// 创建一个BaseAdapter对象,该对象负责提供Gallery所显示的列表项
		BaseAdapter adapter = new BaseAdapter()
		{
			@Override
			public int getCount()
			{
				return imageIds.length;
			}

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

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

			// 该方法的返回的View就是代表了每个列表项
			@Override
			public View getView(int position, View convertView, ViewGroup parent)
			{
				// 创建一个ImageView
				ImageView imageView = new ImageView(AdapterViewFlipperTest.this);
				imageView.setImageResource(imageIds[position]);
				// 设置ImageView的缩放类型
				imageView.setScaleType(ImageView.ScaleType.FIT_XY);
				// 为imageView设置布局参数
				imageView.setLayoutParams(new LayoutParams(
						LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
				return imageView;
			}
		};
		flipper.setAdapter(adapter);
	}

	public void prev(View source)
	{
		// 显示上一个组件
		flipper.showPrevious();
		// 停止自动播放
		flipper.stopFlipping();
	}

	public void next(View source)
	{
		// 显示下一个组件。
		flipper.showNext();
		// 停止自动播放
		flipper.stopFlipping();
	}

	public void auto(View source)
	{
		// 开始自动播放
		flipper.startFlipping();
	}
}
</span>


通过这些,我们就可以设置出一些APP应用的播放图片的功能了。


效果图如下:

bubuko.com,布布扣



Android开发系列(二十二):AdapterViewFlipper的功能和用法

标签:adapterviewflipper   图片轮播   

原文地址:http://blog.csdn.net/u010800530/article/details/40585755

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!