ImageSwitcher组件的主要功能是完成图片的切换显示,例如用户在进行图片浏览的时候,可以通过按钮点击一张张的切换显示的图片,而且使用ImageSwitcher组件在每次切换的时候也可以为其增加一些动画的效果
-
<?xml version="1.0" encoding="utf-8"?>
-
<LinearLayout ? 线型布局
-
xmlns:android=""
-
android:id="@+id/MyLayout" ? 布局管理器ID
-
android:orientation="vertical" ? 所有组件垂直排列
-
android:layout_width="fill_parent" ? 布局管理器宽度为屏幕宽度
-
android:layout_height="fill_parent"> ? 布局管理器高度为屏幕高度
-
<ImageSwitcher ? 图片切换组件
-
android:id="@+id/myImageSwitcher" ? 组件ID,程序中使用
-
android:layout_width="wrap_content" ? 组件宽度为显示宽度
-
android:layout_height="wrap_content"/> ? 组件高度为显示高度
-
<LinearLayout ? 内嵌布局管理器
-
xmlns:android=""
-
android:orientation="horizontal" ? 组件采用水平摆放
-
android:layout_width="fill_parent" ? 布局管理器宽度为屏幕宽度
-
android:layout_height="fill_parent"> ? 布局管理器高度为屏幕高度
-
<Button ? 按钮组件
-
android:id="@+id/butPrevious" ? 组件ID,程序中使用
-
android:text="上一张图片" ? 默认显示文字
-
android:enabled="false" ? 默认为不可使用
-
android:layout_width="wrap_content" ? 组件宽度为文字宽度
-
android:layout_height="wrap_content"/> ? 组件高度为文字高度
-
<Button ? 按钮组件
-
android:id="@+id/butNext" ? 组件ID,程序中使用
-
android:text="下一张图片" ? 默认显示文字
-
android:enabled="true" ? 默认为可以使用
-
android:layout_width="wrap_content" ? 组件宽度为文字宽度
-
android:layout_height="wrap_content"/> ? 组件高度为文字高度
-
</LinearLayout>
-
</LinearLayout>
-
package org.lxh.demo;
-
import android.app.Activity;
-
import android.os.Bundle;
-
import android.view.View;
-
import android.view.View.OnClickListener;
-
import android.view.animation.AnimationUtils;
-
import android.widget.Button;
-
import android.widget.ImageSwitcher;
-
import android.widget.ImageView;
-
import android.widget.LinearLayout.LayoutParams;
-
import android.widget.ViewSwitcher.ViewFactory;
-
public class MyImageSwitcherDemo extends Activity {
-
private ImageSwitcher myImageSwitcher = null; // 图片切换
-
private Button butPrevious = null; // 按钮组件
-
private Button butNext = null; // 按钮组件
-
private int[] imgRes = new int[] { R.drawable.ispic_a, R.drawable.ispic_b,
-
R.drawable.ispic_c, R.drawable.ispic_d, R.drawable.ispic_e }; // 资源图片ID
-
private int foot = 0; // 资源读取位置
-
@Override
-
public void onCreate(Bundle savedInstanceState) {
-
super.onCreate(savedInstanceState);
-
super.setContentView(R.layout.main); // 调用布局管理器
-
this.myImageSwitcher = (ImageSwitcher) super
-
.findViewById(R.id.myImageSwitcher); // 取得组件
-
this.butPrevious = (Button) super.findViewById(R.id.butPrevious); // 取得组件
-
this.butNext = (Button) super.findViewById(R.id.butNext) ; // 取得组件
-
this.myImageSwitcher.setFactory(new ViewFactoryImpl()); // 设置转换工厂
-
this.myImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
-
android.R.anim.fade_in)); // 设置动画
-
this.myImageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
-
android.R.anim.fade_out)); // 设置动画
-
this.myImageSwitcher.setImageResource(imgRes[foot++]) ; // 设置图片
-
this.butNext.setOnClickListener(new OnClickListenerNext()) ;// 设置事件
-
this.butPrevious.setOnClickListener(new OnClickListenerPrevious()) ;// 设置事件
-
}
-
private class OnClickListenerPrevious implements OnClickListener {
-
@Override
-
public void onClick(View v) {
-
MyImageSwitcherDemo.this.myImageSwitcher
-
.setImageResource(imgRes[foot--]); // 修改显示图片
-
MyImageSwitcherDemo.this.checkButEnable(); // 设置按钮状态
-
}
-
}
020708_图片切换:ImageSwitcher.ppt
阅读(1179) | 评论(0) | 转发(0) |