Chinaunix首页 | 论坛 | 博客
  • 博客访问: 7678885
  • 博文数量: 961
  • 博客积分: 15795
  • 博客等级: 上将
  • 技术积分: 16612
  • 用 户 组: 普通用户
  • 注册时间: 2010-08-07 14:23
文章分类

全部博文(961)

文章存档

2016年(1)

2015年(61)

2014年(41)

2013年(51)

2012年(235)

2011年(391)

2010年(181)

分类: Android平台

2015-11-23 14:14:02

ImageSwitcher组件的主要功能是完成图片的切换显示,例如用户在进行图片浏览的时候,可以通过按钮点击一张张的切换显示的图片,而且使用ImageSwitcher组件在每次切换的时候也可以为其增加一些动画的效果

点击(此处)折叠或打开

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout                    ?    线型布局
  3.     xmlns:android=""
  4.     android:id="@+id/MyLayout"            ?    布局管理器ID
  5.     android:orientation="vertical"             ?    所有组件垂直排列
  6.     android:layout_width="fill_parent"            ?    布局管理器宽度为屏幕宽度
  7.     android:layout_height="fill_parent">        ?    布局管理器高度为屏幕高度
  8.     <ImageSwitcher                ?    图片切换组件
  9.         android:id="@+id/myImageSwitcher"        ?    组件ID,程序中使用
  10.         android:layout_width="wrap_content"        ?    组件宽度为显示宽度
  11.         android:layout_height="wrap_content"/>        ?    组件高度为显示高度
  12.     <LinearLayout                ?    内嵌布局管理器
  13.         xmlns:android=""
  14.         android:orientation="horizontal"        ?    组件采用水平摆放
  15.         android:layout_width="fill_parent"        ?    布局管理器宽度为屏幕宽度
  16.         android:layout_height="fill_parent">        ?    布局管理器高度为屏幕高度
  17.         <Button                ?    按钮组件
  18.             android:id="@+id/butPrevious"    ?    组件ID,程序中使用
  19.             android:text="上一张图片"        ?    默认显示文字
  20.             android:enabled="false"        ?    默认为不可使用
  21.             android:layout_width="wrap_content"    ?    组件宽度为文字宽度
  22.             android:layout_height="wrap_content"/>    ?    组件高度为文字高度
  23.         <Button                ?    按钮组件
  24.             android:id="@+id/butNext"        ?    组件ID,程序中使用
  25.             android:text="下一张图片"        ?    默认显示文字
  26.             android:enabled="true"        ?    默认为可以使用
  27.             android:layout_width="wrap_content"    ?    组件宽度为文字宽度
  28.             android:layout_height="wrap_content"/>    ?    组件高度为文字高度
  29.     </LinearLayout>
  30. </LinearLayout>

点击(此处)折叠或打开

  1. package org.lxh.demo;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.view.View.OnClickListener;
  6. import android.view.animation.AnimationUtils;
  7. import android.widget.Button;
  8. import android.widget.ImageSwitcher;
  9. import android.widget.ImageView;
  10. import android.widget.LinearLayout.LayoutParams;
  11. import android.widget.ViewSwitcher.ViewFactory;
  12. public class MyImageSwitcherDemo extends Activity {
  13.     private ImageSwitcher myImageSwitcher = null;            // 图片切换
  14.     private Button butPrevious = null;                // 按钮组件
  15.     private Button butNext = null;                // 按钮组件
  16.     private int[] imgRes = new int[] { R.drawable.ispic_a, R.drawable.ispic_b,
  17.             R.drawable.ispic_c, R.drawable.ispic_d, R.drawable.ispic_e };    // 资源图片ID
  18.     private int foot = 0;                     // 资源读取位置
  19.     @Override
  20.     public void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate(savedInstanceState);
  22.         super.setContentView(R.layout.main);            // 调用布局管理器
  23.         this.myImageSwitcher = (ImageSwitcher) super
  24.                 .findViewById(R.id.myImageSwitcher);    // 取得组件
  25.         this.butPrevious = (Button) super.findViewById(R.id.butPrevious);    // 取得组件
  26.         this.butNext = (Button) super.findViewById(R.id.butNext) ;    // 取得组件
  27.         this.myImageSwitcher.setFactory(new ViewFactoryImpl());    // 设置转换工厂
  28.         this.myImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
  29.                 android.R.anim.fade_in));        // 设置动画
  30.         this.myImageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
  31.                 android.R.anim.fade_out));        // 设置动画
  32.         this.myImageSwitcher.setImageResource(imgRes[foot++]) ;    // 设置图片
  33.         this.butNext.setOnClickListener(new OnClickListenerNext()) ;// 设置事件
  34.         this.butPrevious.setOnClickListener(new OnClickListenerPrevious()) ;// 设置事件
  35.     }
  36.      private class OnClickListenerPrevious implements OnClickListener {
  37.         @Override
  38.         public void onClick(View v) {
  39.             MyImageSwitcherDemo.this.myImageSwitcher
  40.                     .setImageResource(imgRes[foot--]);    // 修改显示图片
  41.             MyImageSwitcherDemo.this.checkButEnable();         // 设置按钮状态
  42.         }
  43.     }
020708_图片切换:ImageSwitcher.ppt

阅读(1165) | 评论(0) | 转发(0) |
0

上一篇:Toast组件

下一篇:TextSwitcher

给主人留下些什么吧!~~