我学安卓——ImageSwitcher

最新推荐文章于 2024-04-02 22:52:07 发布

weixin_34018202

最新推荐文章于 2024-04-02 22:52:07 发布

阅读量82

点赞数

文章标签：移动开发

原文链接：https://my.oschina.net/tnjin/blog/739585

版权

为什么80%的码农都做不了架构师？>>>

ImageSwitcher据应用开发的同学说用的比较少，但是最近因为在一个QQ群里有人问一个效果如何实现，所以我也就是顺便学习一下。

先是在布局中引入ImageSwitcher：

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.tjz.imageswitcher.MainActivity">
    <ImageSwitcher
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageSwitcher"></ImageSwitcher>
</RelativeLayout>

然后代码中给ImageSwitcher设置一个

ViewSwitcher.ViewFactory

对象，这样在就可以生成出用于将来切换图片做动效的ImageView。需要注意的是，ImageSwitcher并不是在每次切换的时候都产生一个新的ImageView（其实想想也应该明白，这样的效率太低），而是在setFactory方法调用的时候，就产生了两个ImageView，以后的切换就是基于这两个ImageView所做的了。

public class MainActivity extends AppCompatActivity {
    ImageSwitcher switcher;
    int i=0;
    private int[] imgs={R.drawable.a,R.drawable.b};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        switcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
        //在这个方法中，会调用其父类ViewSwitcher的setFactory方法，并在其中调用两次obtainView，
        //产生两个ImageView，用于将来的切换，如果不设置ViewFactory，也可以调用两次addView来代替
        switcher.setFactory(new ViewSwitcher.ViewFactory() {
            @Override
            public View makeView() {
                ImageView imageView = new ImageView(MainActivity.this);
                Log.d("SSSS","return new imgView");
                return imageView;
            }
        });
        switcher.setInAnimation(this, R.anim.abc_fade_in);//设置切入动画
        switcher.setOutAnimation(this, R.anim.abc_fade_out);//设置切出动画

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(event.getAction()==MotionEvent.ACTION_DOWN){
            switcher.setImageResource(imgs[i%2]);
            i++;
            return true;
        }
        return super.onTouchEvent(event);
    }
}

如上代码中的注释所说，setFactory方法可以由调用两次addView方法来代替。最后看一下效果：

切换效果