39343


**やりたいこと**

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

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

**問題**

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

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

[![画像の説明をここに入力](https://i.stack.imgur.com/5BITS.png)](https://i.stack.imgur.com/5BITS.png)


CC BY-SA 3.0
2017-11-03T11:12:09.757
39269
2017-11-06T13:49:36.513
682
question
android android-layout material-design
ツールバーからとび出した曲線に沿ってシャドーをつけたい


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

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


CC BY-SA 3.0
2017-11-06T13:41:33.647
39343
2017-11-06T13:49:36.513
2017-11-06T13:49:36.513
8795
8795
39269
answer