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

本文实例为大家分享了geSwitcher实现图片切换效果的具体代码，供大家参考，具体内容如下

从该名字就可以看出来，ImageSwitcher是一个图片切换控件，可以在一系列的图片中，逐张的显示特定的图片，利用该控件可以实现图片浏览器中的上一张，下一张的功能。其使用方法也较 为简单，不过需要注意的是ImageSwitcher在使用的时候需要一个ViewFactory，用来区分显示图片的容器和他的父窗口。

具体的用法直接看实例，照例，先上效果图

看看下一张的效果:

布局文件就不多谈了直接看MainActivity代码部分吧:

package com.kiritor.ui_imageswitcher; 

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;
/*注意，此处直接让该类实现ViewFactory和OnClickListener接口*/
public class MainActivity extends Activity implements ViewFactory, OnClickListener {
   /*获取图片资源集*/
   private static final Integer[] images = {
      R.drawable.first,
      R.drawable.second,
      R.drawable.third, 

   }; 

   private ImageSwitcher is;
   private Button btnPrev,btnNext;
   private static int index = 0;
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    /*通过ID获取控件*/
    is = (ImageSwitcher) findViewById(R.id.image_switchter);
    btnPrev = (Button) findViewById(R.id.pre);
    btnNext = (Button) findViewById(R.id.next); 

    is.setFactory(this);//设置ImageSwitcher所需的ViewFactory
    is.setImageResource(images[index]);//设置初始的图片资源
    /*由于本类实现了OnClickListen而接口，所以这里参数可以直接用this*/
    btnPrev.setOnClickListener(this);
    btnNext.setOnClickListener(this);
  }
  /*因为实现了接口，需要实现接口中未实现的方法*/
   public void onClick(View v) {
      switch(v.getId()){
      case R.id.next:
         index++;
         if(index>=images.length){
           index = 0;
         }
         is.setImageResource(images[index]);
         break;
      case R.id.pre:
         index--;
         if(index<0){
           index = images.length - 1;
         }
         is.setImageResource(images[index]);
         break;
      default:
         break;
      }
   }
   /**
    * 该方法返回一个View的实例
    * 这个实例就是要在ImageSwitcher中所显示的
    * 此处就用ImageView来显示内容
    * 所以直接返回一个新的ImageView的实例
    */
   public View makeView() {
      return new ImageView(this);
   }
}

以上代码中需要注意的是：

1. 本类实现了两个接口，于是在类中就要实现这两个接口中的方法，而这样写的好处在于：
便于重用，之后的代码中在需要用到这两个接口的地方，可以直接用this关键字。

2.images作为一个整型数组静态常量，里面存放的，是所有图片的ID，这需要将图片复制到res目录下的drawable目录下。

3.setFactory()方法告诉系统，ImageSwitcher要以什么样子来显示内容，而setImageSource()则告诉系统，要显示的那些图片从哪里获得。

4. makeView()方法是ViewFactory接口定义的方法，该方法返回一个View，而ImageSwitcher就会按照这个View的布局来显示内容。

好了一个简单的图片浏览器就算完成了!

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

您可能感兴趣的文章:

  • Android常用控件ImageSwitcher使用方法详解
  • Android之ImageSwitcher的实例详解
  • Android控件ImageSwitcher实现左右图片切换功能
  • 很赞的引导界面效果Android控件ImageSwitcher实现
  • Android基于ImageSwitcher实现图片切换功能
  • Android入门之Gallery+ImageSwitcher用法实例解析
  • Android高级组件ImageSwitcher图像切换器使用方法详解
赞 (0)

