uwp - DropShadowPanel がボタン テンプレート スタイルに適応する

Question

Button コントロールにシャドウ効果を適用するために、UWP Toolkit の DropShadowPanel を使用しています。

ドキュメントはこちら: DropShadowPanel XAML コントロール

実際には、ボタン スタイルの Template を Round ボーダー用に編集しましたが、DropShadowPanel は新しい Template に従っていません。

<controls:DropShadowPanel BlurRadius="4.0"
                              ShadowOpacity="0.70"
                              OffsetX="5.0"
                              OffsetY="5.0"
                              Color="Black"
                              HorizontalAlignment="Left"
                              Margin="91,90,0,0"
                              VerticalAlignment="Top">
        <Button x:Name="button"
                Content="Button"
                Style="{StaticResource ButtonStyle1}" />
    </controls:DropShadowPanel>

そして結果：

だから私は次のようなものを期待しています:

同様の結果につながるアイデアやリードはありますか？

よろしくお願いいたします。

よろしく

Answer 1

パネルがどのように機能するかはわかりませんが、パネルをボタンテンプレートの内側、実際の角が丸いボーダーのすぐ近くに配置してみます。それ以外の場合は、 a を使用しNineGridてドロップ シャドウを実装します。