当前位置: 首页 > 编程笔记 >

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

乌甫
2023-03-14
本文向大家介绍Android控件ImageSwitcher实现左右图片切换功能,包括了Android控件ImageSwitcher实现左右图片切换功能的使用技巧和注意事项,需要的朋友参考一下

ImageSwitcher类是ViewSwitcher类的子类,它实现的效果是在完成ImageView的切换并且带有动画效果。要使用这个类需要以下两个步骤:

1)为ImageSwitcher类提供一个ViewFactory,该ViewFactory生成的View组件必须是ImageView。

2)需要切换的时候,只需要嗲用ImageSwitcher的setImageDrawable()、setImageResource()、setImageURL()方法即可实现切换。

activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity" >

  <ImageSwitcher
    android:id="@+id/imageswitcher"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_gravity="center_horizontal" />

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <Button
      android:id="@+id/back"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:text="back" />

    <Button
      android:id="@+id/forward"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentRight="true"
      android:text="forward" />
  </RelativeLayout>

</LinearLayout>

Main_activity.java:

package com.example.android_imageswitcher1;

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;

public class MainActivity extends Activity implements ViewFactory,
    OnClickListener {

  ImageSwitcher mImageSwitcher = null;
  Button btn1, btn2;
  int index = 0;
  int[] resId = new int[9];

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mImageSwitcher = (ImageSwitcher) this.findViewById(R.id.imageswitcher);
    btn1 = (Button) this.findViewById(R.id.back);
    btn2 = (Button) this.findViewById(R.id.forward);
    btn1.setOnClickListener(this);
    btn2.setOnClickListener(this);
    mImageSwitcher.setFactory(this);
    mImageSwitcher.setInAnimation(this, android.R.anim.slide_in_left);
    mImageSwitcher.setOutAnimation(this, android.R.anim.slide_out_right);
    initResources();
    if (resId.length > 0) {
      mImageSwitcher.setImageResource(resId[0]);
    }
  }

  public void initResources() {
    resId[0] = R.drawable.adobe;
    resId[1] = R.drawable.android;
    resId[2] = R.drawable.circle;
    resId[3] = R.drawable.digg;
    resId[4] = R.drawable.flower;
    resId[5] = R.drawable.gmail;
    resId[6] = R.drawable.imdb;
    resId[7] = R.drawable.photo;
    resId[8] = R.drawable.point;
  }

  @Override
  public View makeView() {
    return new ImageView(MainActivity.this);
  }

  @Override
  public void onClick(View view) {
    int action = view.getId();
    switch (action) {
    case R.id.back:
      index--;
      if (index < 0) {
        index = resId.length - 1;
      }
      mImageSwitcher.setImageResource(resId[index]);
      break;
    case R.id.forward:
      index++;
      if (index > resId.length - 1) {
        index = 0;
      }
      mImageSwitcher.setImageResource(resId[index]);
      break;
    default:
      break;
    }

  }

}

实现的效果如下:

以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助。

 类似资料:
  • 本文向大家介绍Android UI控件之ImageSwitcher实现图片切换效果,包括了Android UI控件之ImageSwitcher实现图片切换效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了geSwitcher实现图片切换效果的具体代码,供大家参考,具体内容如下 从该名字就可以看出来,ImageSwitcher是一个图片切换控件,可以在一系列的图片中,逐张的显示特定的

  • 本文向大家介绍js实现多图左右切换功能,包括了js实现多图左右切换功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js多图左右切换功能,供大家参考,具体内容如下 效果图:  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于javascript实现图片左右切换效果,包括了基于javascript实现图片左右切换效果的使用技巧和注意事项,需要的朋友参考一下 本文实例介绍了javascript实现图片左右切换效果的详细代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: 以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

  • 本文向大家介绍jQuery实现左右切换焦点图,包括了jQuery实现左右切换焦点图的使用技巧和注意事项,需要的朋友参考一下 演示图: 代码: 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍Android ViewPager撤消左右滑动切换功能实现代码,包括了Android ViewPager撤消左右滑动切换功能实现代码的使用技巧和注意事项,需要的朋友参考一下 最近做项目要求某种情况下ViewPager不能滑动,那么我们只需要重写这个方法就可以禁止ViewPager滑动。下面通过本文给大家ViewPager取消左右滑动切换功能的实例代码,具体代码如下所示: IndexV

  • 本文向大家介绍Android开发之使用ViewPager实现图片左右滑动切换效果,包括了Android开发之使用ViewPager实现图片左右滑动切换效果的使用技巧和注意事项,需要的朋友参考一下 Android中图片的左右切换随处可见,今天我也试着查阅资料试着做了一下,挺简单的一个小Demo,却也发现了一些问题,话不多说,上代码~: 使用了3个xml文件作为ViewPager的滑动page,布局都