具动画效果的图片转换器ImageSwitcher
2012-09-05 00:00
92 查看
前面我们介绍过Android的一个缩略图控件Gallery,以及一个网格显示空间,都分别用图片作为例子,但我们真正用来显示图片的有这样一个控件,叫ImageSwitcher,顾名思义,意思就是图像转换器,我们常用它来显示Android的UI中图片,当然我们也可以用ImageView来操作,但ImageSwitcher具备一些特定的功能,就是它本身在转换图片的时侯可以增加一些动画效果。
布局中的声明及其简单,跟一个时钟控件一样简单。
<ImageSwitcher
android:id="@+id/imageSwitcher"
android:layout_width="fill_parent" android:layout_height="wrap_content"
/>
我们先把它绑架出来,再对它的几个重要方法介绍下。
ImageSwitcher mSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher);
mSwticher.setFactory(this);
如上所示,ImageSwitcher的使用一个最重要的地方就是需要为它指定一个ViewFactory,也就是定义它是如何把内容显示出来的,一般做法为在使用ImageSwitcher的该类中实现ViewFactory接口并覆盖对应的makeView方法。
public View makeView() {
ImageView image = new ImageView(this);
image.setMinimumHeight(200);
image.setMinimumWidth(200);
image.setScaleType(ImageView.ScaleType.FIT_CENTER);
image.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return image;
}
接下来开始添加动画效果。
mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_in));
mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_out));
把图片显示出来,我们可以把改方法放到事件处理中,就形成了触发而发生图片转换的交互效果。
mSwitcher.setImageResource(R.drawable.icon);
布局中的声明及其简单,跟一个时钟控件一样简单。
<ImageSwitcher
android:id="@+id/imageSwitcher"
android:layout_width="fill_parent" android:layout_height="wrap_content"
/>
我们先把它绑架出来,再对它的几个重要方法介绍下。
ImageSwitcher mSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher);
mSwticher.setFactory(this);
如上所示,ImageSwitcher的使用一个最重要的地方就是需要为它指定一个ViewFactory,也就是定义它是如何把内容显示出来的,一般做法为在使用ImageSwitcher的该类中实现ViewFactory接口并覆盖对应的makeView方法。
public View makeView() {
ImageView image = new ImageView(this);
image.setMinimumHeight(200);
image.setMinimumWidth(200);
image.setScaleType(ImageView.ScaleType.FIT_CENTER);
image.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return image;
}
接下来开始添加动画效果。
mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_in));
mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_out));
把图片显示出来,我们可以把改方法放到事件处理中,就形成了触发而发生图片转换的交互效果。
mSwitcher.setImageResource(R.drawable.icon);
相关文章推荐
- 具动画效果的图片转换器ImageSwitcher
- 具动画效果的图片转换器ImageSwitc…
- 用ImageSwitcher实现显示图片(更改图片时有动画效果)
- jquery动画2.元素坐标动画效果(创建一个图片走廊)
- 给控件添加动画效果
- iOS UIKit Dynamics入门 UIKit动力学,实现重力、连接、碰撞、悬挂等动画效果
- Android动画开发——Animation动画效果
- NSLayoutConstraint 布局,配合简单的动画效果
- iOS开发笔记 — Text、UI交互细节、两个动画效果等
- Android动画效果-更新中
- 页面切换动画效果3 - 缩放切换
- 自定义UITableView索引动画,实现饿了么菜单效果
- iPhone入门学习——半翻页动画效果例子
- 一款纯css3实现的机器人看书动画效果
- 有关ViewFlipper的使用及设置动画效果的讲解
- 更改pushViewController和popViewController的动画效果
- Animation(动画效果)
- ListView的item动画效果
- Android酷炫动画效果之3D星体旋转效果
- jquery动画效果学习笔记(8种效果)