Glideを使用してプレースホルダーを割り当てる方法はありますが、この画像を元のスケールに維持する方法はありますか? Glide.with().load().into()
を呼び出す前に設定した可変サイズのImageView
(着信画像に応じて)があり、プレースホルダーを使用したいが、プレースホルダーのサイズを変更したくないImageView
のサイズに合わせて、元のサイズを維持する必要があります。
これまでのところ、これを行う方法を見つけることができませんでした。
Re: Gregs comment :もう1ショット(ほぼ1年の余分なXPを使用)を与え、これを思いつきました:
<ImageView Android:scaleType="center" ... />
私の他のソリューションと次のアニメーションラッパーに似ています。
...
.fitCenter()
.animate(new PaddingAnimationFactory<>(new DrawableCrossFadeFactory<GlideDrawable>(2000)))
.into(imageView)
;
class PaddingAnimationFactory<T extends Drawable> implements GlideAnimationFactory<T> {
private final DrawableCrossFadeFactory<T> realFactory;
@Override public GlideAnimation<T> build(boolean isFromMemoryCache, boolean isFirstResource) {
return new PaddingAnimation<>(realFactory.build(isFromMemoryCache, isFirstResource));
}
}
class PaddingAnimation<T extends Drawable> implements GlideAnimation<T> {
private final GlideAnimation<? super T> realAnimation;
@Override public boolean animate(T current, final ViewAdapter adapter) {
int width = current.getIntrinsicWidth();
int height = current.getIntrinsicHeight();
return realAnimation.animate(current, new PaddingViewAdapter(adapter, width, height));
}
}
class PaddingViewAdapter implements ViewAdapter {
@Override public Drawable getCurrentDrawable() {
Drawable drawable = realAdapter.getCurrentDrawable();
if (drawable != null) {
int padX = Math.max(0, targetWidth - drawable.getIntrinsicWidth()) / 2;
int padY = Math.max(0, targetHeight - drawable.getIntrinsicHeight()) / 2;
if (padX != 0 || padY != 0) {
drawable = new InsetDrawable(drawable, padX, padY, padX, padY);
}
}
return drawable;
}
@Override public void setDrawable(Drawable drawable) {
if (VERSION.SDK_INT >= VERSION_CODES.M && drawable instanceof TransitionDrawable) {
// For some reason padding is taken into account differently on M than before in LayerDrawable
// PaddingMode was introduced in 21 and gravity in 23, I think NO_GRAVITY default may play
// a role in this, but didn't have time to Dig deeper than this.
((TransitionDrawable)drawable).setPaddingMode(TransitionDrawable.PADDING_MODE_STACK);
}
realAdapter.setDrawable(drawable);
}
}
実装の重要な部分は省略され、各クラスのコンストラクターは引数からフィールドを初期化します。完全なコードは TWiStErRob/glide-supportのGitHub 。
古いバージョンのGlide(3.8.0より前)にこだわっている場合は、次の方法で同じ効果を得ることができます。
.fitCenter()
.placeholder(R.drawable.glide_placeholder)
.crossFade(2000)
.into(new GlideDrawableImageViewTarget(imageView) {
@Override public void onResourceReady(GlideDrawable resource,
GlideAnimation<? super GlideDrawable> animation) {
super.onResourceReady(resource, new PaddingAnimation<>(animation));
}
})
2つのソリューションが同じ量のクラスを必要とする方法に注意してください。ただし、3.8.0以降のソリューションでは、懸念事項をより適切に分離でき、割り当てを防ぐために変数にキャッシュできます。
ロードされた画像を歪めるプレースホルダーとその逆の既知のグライド問題 があります。しかし、あなたはそれによって影響を受けないと思います。
_scaleType="center"
_で描画可能なプレースホルダーを表示し、ロードされたイメージを_scaleType="fitCenter"
_にしたいようです。これをGlideで表現する方法を次に示します。 XMLに_Android:scaleType="center"
_を追加し、次のGlideロード行を使用します。
_Glide.with(...).load(...).placeholder(R.drawable....).fitCenter().into(imageView);
_
トリックは、プレースホルダーがsetImageDrawable()
を介して設定されるので、ImageViewは通常どおり表示するだけですが、GlideにFitCenter
を明示的に使用するように指示します。変換によってサイズをレイアウトし、setImageDrawable()
によって設定します。フィットされた画像は完全にフィットするため、center
はビューの全領域をカバーする画像を描画します。
.centerCrop()
も同じ方法で使用できます。
何かがおかしい場合は、.asBitmap()
と.dontAnimate()
を試してみてください。ほとんどの場合、何らかの形で役立ちます。
私は以下のようにそれをします:
アイデアは、最初にプレースホルダーが必要とするスケールタイプを設定し、リスナーをアタッチして、イメージのダウンロード後にダウンロードしたイメージが必要とするスケールタイプを再度変更することです。
//ivBuilderLogo = Target ImageView
//Set the scale type to as required by your place holder
//ScaleType.CENTER_INSIDE will maintain aspect ration and fit the placeholder inside the image view
holder.ivBuilderLogo.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
//AnimationDrawable is required when you are using transition drawables
//You can directly send resource id to glide if your placeholder is static
//However if you are using GIFs, it is better to create a transition drawable in xml
//& use it as shown in this example
AnimationDrawable animationDrawable;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Lollipop)
animationDrawable=(AnimationDrawable)context.getDrawable(R.drawable.anim_image_placeholder);
else
animationDrawable=(AnimationDrawable)context.getResources().getDrawable(R.drawable.anim_image_placeholder);
animationDrawable.start();
Glide.with(context).load(logo_url)
.placeholder(animationDrawable)
.listener(new RequestListener<String, GlideDrawable>() {
@Override
public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource)
{
return false;
}
//This is invoked when your image is downloaded and is ready
//to be loaded to the image view
@Override
public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource)
{
//This is used to remove the placeholder image from your ImageView
//and load the downloaded image with desired scale-type(FIT_XY in this case)
//Changing the scale type from 'CENTER_INSIDE' to 'FIT_XY'
//will stretch the placeholder for a (very) short duration,
//till the downloaded image is loaded
//setImageResource(0) removes the placeholder from the image-view
//before setting the scale type to FIT_XY and ensures that the UX
//is not spoiled, even for a (very) short duration
holder.ivBuilderLogo.setImageResource(0);
holder.ivBuilderLogo.setScaleType(ImageView.ScaleType.FIT_XY);
return false;
}
})
.into( holder.ivBuilderLogo);
私の遷移ドロアブル(R.drawable.anim_image_placeholder):
(静止画像を使用する場合は不要)
<?xml version="1.0" encoding="utf-8"?>
<animation-list
xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:oneshot="false">
<item Android:drawable="@drawable/loading_frame1" Android:duration="100" />
<!--<item Android:drawable="@drawable/loading_frame2" Android:duration="100" />-->
<item Android:drawable="@drawable/loading_frame3" Android:duration="100" />
<!--<item Android:drawable="@drawable/loading_frame4" Android:duration="100" />-->
<item Android:drawable="@drawable/loading_frame5" Android:duration="100" />
<!--<item Android:drawable="@drawable/loading_frame6" Android:duration="100" />-->
<item Android:drawable="@drawable/loading_frame7" Android:duration="100" />
<!--<item Android:drawable="@drawable/loading_frame8" Android:duration="100" />-->
<item Android:drawable="@drawable/loading_frame9" Android:duration="100" />
<!--<item Android:drawable="@drawable/loading_frame10" Android:duration="100" />-->
</animation-list>