borderに影を付けてボタンっぽくしたい。

Question

visualstudioを使い始めて2週間です。

Borderを使って、画像のようについつい押したくなるようなボタンをつくりたいです。

現在のデザインは、
グレーで作ったImageのうえに、少し小さくして角を丸めたBorderを重ねて、
影があるように見せています。

[開発環境]
visualstudio2015 ・・・teratailにはタグがないの?
C# xaml .net

htmlやイラレのように、shadowを設定することはできないのでしょうか？

これもいけそう

Borderコントロールを使った画像の表示では、次の画面のように、角丸画像に簡易的に影を付けることもできる。これは、Borderコントロールの右辺と下辺の境界線のみをグレーで描くことによって実現している。BorderThickness属性でカンマ区切りにより4つの値を記述した場合には、（左から）左辺、上辺、右辺、下辺の境界線の太さの指定となる。

あとこれもいけそうやけど、xamlでなく.cs？

// 影付きを設定します。
this.TextBox1.Border.Shadow = true;

以上、
宜しくお願い致します。

------------------------------追加------------------------------

<Page.Resources>
        <Style x:Key="BorderStyle" TargetType="Border">
            <Setter Property="Background" Value="White"/>
            <Setter Property="Width" Value="580"/>
            <Setter Property="Height" Value="169"/>
        </Style>
</Page.Resources>


<Border Style="{StaticResource BorderStyle}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock  Text="ボタン" Style="{StaticResource TextBlockStyle}"/>
                </Grid>
</Border>

Answer 1

こんにちは。

XAMLということでWPFなのかストアアプリなのか明記されておりませんが、
WPFという前提でひとまず回答しちゃいます。（ストアアプリで使えるか未検証）

簡単な方法としては、DropSharowEffectを使えば影を付与できます。

<Window x:Class="WpfApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Content="PRESS ME, I'M A BUTTON" Width="200" Height="50" >
        	<Button.Effect>
        		<DropShadowEffect BlurRadius="4" RenderingBias="Quality" ShadowDepth="10"/>
        	</Button.Effect>
        </Button>
    </Grid>
</Window>

https://msdn.microsoft.com/ja-jp/library/ms748273(v=VS.110).aspx

もちろん、b1ackc0ffeeさんが調査済みのようにエレメントを重ねて影を表現するケースも多々あると思います。
ご参考までに。

Comments

[b1ackc0ffee]

お世話になります、回答有難うございます。
Blend2015を使っています。
WPFとストアアプリの違いがわかっておらずすみません。
ストアアプリ、空のページで行っていますが、違いがありますでしょうか？
DropSharowEffectをプロパティの中で見つけることができませんでした。

説明不足で済みません。
テキストにではなく、テキストを囲んでいるBorderに影を付けたいです。
なお、buttonは使用せず、Boderだけで書きたいです。
宜しくお願い致します。
画像とコードを追加しました。
宜しくお願い致します。