首页 > 代码库 > ImageSwitcher实现显示图片（更改图片时有动画效果）

ImageSwitcher实现显示图片（更改图片时有动画效果）

2024-07-12 22:01:12   218人阅读

ImageView和ImageSwitcher都是用来显示图片的。只不过后者在更新显示的图片的时候可以有动画效果。

注意点：

1.ImageSwitcher初始化需要定义一个ViewFactory，该ViewFactory生成的对象必须为ImageView。

iSwitcher.setFactory(new ViewFactory() {                        @Override            public View makeView() {                //创建一个ImageView对象                ImageView imageView = new ImageView(MainActivity.this);                //设置图片的拉伸方式                imageView.setScaleType(ImageView.ScaleType.FIT_START);                //设置图片的填充方式                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(                        LayoutParams.WRAP_CONTENT ,LayoutParams.WRAP_CONTENT)                );                        return imageView;            }        });

 

2.设置图片的时候有着和ImageView一样的方法，一般用setImageResource(int resId) 和 setImageDrawable(Drawable drawable)

布局文件

<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">    <ImageSwitcher        android:id="@+id/imageSwitcher_id"        android:layout_width="match_parent"        android:layout_height="150dp"        android:layout_margin="16dp"        android:layout_gravity="center_horizontal"        android:inAnimation="@android:anim/slide_in_left"        android:outAnimation="@android:anim/slide_out_right"/>    <Button        android:id="@+id/prev_button_id"        android:layout_gravity="center_horizontal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="上一幅图片" />    <Button        android:id="@+id/next_button_id"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:text="下一幅图片" /></LinearLayout>

MainActivity.java

package com.example.imageswitcher;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.Gallery.LayoutParams;import android.widget.ImageSwitcher;import android.widget.ImageView;import android.widget.ViewSwitcher.ViewFactory;public class MainActivity extends Activity {    ImageSwitcher iSwitcher;    Button prevBtn,nextBtn;        @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                viewInit();        //第一种设置图片的方式        iSwitcher.setImageResource(R.drawable.ic_launcher);                prevBtn.setOnClickListener(new OnClickListener() {                        @Override            public void onClick(View arg0) {                // TODO 自动生成的方法存根                iSwitcher.setImageResource(R.drawable.ic_launcher);            }        });                nextBtn.setOnClickListener(new OnClickListener() {                        @Override            public void onClick(View arg0) {                //第二种设置图片的方式                iSwitcher.setImageDrawable(getResources().getDrawable(R.drawable.kale));            }        });    }    private void viewInit() {        iSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher_id);
        iSwitcher.setFactory(new ViewFactory() {                        @Override            public View makeView() {                //创建一个ImageView对象                ImageView imageView = new ImageView(MainActivity.this);                //设置图片的拉伸方式                imageView.setScaleType(ImageView.ScaleType.FIT_START);                //设置图片的填充方式                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(                        LayoutParams.WRAP_CONTENT ,LayoutParams.WRAP_CONTENT)                );                        return imageView;            }        });                prevBtn = (Button) findViewById(R.id.prev_button_id);        nextBtn = (Button)findViewById(R.id.next_button_id);    }}


联系
我们