`
rayln
  • 浏览: 430544 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ImageSwitcher控件

 
阅读更多
转载:http://www.cnblogs.com/webabcd/archive/2010/01/27/1657171.html
ImageSwitcher用于图片显示

如图:



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <Gallery android:id="@+id/gallery" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:spacing="20px" />

    <!--
        ImageSwitcher - 图片转换器控件(改变图片时增加一些动画效果)
    -->
    <ImageSwitcher android:id="@+id/imageSwitcher"
        android:layout_width="fill_parent" android:layout_height="wrap_content" />

</LinearLayout>


package com.imageswitcher;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;
import android.widget.Gallery.LayoutParams;

// 图片转换器的使用基本同文字转换器
// 以下是一个用 ImageSwitcher + Gallery 实现的经典的图片浏览器的 Demo
public class ImageswitcherActivity extends Activity implements
        ViewSwitcher.ViewFactory {

    private ImageSwitcher mSwitcher;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.main);

        setTitle("ImageSwithcer");

        mSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
        mSwitcher.setFactory(this);
        mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_in));
        mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_out));

        Gallery gallery = (Gallery) findViewById(R.id.gallery);
        gallery.setAdapter(new ImageAdapter(this));
        gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View v,
                    int position, long id) {
                mSwitcher.setImageResource(mImageIds[position]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> arg0) {

            }
        });
    }

    public class ImageAdapter extends BaseAdapter {

        private Context mContext;

        public ImageAdapter(Context context) {
            mContext = context;
        }

        public int getCount() {
            return mThumbIds.length;
        }

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

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

        public View getView(int position, View convertView, ViewGroup parent) {
            ImageView image = new ImageView(mContext);

            image.setImageResource(mThumbIds[position]);
            image.setAdjustViewBounds(true);
            image.setLayoutParams(new Gallery.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

            return image;
        }
    }

    private Integer[] mThumbIds = { R.drawable.icon01, R.drawable.icon02,
            R.drawable.icon03};

    private Integer[] mImageIds = { R.drawable.icon01, R.drawable.icon02,
            R.drawable.icon03};

    @Override
    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;
    }
}


分享到:
评论

相关推荐

    Android常用控件ImageSwitcher使用方法详解

    Android ImageSwitcher 控件使用方法详解 Android ImageSwitcher 控件是 Android 平台上的一种常用的控件,用于实现类似于 Windows 操作系统下的“Windows 照片查看器”中的上一张、下一张切换图片的功能。下面将...

    Imageswitcher和Gallery实现同步

    在Android开发中,`ImageSwitcher` 和 `Gallery` 是两个非常重要的组件,它们主要用于展示图像,特别是用于创建滑动浏览图片的用户界面。`ImageSwitcher` 是一个视图切换器,通常用来显示两张图片之间的平滑过渡,而...

    Android之ImageSwitcher的实例详解

    首先,我们需要了解ImageSwitcher控件的基本概念。ImageSwitcher是一个ViewGroup,它可以容纳多个子视图,并提供了一些方法来控制子视图的显示和切换。ImageSwitcher可以用来实现图片轮播、图片展示等功能。 接下来...

    Android UI控件之ImageSwitcher实现图片切换效果

    1. 首先,在布局文件中添加ImageSwitcher控件,并设置其ID。 2. 在Activity中获取ImageSwitcher控件,并设置其ViewFactory。 3. 在ViewFactory中实现makeView()方法,用于创建图片显示的容器。 4. 在Activity中设置...

    Android 学习(20)ImageSwitcher 和 Gallery

    1. 在XML布局文件中添加ImageSwitcher控件,并设置相应的属性,如id、width、height等。 2. 在代码中获取到ImageSwitcher实例,设置动画效果,Android提供了TransitionAnimation和InAnimation两种类型的动画。 3. ...

    imageSwitcher2

    总之,Android的ImageSwitcher控件是一个强大的工具,可以为应用增添生动的图片展示效果。通过结合其他的布局和组件,如Gallery,你可以构建出各种各样的图片浏览界面,为用户提供丰富的交互体验。

    Android的三种动画图形编程

    在“演示Android中的文字和图片特效控件的使用”资源中,讲是的TextSwitcher控件、Gallery控件和ImageSwitcher控件的特效实现。而这个资源演示的是android的动画编程,本示例针对图片和ListView控件实现动画。本人...

    用Gallery和ImageSwitcher显示从SD卡中获得略缩图和大图

    本教程将详细讲解如何使用Gallery组件和ImageSwitcher控件来显示SD卡中的图片,包括获取图片的缩略图和全尺寸大图。下面我们将按照描述中的三个主要步骤逐一解析。 **1. 从SD卡获取照片** 在Android中,SD卡是存储...

    ImageSwitcher

    在Android开发中,`ImageSwitcher`是一个非常实用的原生控件,它主要用于实现图片的切换效果,常被用于类似相册应用或者轮播图展示等场景。这个控件结合了`ImageView`和`ViewSwitcher`的功能,能够平滑地在不同的...

    Android入门之Gallery+ImageSwitcher用法实例解析

    除了Gallery可以拖拉切换图片,我在ImageSwitcher控件加入了setOnTouchListener事件实现,使得ImageSwitcher也可以在拖拉中切换图片。本例子依然使用JAVA的反射机制来自动读取资源中的图片。 main.xml的源码如下: &...

    Android开发视频教程ImageSwitcher图片切换控件的使用.zip

    Android开发视频教程ImageSwitcher图片切换控件的使用.zip

    ImageSwitcherDemo:Android ImageSwitcher 组件示例

    ImageSwitcherDemoAndroid ImageSwitcher component sampleAndroid中的ImageSwitcher控件的使用示例,使用ImageSwitcher控件来实现图片的左右滑动功能

    Android控件ImageSwitcher图片切换器

    在Android开发中,ImageSwitcher是一个非常实用的控件,用于在不同的图片之间进行平滑切换,常用于实现类似轮播图或者加载网络图片的效果。它继承自ViewSwitcher,并且内部包含了两个ImageView,用于显示不同的图片...

    Android实现幻灯片式图片浏览器

    最下面一个画廊视图,选中画廊中的图片,会在上面的ImageSwitcher控件中显示大图。 效果图如图 实现方法: 在布局文件中添加图片切换控件ImageSwitcher和画廊视图控件Gallery res/layout/main.xml: &lt;?xml ...

    imageswitcher和gallery组合应用案例源码

    本案例源码是将这两个组件结合使用,为用户提供了在主页上滚动浏览小图片,然后点击小图放大显示在 `ImageSwitcher` 控件上的功能。这种设计模式在许多应用程序的首页或相册界面中很常见,能够提供流畅且直观的用户...

    Galley-ImageSwitcher配合使用,可实现滑动选择头像效果

    `Galley`和`ImageSwitcher`是两个非常有用的控件,它们可以协同工作,为用户提供流畅的头像选择体验。本教程将详细介绍如何利用这两个控件实现滑动选择头像的效果。 `Galley`控件是Android SDK中的一个图像浏览组件...

Global site tag (gtag.js) - Google Analytics