如何将图像加载在ImageSwitcher中的滑行



用于创建图像幻灯片显示,我想将图像切换器与计时器一起使用。我阅读了这篇博客文章,这很明显,但没有加载网络中的图像。现在,我希望使用Glide库中的网络加载图像。

这是主要的:

public class MainActivity extends Activity {
    private ImageSwitcher imageSwitcher;
    private int[] gallery = { http://www.helloworld.com/image1.png, http://www.helloworld.com/image2.png, http://www.helloworld.com/image3.png,
            http://www.helloworld.com/image4.png, };
    private int position;
    private static final Integer DURATION = 2500;
    private Timer timer = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
        imageSwitcher.setFactory(new ViewFactory() {
            public View makeView() {
                return new ImageView(MainActivity.this);
            }
        });
        // Set animations
        // https://danielme.com/2013/08/18/diseno-android-transiciones-entre-activities/
        Animation fadeIn = AnimationUtils.loadAnimation(this, R.anim.fade_in);
        Animation fadeOut = AnimationUtils.loadAnimation(this, R.anim.fade_out);
        imageSwitcher.setInAnimation(fadeIn);
        imageSwitcher.setOutAnimation(fadeOut);
    }
    // ////////////////////BUTTONS
    /**
     * starts or restarts the slider
     * 
     * @param button
     */
    public void start(View button) {
        if (timer != null) {
            timer.cancel();
        }
        position = 0;
        startSlider();
    }
    public void stop(View button) {
        if (timer != null) {
            timer.cancel();
            timer = null;
        }
    }
    public void startSlider() {
        timer = new Timer();
        timer.scheduleAtFixedRate(new TimerTask() {
            public void run() {
                // avoid exception:
                // "Only the original thread that created a view hierarchy can touch its views"
                runOnUiThread(new Runnable() {
                    public void run() {
                        imageSwitcher.setImageResource(gallery[position]);
                        position++;
                        if (position == gallery.length) {
                            position = 0;
                        }
                    }
                });
            }
        }, 0, DURATION);
    }
    // Stops the slider when the Activity is going into the background
    @Override
    protected void onPause() {
        super.onPause();
        if (timer != null) {
            timer.cancel();
        }
    }
    @Override
    protected void onResume() {
        super.onResume();
        if (timer != null) {
            startSlider();
        }
    }
}

我尝试用滑行加载图像,但我不知道该怎么办。

这很容易做到,您只需要使用Glide加载图像到ImageView,您可以通过方法imageSwitcher.getCurrentView()ImageSwitcher获得。因此,您需要将runOnUiThread方法中run中的代码替换为下一个代码:

Glide.with(MainActivity.this)
    .load(gallery[position])
    .asBitmap()
    .listener(new RequestListener<String, Bitmap>() {
        @Override
        public boolean onException(Exception e, String model, Target<Bitmap> target, boolean isFirstResource) {
            return false;
        }
        @Override
        public boolean onResourceReady(Bitmap resource, String model, Target<Bitmap> target, boolean isFromMemoryCache, boolean isFirstResource) {
            position++;
            if (position == gallery.length) {
                position = 0;
            }
            imageSwitcher.setImageDrawable(new BitmapDrawable(getResources(), resource));
            return true;
        }
    }).into((ImageView) imageSwitcher.getCurrentView());

也不要忘记用适当的URL替换您的图像URL(现在您看到了一些虚拟URL)。因此,您的gallery数组应该是String[]数组。

不要忘记将android.permission.INTERNET包括在您的AndroidManifest.xml中。

最后,您需要将ImageSwitcherandroid:layout_width属性更改为XML中的match_parent,因为Glide不会在其中加载图像。

我认为批准的答案很棒,但它缺少一些关键。当他们更新当前图像时,这基本上只是替换图像。这意味着我们也可能根本不使用Images -开关。我们需要做的是更新下一个视图,然后显示。这将使我们还可以看到我们添加的任何过渡效果。

我已经在自己的代码中将所有这些逻辑分开以使其清洁,但是在这里是原始的形式。

设置图像开关

   
    Animation in = AnimationUtils.loadAnimation(this,android.R.anim.fade_in);
       Animation out = AnimationUtils.loadAnimation(this,android.R.anim.fade_out);
       imageSwitcher.setFactory(() -> {
                ImageView imageView = new ImageView(getApplicationContext());
                imageView.setLayoutParams(new FrameLayout.LayoutParams(
                        FrameLayout.LayoutParams.MATCH_PARENT,
                        FrameLayout.LayoutParams.MATCH_PARENT
                ));
                return imageView;
            });
       imageSwitcher.setInAnimation(in);
       imageSwitcher.setOutAnimation(out);
  

致电以更新下一个图像

   
    RequestOptions requestOptions = new 
       RequestOptions().diskCacheStrategy(DiskCacheStrategy.ALL);
       Bitmap nextImage = getAppropriateImage();
       GlideApp.with(this)
          .load(nextImage)
          .apply(requestOptions)
          .into((ImageView) imageSwitcher.getNextView());
       imageSwitcher.showNext();

我使用了 @rom4ek的版本,但我发生了一些崩溃:

致命例外:java.lang.runtimeException 画布:尝试使用回收的位图android.graphics.bitmap@7ad49c4

我认为这是因为drawable未设置为同一ImageView传递给into(...)

我将其更改为使用"下一个视图"。对于Glide,我们必须将可见性从GONE设置为INVISIBLE

imageSwitcher.getNextView().setVisibility(View.INVISIBLE);
Glide.with(...)
    .load(url)
    .listener(new RequestListener<String, Bitmap>() {
        @Override
        public boolean onException(Exception e, String model, Target<Drawable> target, boolean isFirstResource) {
            return false;
        }
        @Override
        public boolean onResourceReady(Drawable resource, String model, Target<Drawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
            imageSwitcher.setImageDrawable(resource);
            return true;
        }
    }).into((ImageView) imageSwitcher.getNextView());

kotlin版本:

it.nextView.visibility = View.INVISIBLE
Glide.with(...)
    .load(url)
    .listener(object : RequestListener<Drawable> {
        override fun onLoadFailed(
            e: GlideException?,
            model: Any?,
            target: Target<Drawable>?,
            isFirstResource: Boolean
        ): Boolean {
            return false
        }
        override fun onResourceReady(
            resource: Drawable?,
            model: Any?,
            target: Target<Drawable>?,
            dataSource: DataSource?,
            isFirstResource: Boolean
        ): Boolean {
            it.setImageDrawable(resource)
            return true
        }
    })
    .into(it.nextView as ImageView)

相关内容

  • 没有找到相关文章

最新更新