首页 / 移动开发 / Android / 很赞的引导界面效果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:layout_height="fill_parent"><ImageSwitcherandroid:id="@+id/imageSwitcher"android:layout_width="fill_parent"android:layout_height="fill_parent"></ImageSwitcher><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical"><LinearLayoutandroid:id="@+id/ll_view"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_marginBottom="30dp"android:gravity="center_horizontal"android:orientation="horizontal"></LinearLayout></RelativeLayout></FrameLayout>

public class ImageSwitcherActivity extends Activity implements ViewSwitcher.ViewFactory, View.OnTouchListener {private int[] imgIds;//图片id数组private int currentPosition;//当前选中的图片id序号private ImageSwitcher mImageSwitcher;//ImagaSwitcher 的引用private float downX;//按下点的X坐标private ImageView[] tips;//点点数组private LinearLayout linearLayout;//装载点点的容器@Overrideprotected void onCreate（Bundle savedInstanceState） {super.onCreate（savedInstanceState）;setContentView（R.layout.activity_switcher）;imgIds = new int[]{R.drawable.bg, R.drawable.c2, R.drawable.c3, R.drawable.c4, R.drawable.c5, R.drawable.c6, R.drawable.c7, R.drawable.c8, R.drawable.c9};mImageSwitcher = （ImageSwitcher） findViewById（R.id.imageSwitcher）;//实例化ImageSwitchermImageSwitcher.setFactory（this）; //设置FactorymImageSwitcher.setOnTouchListener（this）;//设置OnTouchListener，我们通过Touch事件来切换图片linearLayout = （LinearLayout） findViewById（R.id.ll_view）;//指示器布局tips = new ImageView[imgIds.length];for （int i = 0; i < imgIds.length; i++） {ImageView mImageView = new ImageView（this）;tips[i] = mImageView;LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams（new ViewGroup.LayoutParams（LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT））;layoutParams.rightMargin = 3;layoutParams.leftMargin = 3;mImageView.setBackgroundResource（R.drawable.page_indicator_unfocused）;linearLayout.addView（mImageView, layoutParams）;}//上一个界面传过来的位置currentPosition = getIntent（）.getIntExtra（"position", 0）;mImageSwitcher.setImageResource（imgIds[currentPosition]）;setImageBackground（currentPosition）;}//设置选中的tip的背景private void setImageBackground（int selectItems） {for （int i = 0; i < tips.length; i++） {if （i == selectItems） {tips[i].setBackgroundResource（R.drawable.page_indicator_focused）;} else {tips[i].setBackgroundResource（R.drawable.page_indicator_unfocused）;}}}@Overridepublic View makeView（） {final ImageView i = new ImageView（this）;i.setBackgroundColor（0xff000000）;i.setScaleType（ImageView.ScaleType.CENTER_CROP）;i.setLayoutParams（new ImageSwitcher.LayoutParams（LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT））;return i;}@Overridepublic boolean onTouch（View v, MotionEvent event） {switch （event.getAction（）） {case MotionEvent.ACTION_DOWN: {downX = event.getX（）;//手指按下的X坐标break;}case MotionEvent.ACTION_UP: {float lastX = event.getX（）;//抬起的时候的X坐标大于按下的时候就显示上一张图片if （lastX > downX） {if （currentPosition > 0） {//设置动画mImageSwitcher.setInAnimation（AnimationUtils.loadAnimation（getApplication（）, R.anim.left_in））;mImageSwitcher.setOutAnimation（AnimationUtils.loadAnimation（getApplication（）, R.anim.right_out））;currentPosition--;mImageSwitcher.setImageResource（imgIds[currentPosition % imgIds.length]）;setImageBackground（currentPosition）;} else {Toast.makeText（getApplication（）, "已经是第一张", Toast.LENGTH_SHORT）.show（）;}}if （lastX < downX） {if （currentPosition < imgIds.length - 1） {mImageSwitcher.setInAnimation（AnimationUtils.loadAnimation（getApplication（）, R.anim.right_in））;mImageSwitcher.setOutAnimation（AnimationUtils.loadAnimation（getApplication（）, R.anim.lift_out））;currentPosition++;mImageSwitcher.setImageResource（imgIds[currentPosition]）;setImageBackground（currentPosition）;} else {Toast.makeText（getApplication（）, "到了最后一张", Toast.LENGTH_SHORT）.show（）;}}}break;}return true;}}