图片切换器ImageSwitcher

来源:互联网 发布:pkg install java 编辑:程序博客网 时间:2024/04/29 03:12

1、布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:id="@+id/layout"    android:layout_gravity="center"    android:layout_width="fill_parent"    android:layout_height="fill_parent">    <Button        android:id="@+id/button1"        android:text="上一张"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <!--添加一个图片切换器-->    <ImageSwitcher        android:id="@+id/imageSwitcher1"        android:layout_gravity="center"        android:layout_width="wrap_content"        android:layout_height="wrap_content"/>    <Button        android:id="@+id/button2"        android:text="下一张"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

2、在主活动中,首先声明并初始化一个保存要显示图像id的数组,然后声明一个保存当前显示图像索引的变量,再声明一个图像切换器的对象

private int[] imageId = new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03};//声明并初始化一个保存要显示图像id的    private int index = 0;//当前显示图像的索引    private ImageSwitcher imageSwitcher; //声明一个图像切换器对象

3、在主活动中的onCreate()方法中,首先获取布局文件中添加的切换器,并为其设置淡入淡出的动画效果,然后为其设置一个ImageSwitcher.ViewFactory,并重写makeView()方法,最后为图像切换器设置默认显示的图像

 imageSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher1);//获取图像切换器        //设置动画效果        imageSwitcher.setInAnimation(this,R.anim.abc_fade_in);//设置淡入动画        imageSwitcher.setInAnimation(this,R.anim.abc_fade_out);//设置淡出动画        imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {            @Override            public View makeView() {                ImageView imageView  = new ImageView(MainActivity.this);//实例化一个ImageView类的对象                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);//设置保持纵横比居中缩放图像                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));                return imageView;//返回imageView对象            }        });        imageSwitcher.setImageResource(imageId[index]);//显示默认的图片

4、获取用于控制显示图片的“上一张”和“下一张"按钮,并分别为其添加单击事件监听器,在重写onClick()方法中

 Button up = (Button)findViewById(R.id.button1);//获取“上一张”按钮        Button down = (Button)findViewById(R.id.button2);//获取“下一张”按钮        up.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if(index>0){                    index--;                }else{                    index = imageId.length-1;                }                imageSwitcher.setImageResource(imageId[index]);//显示当前图片            }        });        down.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if(index<imageId.length-1){                    index++;                }else{                    index = 0;                }                imageSwitcher.setImageResource(imageId[index]);//显示当前图片            }        });


0 0