相关推荐

  • Android高级组件ImageSwitcher图像切换器使用方法详解

    Android高级组件ImageSwitcher图像切换器使用方法详解

    图像切换器(ImageSwitcher),用于实现类似于Windows操作系统的"Windows照片查看器"中的上一张.下一张切换图片的功能.在使用ImageSwitcher时,必须实现ViewSwitcher.ViewFactory接口,并通过makeView()方法来创建用于显示图片的ImageView.makeView()方法将返回一个显示图片的ImageView.在使用图像切换器时,还有一个方法非常重要,那就是setImageResource方法,该方法用于指定要在ImageS

  • 很赞的引导界面效果Android控件ImageSwitcher实现

    很赞的引导界面效果Android控件ImageSwitcher实现

    本文实例为大家分享了Android控件ImageSwitcher实现引导界面的代码,供大家参考,具体内容如下 效果图: 布局代码: <?xml version="1.0" encoding="UTF-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent&

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

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

    图像切换器使用ImageSwitcher表示,用于实现类似于Windows操作系统下的"Windows照片查看器"中的上一张.下一张切换图片的功能.在使用ImageSwitcher时,必须实现ViewSwitcher.ViewFactory接口,并通过makeView()方法创建用于显示图片的ImageView对象.makeView()方法将返回一个显示图片的ImageView.在使用ImageSwitcher组件时,还有一个非常重要的方法,那就是setImageResource()方

  • Android之ImageSwitcher的实例详解

    Android之ImageSwitcher的实例详解

    Android之ImageSwitcher的实例详解 一. 简单示例 实例代码: public class AndroidUIActivity extends Activity { // 当前显示的图片索引 private int index; // 图片数组 private int[] images = { R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4, R.drawable.image5

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

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

    继上一篇介绍了如何使用Gallery控件之后,本文就来讲一下Gallery 与ImageSwitcher的结合使用.本文所述实例代码将实现一个简单的浏览图片的功能. 先贴出程序运行截图如下: 除了Gallery可以拖拉切换图片,我在ImageSwitcher控件加入了setOnTouchListener事件实现,使得ImageSwitcher也可以在拖拉中切换图片.本例子依然使用JAVA的反射机制来自动读取资源中的图片. main.xml的源码如下: <?xml version="1.0&

  • Android控件ImageSwitcher实现左右图片切换功能

    Android控件ImageSwitcher实现左右图片切换功能

    ImageSwitcher类是ViewSwitcher类的子类,它实现的效果是在完成ImageView的切换并且带有动画效果.要使用这个类需要以下两个步骤: 1)为ImageSwitcher类提供一个ViewFactory,该ViewFactory生成的View组件必须是ImageView. 2)需要切换的时候,只需要嗲用ImageSwitcher的setImageDrawable().setImageResource().setImageURL()方法即可实现切换. activity_main

  • Android基于ImageSwitcher实现图片切换功能

    Android基于ImageSwitcher实现图片切换功能

    左右切换图片控件大家都用ViewPager, ViewFipper比较多吧,我之前也用ViewPager实现了,使用ViewPager实现左右循环滑动图片,有兴趣的可以去看下,今天介绍的是基于ImageSwitcher实现的左右切换图片,先上截图吧 好了,接下来来看代码吧,第一张图是一个GridView,点击item跳转到第二个界面,第一个界面可以忽略,主要是讲解ImageSwitcher的左右却换图片,先看布局文件 <?xml version="1.0" encoding=&q

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

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

    本文实例为大家分享了geSwitcher实现图片切换效果的具体代码,供大家参考,具体内容如下 从该名字就可以看出来,ImageSwitcher是一个图片切换控件,可以在一系列的图片中,逐张的显示特定的图片,利用该控件可以实现图片浏览器中的上一张,下一张的功能.其使用方法也较 为简单,不过需要注意的是ImageSwitcher在使用的时候需要一个ViewFactory,用来区分显示图片的容器和他的父窗口. 具体的用法直接看实例,照例,先上效果图 看看下一张的效果: 布局文件就不多谈了直接看Main

  • Android UI控件RatingBar实现自定义星星评分效果

    Android UI控件RatingBar实现自定义星星评分效果

    本文实例为大家分享了Android RatingBar星星评分效果的具体代码,供大家参考,具体内容如下 继承关系 AppCompatRatingBar 效果图 xml <RatingBar style="@android:style/Widget.DeviceDefault.RatingBar.Small" android:layout_width="wrap_content" android:layout_height="wrap_content&

  • Android UI控件之ListView实现圆角效果

    Android UI控件之ListView实现圆角效果

    今天在Android群里面有人再求圆角ListView的实现方式,正好自己以前实现过.因此就共享了现在将其实现方式写在博客中共他人学习.给出实现方式之前顺带加点自己的想法,感觉上android中方形的ListView还是太"硬性",没有圆角的有亲和力.连Apple也为了"圆角"这个设计去申请专利. 看来圆角确实比较适合现在人们的喜好吧. 照老规矩先上两张效果图吧: 第一张: 第二张: 该方式主要就是需要重新去实现自己的ListView代码如下: package co

  • Android UI控件之Spinner下拉列表效果

    Android UI控件之Spinner下拉列表效果

    下拉列表---Spinner用于显示列表项,类似于一组单选按钮RadioButton.Spinner的使用,可以极大的提升用户的体验性.当需要用户选择的时候,可以提供一个下拉列表项给用户选择. 具体来说下拉列表是如何实现的呢? 通过查阅API知道Spinner继承AdapterView,因此它的数据源需要通过Adapter实现. 一般来说Spinner的数据源可以是数组,也可以是一个XML文件. 一.以数组作为数据源 这种实现方式比较简单,先上效果图: xml文件代码; <LinearLayou

  • Android UI控件Switch的使用方法

    Android UI控件Switch的使用方法

    在Android中偶尔会用到开关,Switch就是一个简单易使用的不错的控件. 首先,在布局中添加上Switch控件: <Switch android:id="@+id/s_v" android:layout_width="wrap_content" android:layout_height="wrap_content" android:switchMinWidth="20dp" android:textOn=&quo

  • ASP.NET 控件开发系列之图片切换web控件

    ASP.NET 控件开发系列之图片切换web控件

    贴出来控件页面的代码. PicList.ascx 复制代码 代码如下: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="PicList.ascx.cs" Inherits="WebParts_PicList" %> <style type="text/css"> /* Reset style */ * { marg

  • Android UI控件之Gallery实现拖动式图片浏览效果

    Android UI控件之Gallery实现拖动式图片浏览效果

    我们知道现在智能手机上都有这样一种功能,就是你在浏览图片的时候.不是硬性的点击按钮而是可以实现手指的拖动,划开效果.使用户具有更好的交互体验,不过这种效果是如何实现的呢? 在Android中是通过Gallery来实现拖动效果的. 通过Gallery可以实现各种各样的效果,此篇文章只是简要谈谈他的用法,至于后续的一些效果 有机会的时候做一个整理. 首先看看其简单实现吧!本次实例是通过选取图片实现类似设置背景的功能! 不过需要说明的是:图片不宜过大,否则容易内存溢出,android对大图片的支持不好

  • Android使用控件ImageView加载图片的方法

    在 Android 加载图片一般使用 ImageView,这里简单记录一下这个控件的使用方法. 最简单就是在 xml 里直接使用 ImageView 标签: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="

  • Android UI控件之ProgressBar进度条

    Android UI控件之ProgressBar进度条

    我们知道在所有的界面UI中进度条无疑是非常重要的一个,因为它可以给用户一个较为清晰的视觉效果:就是用户的操作的完成情况.这不是简单的完成与未完成,而是以一个进度的方式展示给用户的交互性更强了. 对于Android系统中的进度条如何使用呢?下一是简单的实现,并未做相关的美化处理. 依照惯例,先上效果图: 第一张: 第二张: 其中两个原型的进度条并未做任何的处理,水平进度条利用线程使之不停地增加减少. 具体实现首先看布局文件: <LinearLayout xmlns:android="http

  • Android UI控件ExpandableListView基本用法详解

    Android UI控件ExpandableListView基本用法详解

    ExpandableListView介绍  ExpandableListView的引入  ExpandableListView可以显示一个视图垂直滚动显示两级列表中的条目,这不同于列表视图(ListView).ExpandableListView允许有两个层次:一级列表中有二级列表.  比如在手机设置中,对于分类,有很好的效果.手机版QQ也是这样的效果. 使用ExpandableListView的整体思路 (1)给ExpandableListView设置适配器,那么必须先设置数据源. (2)数据

随机推荐