[UWPアプリ][Border] 背景色を変更する

Borderコントロールの背景色を変更するには Backgroundプロパティを使用します。

BackgroundプロパティはBrush型のプロパティで、Brushクラスから派生した、LinearGFradientBrush, ImageBrush, SolidColorBrushなどを指定することができます。

純色を指定するには SolidColorBrush を使用します。

XAMLでは、直接色名を指定をしていすることもできますし、6桁の16進数や、アルファ値を含めた8桁の16進数を指定することも可能です。

以下にXAMLでの例を示します。

<!--背景の色を黒にする-->
<Border x:Name="border1" Background="Black"
        BorderThickness="1" HorizontalAlignment="Left" Height="100"
        Margin="10,10,0,0"  VerticalAlignment="Top" Width="100" />
<!--は背景色を赤(#FFFF0000)にする-->
<Border x:Name="border2" Background="#FFFF0000" 
	BorderThickness="1" HorizontalAlignment="Left" Height="100"
	Margin="115,10,0,0"  VerticalAlignment="Top" Width="100" />
<!-- 線の色をグラデーションにする-->
<Border 
	BorderThickness="1" HorizontalAlignment="Left" Height="100"
	Margin="220,10,0,0"  VerticalAlignment="Top" Width="100" >
    <Border.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="#FF4E95AB" Offset="1"/>
        </LinearGradientBrush>
    </Border.Background>
</Border>

背景色の設定例

C#での設定例を以下に示します

// 背景色を赤にする
border1.Background = new SolidColorBrush(Windows.UI.Colors.Red);
// 背景色を緑にする
border2.Background = new SolidColorBrush(Windows.UI.Color.FromArgb(0xFF, 0x00, 0xFF, 0x00));

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です