Android中使用imageviewswitcher 实现图片切换轮播导航的方法

前面写过了使用ViewFlipper和ViewPager实现屏幕中视图切换的效果（ViewPager未实现轮播）附链接：
ANDROID中使用VIEWFLIPPER类实现屏幕切换（关于坐标轴的问题已补充更改）
Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果
今天我们在换一种实现方式ImageViewSwitcher。
ImageSwitcher是Android中控制图片展示效果的一个控件，如：幻灯片效果
ImageSwitcher粗略的理解就是ImageView的选择器。
ImageSwitcher的原理：ImageSwitcher有两个子View：ImageView，当左右滑动的时候，就在这两个ImageView之间来回切换来显示图片。
既然有两个子ImageView，那么我们要创建两个ImageView给ImageSwitcher。创建ImageViewSwitcher中的ImageView是通过ViewFactory工厂来实现的。
下面我们展示下本次实现效果（可以轮播哦）：

好了，废话不多说，开始撸代码：
第一步：Layout中建立主布局（FrameLayout）文件activity_main.xml（包含导航原点的LinearLayout布局）

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example.administrator.switcher.MainActivity"><ImageSwitcherandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/is"></ImageSwitcher><LinearLayoutandroid:id="@+id/point_layout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:orientation="horizontal"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:src="@mipmap/default_holo"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:src="@mipmap/default_holo"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:src="@mipmap/default_holo"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:src="@mipmap/default_holo"/></LinearLayout></FrameLayout>

这里大家也可以通过配置文件来布局下面的导航圆点，不必写死在布局文件中。
第二步：Java中功能实现代码MainActivity.java

import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.widget.ImageSwitcher;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.ViewSwitcher;import java.util.ArrayList;/*** Created by panchengjia on 2016/12/04.*/public class MainActivity extends AppCompatActivity implements ViewSwitcher.ViewFactory,View.OnTouchListener{private ImageSwitcher is;//声明ImageSwitcher布局private LinearLayout point_layout;//声明导航圆点的布局//图片id数组int[] images={R.mipmap.a1,R.mipmap.a2,R.mipmap.a3,R.mipmap.a4};//实例化存储导航圆点的集合ArrayList<ImageView> points = new ArrayList<>（）;int index;//声明index，记录图片id数组下标float startX;//手指接触屏幕时X的坐标（演示左右滑动）float endX;//手指离开屏幕时的坐标（演示左右滑动）@Overrideprotected void onCreate（Bundle savedInstanceState） {super.onCreate（savedInstanceState）;setContentView（R.layout.activity_main）;is = （ImageSwitcher） findViewById（R.id.is）;is.setFactory（this）;//通过工厂实现ImageSwitcherinitpoint（）;is.setOnTouchListener（this）;//设置触摸事件}//初始化导航圆点的方法private void initpoint（） {point_layout= （LinearLayout） findViewById（R.id.point_layout）;int count = point_layout.getChildCount（）;//获取布局中圆点数量for（int i =0;i<count;i++）{//将布局中的圆点加入到圆点集合中points.add（（ImageView） point_layout.getChildAt（i））;}//设置第一张图片（也就是图片数组的0下标）的圆点状态为触摸实心状态points.get（0）.setImageResource（R.mipmap.touched_holo）;}//设选中图片对应的导航原点的状态public void setImageBackground（int selectImage） {for（int i=0;i<points.size（）;i++）{//如果选中图片的下标等于圆点集合中下标的id，则改变圆点状态if（i==selectImage）{points.get（i）.setImageResource（R.mipmap.touched_holo）;}else{points.get（i）.setImageResource（R.mipmap.default_holo）;}}}//实现ViewFactory的方法实例化imageView（这里未设置ImageView的属性）@Overridepublic View makeView（） {//实例化一个用于切换的ImageView视图ImageView iv = new ImageView（this）;//默认展示的第一个视图为images[0]iv.setImageResource（images[0]）;return iv;}@Overridepublic boolean onTouch（View v, MotionEvent event） {//按下屏幕if（event.getAction（）==MotionEvent.ACTION_DOWN）{startX=event.getX（）;//获取按下屏幕时X轴的坐标//手指抬起}else if （event.getAction（）==MotionEvent.ACTION_UP）{endX=event.getX（）;//判断结束坐标大于起始坐标则为下一张（为避免误操作，设置30的判断区间）if（startX-endX>30）{//三目运算判断当前图片已经为最后一张，则从头开始index = index+1<images.length?++index:0;//使用系统自带的切换出入动画效果（也可以向ViewFlipper中一样自定义动画效果）is.setInAnimation（this,android.R.anim.fade_in）;is.setOutAnimation（this,android.R.anim.fade_out）;//判断结束坐标小于于起始坐标则为上一张（为避免误操作，设置30的判断区间）}else if（endX-startX>30）{//三目运算判断当前图片已经为第一张，则上一张为数组内最后一张图片index = index-1>=0?--index:images.length-1;is.setInAnimation（this,android.R.anim.fade_in）;is.setOutAnimation（this,android.R.anim.fade_out）;}//设置ImageSwitcher的图片资源is.setImageResource（images[index]）;//调用方法设置圆点对应状态setImageBackground（index）;}return true;}}

个人感觉，就图片切换轮播来讲，ImageViewSwitcher相对于ViewFlipper和ViewPager实现起来，还是简单了很多。
以上所述是小编给大家介绍的Android中使用imageviewswitcher 实现图片切换轮播导航的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！