文档章节

Android ViewSwitcher 的功能与用法

yolinfeng
 yolinfeng
发布于 2015/06/06 17:10
字数 1154
阅读 43
收藏 0

ViewSwitcher 代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件.当程序控制从一个View切换到另个View时,ViewSwitcher 支持指定动画效果.

为了给ViewSwitcher 添加多个组件, 一般通过ViewSwitcher 的setFactory 方法为止设置ViewFactory ,并由ViewFactory为之创建View 即可. 

下面通过一个实例来介绍 ViewFactory的用法.(仿Android系统Launcher 界面 实现分屏 左右滑动效果)


import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.ViewSwitcher;
import android.widget.ViewSwitcher.ViewFactory;


public class ViewSwitcherTest extends Activity
{
	// 定义一个常量,用于显示每屏显示的应用程序数
	public static final int NUMBER_PER_SCREEN = 12;

	// 代表应用程序的内部类,
	public static class DataItem
	{
		// 应用程序名称
		public String dataName;
		// 应用程序图标
		public Drawable drawable;
	}

	// 保存系统所有应用程序的List集合
	private ArrayList<DataItem> items = new ArrayList<DataItem>();
	// 记录当前正在显示第几屏的程序
	private int screenNo = -1;
	// 保存程序所占的总屏数
	private int screenCount;
	ViewSwitcher switcher;
	// 创建LayoutInflater对象
	LayoutInflater inflater;

	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		inflater = LayoutInflater.from(ViewSwitcherTest.this);
		// 创建一个包含40个元素的List集合,用于模拟包含40个应用程序
		for (int i = 0; i < 40; i++)
		{
			String label = "" + i;
			Drawable drawable = getResources().getDrawable(
					R.drawable.ic_launcher);
			DataItem item = new DataItem();
			item.dataName = label;
			item.drawable = drawable;
			items.add(item);
		}
		// 计算应用程序所占的总屏数。
		// 如果应用程序的数量能整除NUMBER_PER_SCREEN,除法的结果就是总屏数。
		// 如果不能整除,总屏数应该是除法的结果再加1。
		screenCount = items.size() % NUMBER_PER_SCREEN == 0 ? 
				items.size()/ NUMBER_PER_SCREEN :
				items.size() / NUMBER_PER_SCREEN	+ 1;
		switcher = (ViewSwitcher) findViewById(R.id.viewSwitcher);
		switcher.setFactory(new ViewFactory()
		{
			// 实际上就是返回一个GridView组件
			@Override
			public View makeView()
			{
				// 加载R.layout.slidelistview组件,实际上就是一个GridView组件。
				return inflater.inflate(R.layout.slidelistview, null);
			}
		});
		// 页面加载时先显示第一屏。
		next(null);
	}

	public void next(View v)
	{
		if (screenNo < screenCount - 1)
		{
			screenNo++;
			// 为ViewSwitcher的组件显示过程设置动画
			switcher.setInAnimation(this, R.anim.slide_in_right);
			// 为ViewSwitcher的组件隐藏过程设置动画
			switcher.setOutAnimation(this, R.anim.slide_out_left);
			// 控制下一屏将要显示的GridView对应的 Adapter
			((GridView) switcher.getNextView()).setAdapter(adapter);
			// 点击右边按钮,显示下一屏,也可通过手势检测实现显示下一屏.
			switcher.showNext(); 
		}
	}

	public void prev(View v)
	{
		if (screenNo > 0)
		{
			screenNo--;
			// 为ViewSwitcher的组件显示过程设置动画
			switcher.setInAnimation(this, android.R.anim.slide_in_left);
			// 为ViewSwitcher的组件隐藏过程设置动画
			switcher.setOutAnimation(this, android.R.anim.slide_out_right);
			// 控制下一屏将要显示的GridView对应的 Adapter
			((GridView) switcher.getNextView()).setAdapter(adapter);
			// 点击左边按钮,显示上一屏,也可通过手势检测实现显示上一屏.
			switcher.showPrevious(); 
		}
	}

	// 该BaseAdapter负责为每屏显示的GridView提供列表项
	private BaseAdapter adapter = new BaseAdapter()
	{
		@Override
		public int getCount()
		{
			// 如果已经到了最后一屏,且应用程序的数量不能整除NUMBER_PER_SCREEN
			if (screenNo == screenCount - 1
					&& items.size() % NUMBER_PER_SCREEN != 0)
			{
				// 最后一屏显示的程序数为应用程序的数量对NUMBER_PER_SCREEN求余
				return items.size() % NUMBER_PER_SCREEN;
			}
			// 否则每屏显示的程序数量为NUMBER_PER_SCREEN
			return NUMBER_PER_SCREEN;
		}

		@Override
		public DataItem getItem(int position)
		{
			// 根据screenNo计算第position个列表项的数据
			return items.get(screenNo * NUMBER_PER_SCREEN + position);
		}

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

		@Override
		public View getView(int position
				, View convertView, ViewGroup parent)
		{
			View view = convertView;
			if (convertView == null)
			{
				// 加载R.layout.labelicon布局文件
				view = inflater.inflate(R.layout.labelicon, null);
			}
			// 获取R.layout.labelicon布局文件中的ImageView组件,并为之设置图标
			ImageView imageView = (ImageView)
					view.findViewById(R.id.imageview);
			imageView.setImageDrawable(getItem(position).drawable);
			// 获取R.layout.labelicon布局文件中的TextView组件,并为之设置文本
			TextView textView = (TextView) 
					view.findViewById(R.id.textview);
			textView.setText(getItem(position).dataName);
			return view;
		}
	};
}

