0

透明部分があるpngに沿って影をつけたいのですがどうすればできますか?

調べても、ボタンやviewに影をつけるというは出てくるのですが、透明部分がある画像に沿って影をつけるといったことが出てこないので、わかる方がいらっしゃたら教えてください。(ライブラリーとか、コードとか)

1 件の回答 1

0

おそらく、この辺の記事の情報でしょうか。

Material design / Shadow をより Shadow に
 Shadow の描画方法

API level:21 で追加された android.view.View#setElevation(float) を使えば簡単に実現可能です。

方法は違うようですが、同じ記事中のここ ZDepthShadowLayout で丸に影が付いています。

他にはこんな記事もあります。
丸い画像に影を表示する
Elevationで影が思ったように出ないとき - Speaker Deck
上記の最後

まとめ

  • elevationはViewの高度を表す概念
  • 影が思ったように出ない場合は以下を確認
    • マージン
    • 背景色のアルファ値
    • View階層
    • NAVIGATION_MODE_TABSやめよう

HTML/CSS だと、filter: drop-shadow() になるでしょう。
drop-shadow() - CSS:カスケーディングスタイルシート|MDN

CSSの「box-shadow」と「filter:drop-shadow」の違いを覚えたらちょっとテンション上がった
box-shadowはもう古い?CSS新時代の「影の落とし方」
【CSS】png画像に影(box-shadow)をつける方法
 2つの解決方法

5
  • コメントありがとうございます。 わかりにくくて済みません。自分がやりたいのは、 gyazo.com/edb3127261cc44e9b6ff901644973134 こういった画像の真ん中の針のとこも読み取って、そこにも影をつけることです。elevationを使うと塗りつぶし状態じゃないとうまく動作してくれないです。ZDepthShadowLayout のほうは、どうやって使えるようにすればいいのかわからず&これも同じような理由でできなさそうだと感じたので試してないです。
    – assen
    Commented 2019年4月5日 7:41
  • 最初の紹介記事の途中にあるLevel20以前用の「9-patch 画像や、 hoge.xml を drawable フォルダにぶち込むなど、従来の方法であれば実現可能です。」という方法が当てはまるのではないでしょうか。
    – kunif
    Commented 2019年4月5日 9:27
  • えっと、影付きの画像を用意して、それ使うということでよろしかったですか? それも考えましたが、プログラムでできることはプログラムでやりたいので、先人でわかる人がいないかと思って質問させてもらっています。
    – assen
    Commented 2019年4月5日 9:53
  • そうすると、これ How I extended ImageView to include elevation shadow. なんかどうでしょう?
    – kunif
    Commented 2019年4月5日 10:13
  • 返信遅くなりました。 思い通りのものができました!ありがとうございます。
    – assen
    Commented 2019年4月13日 3:41

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。