`

ImageSwitcher&Gallery练习

阅读更多
先看图再说:


布局如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    
    <ImageSwitcher android:id="@+id/switcher"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
    />
    
    <Gallery android:id="@+id/gallery"
        android:background="#55000000"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        
        android:gravity="center_vertical"
        android:spacing="5dp"
    />
</RelativeLayout>


View:
package com.dc.app;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ViewSwitcher.ViewFactory;

import com.dc.adapter.ImageAdapter;

public class App extends Activity implements ViewFactory{
	
	ImageAdapter adapter;
	ImageSwitcher switcher;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);
        switcher=(ImageSwitcher)findViewById(R.id.switcher);
        switcher.setFactory(this);
      //系统的anim中的fade_in.xml 
        switcher.setInAnimation(AnimationUtils.loadAnimation(this, 
                android.R.anim.fade_in)); 
        //系统的anim中的fade_out.xml 
        switcher.setOutAnimation(AnimationUtils.loadAnimation(this, 
                android.R.anim.fade_out)); 
        
        Gallery gallery=(Gallery)findViewById(R.id.gallery);
        adapter=new ImageAdapter(this);
        switcher.setImageResource(adapter.images[0]); 
        gallery.setAdapter(adapter);
//        gallery.setOnItemSelectedListener(new OnItemSelectedListener() {
//
//			@Override
//			public void onItemSelected(AdapterView<?> parent, View view, int position,
//					   long id) {
//				// TODO Auto-generated method stub
//				  switcher.setImageResource(adapter.images[position]); 
//			}
//
//			@Override
//			public void onNothingSelected(AdapterView<?> parent) {
//				// TODO Auto-generated method stub
//				Toast.makeText(App.this, "please select one", Toast.LENGTH_LONG).show();
//			}
//		});
        gallery.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view, int position,
					   long id) {
				// TODO Auto-generated method stub
				switcher.setImageResource(adapter.images[position]); 
			}
		});
        
       
        
    }

	@Override
	public View makeView() {
		// TODO Auto-generated method stub
		return new ImageView(this);
	}
}

适配器:
package com.dc.adapter;

import com.dc.app.R;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {

	Context context;
	public Integer[] images={
			R.drawable.icon,
			R.drawable.image_0,
			R.drawable.image_1,
			R.drawable.image_2,
			R.drawable.image_3,
			R.drawable.image_4,
			R.drawable.image_5,
			R.drawable.image_6,
			R.drawable.image_7,
			R.drawable.image_8,
			R.drawable.image_9,
			};
	
	public ImageAdapter(Context context){
		this.context=context;
	}
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return images.length;
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		ImageView imageView=new ImageView(context);
		imageView.setImageResource(images[position]);
//		imageView.setLayoutParams(new Gallery.LayoutParams(120, 100));
		imageView.setMaxWidth(120);
		imageView.setMaxHeight(100);
		imageView.setAdjustViewBounds(true);
		imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
		return imageView;
	}

}

  • 大小: 119.5 KB
分享到:
评论
1 楼 tifang 2011-08-31  
我用这个代码的时候会报错, switcher.setFactory(this);  

相关推荐

    ImageSwitcher 和 Gallery 的结合使用

    在Android开发中,ImageSwitcher和Gallery是两个非常实用的组件,它们可以帮助开发者实现丰富的图像展示功能。ImageSwitcher主要用于在不同的图片之间进行平滑切换,而Gallery则提供了一个可以左右滑动浏览多个图片...

    Imageswitcher和Gallery实现同步

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

    android Gallery + ImageSwitcher

    ### Android Gallery + ImageSwitcher详解 在Android开发中,`Gallery` 和 `ImageSwitcher` 是两个用于展示图像集合和实现图像切换效果的重要组件。它们各自具有独特的优势,结合使用时,可以创建出功能丰富、视觉...

    ImageSwitcher和Gallery浏览图片

    ### ImageSwitcher与Gallery在Android应用中的应用 #### 一、概述 在移动应用开发中,尤其是Android平台上的开发,为了提升用户体验,开发者们经常需要处理图像浏览功能。本篇文章将详细探讨如何利用`...

    imageswitcher和gallery组合应用案例源码

    在Android开发中,`ImageSwitcher` 和 `Gallery` 是两个非常重要的组件,它们常常被用来实现丰富的图像展示效果。本案例源码是将这两个组件结合使用,为用户提供了在主页上滚动浏览小图片,然后点击小图放大显示在 `...

    Gallery&ImageSwitcher;实现图片浏览效果

    `Gallery`组件和`ImageSwitcher`是Android SDK提供的一对强大的工具,可以帮助我们轻松构建滑动浏览图片的功能。下面我们将深入探讨这两个组件的工作原理和如何结合使用。 `Gallery`是Android中一个水平方向的滚动...

    本示例为Gallery 及ImageSwitcher组件用法

    在Android开发中,`Gallery`和`ImageSwitcher`是两个非常重要的UI组件,它们主要用于展示图像并提供用户交互。让我们深入探讨这两个组件的用法和功能。 `Gallery`组件: `Gallery`是一个水平滚动的视图,它可以展示...

    Android 学习(20)ImageSwitcher 和 Gallery

    在Android开发中,ImageSwitcher和Gallery是两个非常重要的控件,它们主要用于处理图像展示和交互,为用户提供丰富的视觉体验。这两个控件在构建动态、交互式的用户界面时发挥着关键作用。 ImageSwitcher是一个视图...

    imageswitcher和gallery组合,实现超炫壁纸切换功能

    在Android开发中,为了创建一个类似手机壁纸切换的动态效果,开发者经常会选择将`ImageSwitcher`和`Gallery`组件结合使用。`ImageSwitcher`是Android提供的一个用于展示图片并实现平滑过渡效果的视图,而`Gallery`则...

    通过ImageSwitcher和Gallery,在页面底部实现幻灯片样式浏览的图片,然后选中一张在ImageSwitcher里面放大显示图片

    在Android开发中,创建具有幻灯片效果的图片浏览功能是一项常见的需求,这通常涉及到`ImageSwitcher`和`Gallery`两个组件的结合使用。`ImageSwitcher`用于在两个视图之间切换,通常用于显示大图,而`Gallery`则提供...

    Gallery Imageswitcher切换图片demo

    在Android开发中,"Gallery Imageswitcher切换图片demo"是一个典型的图像展示与切换的应用实例,主要涉及了Gallery组件和ImageSwitcher两个核心元素。Gallery是一个可以横向滑动浏览的控件,而ImageSwitcher则是一个...

    Gallery和ImageSwitcher同步自动(滚动)播放图片库

    在Android开发中,`Gallery`和`ImageSwitcher`是两个常用的组件,它们分别用于展示图像集合和实现平滑的图像切换效果。本教程将详细讲解如何利用这两个组件实现一个同步自动滚动播放图片库的功能。 首先,让我们...

    Gallery and Imageswitcher

    在Android开发中,`Gallery`和`ImageSwitcher`是两个关键的UI组件,它们主要用于展示和交互图像。本文将深入探讨这两个组件的功能、用法以及如何在实际应用中实现图片的浏览效果。 首先,`Gallery`组件是Android...

    Gallery和imageSwitcher循环显示切换图像组件

    在Android开发中,展示图像的方式多种多样,其中`Gallery`和`ImageSwitcher`是两种常用的组件,尤其适用于实现图片的循环显示切换效果。这里,我们将深入探讨这两个组件的使用方法及其背后的原理。 首先,`Gallery`...

    利用Gallery结合ImageSwitcher实现的图片浏览小程序

    在这个实例中,我们将探讨如何利用`Gallery`组件和`ImageSwitcher`来实现一个简单的图片浏览小程序。`Gallery`是一个可以水平滚动的视图,通常用于展示一系列项目,而`ImageSwitcher`则是一个用于显示和切换图像的...

    gallery与ImageSwitcher组合使用

    在Android开发中,`Gallery`和`ImageSwitcher`是两个非常实用的UI组件,它们可以结合使用来创建丰富的图像浏览体验。`Gallery`组件是一个水平滚动的视图,可以展示多个项目,而`ImageSwitcher`则是一个用于在两张...

    ImageSwitcher

    ImageSwitcher是Android开发中一个不太常见的组件,主要用于在多个图像之间进行切换,通常用于实现类似轮播图或图片预览的功能。虽然它可能不像其他常见的UI组件那样广泛使用,但在某些特定场景下,它的功能非常实用...

    Gallery+ImageSwitcher组合显示图片

    在Android开发中,"Gallery+ImageSwitcher"是一种常见的组合方式,用于实现用户可以左右滑动查看图片的界面。这两个组件结合使用,可以创建出类似于相册应用的用户体验,让用户能够方便地浏览一系列图片。 首先,`...

    gallery+imageswitcher滑动切换照片简单demo

    在Android开发中,"gallery+imageswitcher滑动切换照片简单demo"是一个常见的应用场景,它涉及到用户界面(UI)设计和图像处理。这个Demo主要展示了如何使用Gallery组件和ImageSwitcher来实现图片的滑动切换效果,这...

    Gallery+imageswitcher

    在Android开发中,`Gallery`和`ImageSwitcher`是两个重要的组件,它们常用于实现图片浏览和切换功能。在本项目"Gallery+imageswitcher"中,开发者结合这两个组件,为用户创建了一个能够选择并查看图片的应用。下面将...

Global site tag (gtag.js) - Google Analytics