2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Android】Glideを使って画像表示後Blurをかける

Posted at

どういうときに使う?

  • スクロールしたらヘッダーのイメージをぼかしたい時とか。
  • 表示後に動的Blurにする必要が無いのであれば必要ない。

使うもの

コード

val url = "https://hogehoge"

// 初回読み込み
Glide.with(imageView.context)
     .load(url)

// Blurをかける時
Glide.with(imageView.context)
     .load(url)
     .transform(
         GrayscaleTransformation(),
         BlurTransformation(int)
     )
     .placeholder(imageView.drawable)
     .into(imageView)

ポイントはplaceholderで 既に表示されている ImageView の Drawable を指定する所
上記のことを忘れるとチカチカする。

Blur の他にも表示後に何かの値を変更するみたいなときとかも同じようにやればいいと思う。
CoilとかPiccasoでも同じ事ができると思う。

Seekbarとかと組み合わせて試してみて:wave:

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?