1

やりたいこと

画面底面に配置したツールバーの上にボタンを配置し、このボタンの上部は下記の画像のようにツールバーから飛び出しています。

このとき、ツールバーの上面からボタンの上部に沿ってなめからにシャドーをつけたいと思っています。

問題

ツールバーとボタンそれぞれにエレベーションを適応したら、言うまでもなく、ボタンの上部以外の部分にもシャドーが適用されてしまいます。

下記のようにキレイにシャドーをつけるにはどうしたらよいでしょうか?

画像の説明をここに入力

1 件の回答 1

2

レイヤ(FrameLayout)の順で考えて、ツールバーの下にも同じボタンを同じ位置に配置し、ツールバーと同じ量のエレベーションを適用します。ツールバーの上のボタンにはエレベーションを設定せず、ボタンを追加するLinearLayout(レイヤ順でツールバーより上)等にツールバーと同じ量のエレベーションを適用します。

もしくは、該当するシャドーを最初から画像レベルで用意して重ねてもいけます。

2
  • アドバイスありがとうございます!ご教示いただいた方法でやってみたところ、うまくいきました😃 Commented 2017年11月24日 2:47
  • いえいえ。うまくいったようで何よりです。
    – M.M.
    Commented 2017年11月25日 7:30

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

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