slide_in_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置从右边拖进来的动画
    android:duration指定动画持续时间  -->
	<translate
		android:fromXDelta="100%p"
		android:toXDelta="0"
		android:duration="@android:integer/config_mediumAnimTime" />
</set>

slide_out_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置从左边拖出去的动画 
    android:duration指定动画持续时间 -->
	<translate
		android:fromXDelta="0"
		android:toXDelta="-100%p"
		android:duration="@android:integer/config_mediumAnimTime" />
</set>


labelicon.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义一个垂直的LinearLayout,该容器中放置一个ImageView和一个TextView -->
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center">
	<ImageView
	    android:id="@+id/imageview"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		 />
	<TextView
	    android:id="@+id/textview"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:gravity="center"
		 />	
</LinearLayout>

main.xml

<RelativeLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<!-- 定义一个ViewSwitcher组件 -->
	<ViewSwitcher
		android:id="@+id/viewSwitcher"
		android:layout_width="fill_parent"
		android:layout_height="fill_parent" />
	<!-- 定义滚动到上一屏的按钮 -->
	<Button
		android:id="@+id/button_prev"
		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:id="@+id/button_next"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentBottom="true"
		android:layout_alignParentRight="true"
		android:onClick="next"
		android:text=">" />
</RelativeLayout>

slidelistview.xml

<?xml version="1.0" encoding="utf-8"?>
<GridView
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:numColumns="4"
  android:layout_height="match_parent">
    
</GridView>


本文转载自:http://blog.csdn.net/aikongmeng/article/details/14129319

yolinfeng
粉丝 12
博文 196
码字总数 11946
作品 0
珠海
架构师
私信 提问
TextSwitcher 文本切换器的功能与用法

TextSwitcher集成了ViewSwitcher, 因此它具有与ViewSwitcher相同的特性:可以在切换View组件时使用动画效果。与ImageSwitcher相似的是,使用TextSwitcher也需要设置一个ViewFactory。与Image...

记录自己的点点滴滴
2018/12/22
0
0
ViewSwitcher学习笔记

ViewSwitcher 的作用简单来说就是:在两个视图间转换时显示动画 它的两个子类应该很熟悉,ImageSwitcher:转换图片时增加动画效果; TextSwitcher: 转换文字时增加动画效果; API翻译 一、结构...

无一物
2012/12/20
0
0
[Android]ViewSwitcher使用范例

相关API   Android 中文API (61) —— ViewSwitcher 正文   一、简介     ViewSwitcher适用于两个视图带动画效果的切换。这里实现两个视图切换的功能,并附带滑屏效果。   二、截...

墨梅
2014/03/28
0
0
android TextSwitcher

public class TextSwitcher extends ViewSwitcher java.lang.Object android.view.View android.view.ViewGroup android.widget.FrameLayout android.widget.ViewAnimator android.widget.Vi......

amigos_wu
2012/07/09
0
0
【android基础学习之六】——常用效果1

声明:学习的书籍《Android应用开发揭秘》,这里记录学习该书籍的日志,引用的相关代码与总结描述,没有商业的用途,完全是自我学习的一个记录,刚刚学习不可避免会出现很多问题,若是有错误...

晨曦之光
2012/03/08
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

Guava RateLimiter + AOP注解实现单机限流、统计QPS

1、基于springboot项目pom.xml添加如下依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId></dependency><d......

铁骨铮铮
51分钟前
3
0
龙芯版办公软件下载

金山wps office   rpm包:http://ftp.loongnix.org/os/loongnix/1.0/os/Packages/w/wps-office-10.8.0.6472-1.a20p1.mips64el.rpm   deb包:http://packages.deepin.com/loongson/pool/......

gugudu
57分钟前
3
0
BI报表分析和数据可视化,推荐这三个开源工具!

开源篇 一、Superset 1、技术架构:Python + Flask + React + Redux + SQLAlchemy 2、使用人群: (1)开发/分析人员做好看板,业务人员浏览看板数据 (2)业务人员可自行编辑图表,查看满足...

飓风2000
今天
4
0
CountDownLatch

CountDownLatch的概念 CountDownLatch是一个同步工具类,用来协调多个线程之间的同步,或者说起到线程之间的通信(而不是用作互斥的作用)。 CountDownLatch能够使一个线程在等待另外一些线程...

少年已不再年少
今天
2
0
centos7 新手阿里云服务器安装mongodb

简介 MongoDB 是一个基于分布式 文件存储的NoSQL数据库 由C++语言编写,运行稳定,性能高 旨在为 WEB 应用提供可扩展的高性能数据存储解决方案 MongoDB特点 模式自由 :可以把不同结构的文档存...

醉雨
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部