iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android控件ImageSwitcher实现左右图片切换功能
  • 152
分享到

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

图片Android 2022-06-06 08:06:21 152人浏览 薄情痞子
摘要

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

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入门之Gallery+ImageSwitcher用法实例解析很赞的引导界面效果Android控件ImageSwitcher实现Android常用控件ImageSwitcher使用方法详解Android基于ImageSwitcher实现图片切换功能Android UI控件之ImageSwitcher实现图片切换效果Android高级组件ImageSwitcher图像切换器使用方法详解Android之ImageSwitcher的实例详解基于Android实现保存图片到本地并可以在相册中显示出来android获取相册图片和路径的实现方法Android ViewPager相册横向移动的实现方法Android开发之ImageSwitcher相册功能实例分析


--结束END--

本文标题: Android控件ImageSwitcher实现左右图片切换功能

本文链接: https://www.lsjlt.com/news/24978.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android实现左右滑动切换图片
    简要说明 本文采用ImageSwitcher实现左右滑动切换图片。首先调用setFactory方法,设置视图工厂;然后设置手指触碰监听,判断左滑右滑进而切换图片。 本地图片 xml ...
    99+
    2024-04-02
  • Android怎么实现左右滑动切换图片
    这篇文章主要介绍“Android怎么实现左右滑动切换图片”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android怎么实现左右滑动切换图片”文章能帮助大家解决问题。简要说明本文采用ImageSwi...
    99+
    2023-06-30
  • Androidstudio实现左右滑动切换图片
    本文实例为大家分享了Android studio实现左右滑动切换图片的具体代码,供大家参考,具体内容如下 切换图片首先要使用到图片切换器ImageSwitcher 先了解一下Imag...
    99+
    2024-04-02
  • JavaScript实现左右点击切换图片
    本文实例为大家分享了JavaScript实现左右点击切换图片的具体代码,供大家参考,具体内容如下 效果: HTML <!DOCTYPE html> <html&...
    99+
    2024-04-02
  • 怎么用Android studio实现左右滑动切换图片
    今天小编给大家分享一下怎么用Android studio实现左右滑动切换图片的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2023-06-30
  • Vue.js实现点击左右按钮图片切换
    本文实例为大家分享了Vue.js实现点击左右按钮图片切换的具体代码,供大家参考,具体内容如下 关于图片切换,网上也有很多的说法,这边通过参考给出了如下所示的解决方案 效果: htm...
    99+
    2024-04-02
  • Android使用ViewFlipper实现图片切换功能
    今天给大家简单的讲一下Android手势,目前市场上的App中手势的运用比较少。 Android提供了两种手势: ①.Android提供了手势检测,并为手势检测提供了相应的监听器 ②.Android允许开发者添加手势,并提供了相应的API识...
    99+
    2023-05-30
    android viewflipper 图片切换
  • android怎么实现页面左右切换
    Android中可以通过ViewPager实现页面的左右切换。以下是实现步骤:1. 在XML布局文件中添加ViewPager控件:`...
    99+
    2023-08-18
    android
  • android如何实现页面左右切换
    Android中实现页面左右切换可以通过ViewPager来实现。具体步骤如下:1. 在布局文件中添加ViewPager控件:```...
    99+
    2023-08-09
    android
  • Android编程实现的首页左右滑动切换功能示例
    本文实例讲述了Android编程实现的首页左右滑动切换功能。分享给大家供大家参考,具体如下:很多软件会选择左右滑动的主界面,实现方式也很多,这里的仅供参考,勿喷。不多说什么了,相信大家看看代码就明白,自己也不善言辞,望大家谅解。自定义接口,...
    99+
    2023-05-30
    android 滑动 切换
  • Vue.js实现图片切换功能
    本文实例为大家分享了Vue.js实现图片切换功能的具体代码,供大家参考,具体内容如下 实现功能如下 文件目录如下,要实现本功能只需要修改图片的存储位置即可 代码如下 <...
    99+
    2024-04-02
  • 使用C#中的PictureBox控件实现图片切换功能
    C#如何使用PictureBox图片控件实现图片交换,需要具体代码示例 在C#应用程序开发中,PictureBox是一个常用的图片控件,可以用于显示和处理图像。实现图片的交换功能,即在...
    99+
    2024-02-26
    c#编程c# 图片控件 图片交换 点击事件
  • android左右滑动切换效果怎么实现
    在Android中,可以通过使用ViewPager组件来实现左右滑动切换效果。 首先,在XML布局文件中添加一个ViewPager组...
    99+
    2023-10-23
    android
  • javascript实现点击图片切换功能
    本文实例为大家分享了javascript实现点击图片切换的具体代码,供大家参考,具体内容如下 实现效果:图片点击切换 代码: <!DOCTYPE html> <h...
    99+
    2024-04-02
  • JavaScript怎么实现左右全屏大图焦点图幻灯片切换效果
    这篇“JavaScript怎么实现左右全屏大图焦点图幻灯片切换效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下...
    99+
    2024-04-02
  • android怎么实现点击图片切换图片
    在 Android 中,可以通过给 ImageView 添加点击事件来实现点击图片切换图片的功能。下面是一个示例代码:1. 在 XM...
    99+
    2023-08-18
    android
  • vue.js+elementUI怎么实现点击左右箭头切换头像功能
    这篇文章主要介绍了vue.js+elementUI怎么实现点击左右箭头切换头像功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1.效果图如...
    99+
    2024-04-02
  • 常用相册图片左右点击切换轮播js特效怎么实现
    这篇文章主要讲解了“常用相册图片左右点击切换轮播js特效怎么实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“常用相册图片左右点击切换轮播js特效怎么实现”...
    99+
    2024-04-02
  • Java实现图片切割功能
    本文实例为大家分享了Java实现图片切割功能的具体代码,供大家参考,具体内容如下 工具类 package com.xudaolong.Utils; import javax.ima...
    99+
    2024-04-02
  • Vue实现裁切图片功能
    本文实例为大家分享了Vue实现裁切图片的具体代码,供大家参考,具体内容如下 项目需求做一个身份证的裁切功能 原生开发的话,这种功能挺容易实现的 Web的没有做过相关功能,百度了一下...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作