[UWPアプリ][Border] 線の色を変更する

Border

2016.03.282019.12.11

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

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

以下は線の色を設定するXAMLの例です。

<!--線の色を黒にする-->
<Border BorderBrush="Black" 
        BorderThickness="1" HorizontalAlignment="Left" Height="100"
        Margin="10,10,0,0"  VerticalAlignment="Top" Width="100"
        />
<!--線の色を赤（#FFFF0000）にする-->
<Border BorderBrush="#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.BorderBrush>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="#FF4E95AB" Offset="1"/>
        </LinearGradientBrush>
    </Border.BorderBrush>
</Border>

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

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

Please follow and like us: