[Windows ストア アプリ] Borderコントロールの背景色を変更する

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

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

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

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

下記はSolidBrushColorを指定する例です。

XAMLの例

<Border x:Name="border1" Background="#FFFF0000"/>
<Border x:Name="border2" Background="#FF00FF00"/>
<Border x:Name="border3" Background="#FF0000FF"/>

コードから指定する場合には SolidColorBrushの値を指定します。

VBの例

'赤を指定
border1.Background = New SolidColorBrush(Windows.UI.Colors.Red)
'青を指定
border2.Background = New SolidColorBrush(Windows.UI.Color.FromArgb(&HFF, &H0, &HFF, &H0))
'緑を指定
border3.Background = New SolidColorBrush(Windows.UI.Color.FromArgb(&HFF, &H0, &H0, &HFF))

C#の例

// 赤を指定
border1.Background = new SolidColorBrush(Windows.UI.Colors.Red);
// 青を指定
border2.Background = new SolidColorBrush(Windows.UI.Color.FromArgb(0xFF, 0x00, 0xFF, 0x00));
// 緑を指定
border3.Background = new SolidColorBrush(Windows.UI.Color.FromArgb(0xFF, 0x00, 0x00, 0xFF));

Please follow and like us: