[WinUI 3][Border] 背景色を設定する

スポンサーリンク

この記事では Border に背景色を設定する方法について説明をします。

公式サイト情報はコチラを参照してください。

Border に背景色を設定する例

Border に背景色を設定する例

スポンサーリンク

環境

開発環境Microsoft Visual Studio Enterprise 2019
Version 16.11.5
FrameworkMicrosoft .NET Framework Version 4.8.04161
スポンサーリンク

Border の基本使用方法

Border に背景色を設定するには Background プロパティを使用します。

XAML の例

以下は、Background プロパティ を使用して 背景色をピンクにする例です。

XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel x:Name="myStackPanel" Orientation="Vertical" HorizontalAlignment="Left" >

        <Border BorderBrush="Gray" BorderThickness="3" Background="Pink">
            <TextBlock Text="テキストブロック" />
        </Border>
        
    </StackPanel>
</Window>

C# の例

以下は C# からBorder の背景色を設定する例です。

先ほどの例を C# にしたものを以下に示します。

線の太さ BorderThickness には、Thickness 構造体のインスタンスを、BorderBrush には SolidColorBrush のインスタンスを指定します。

public MainWindow()
{
    this.InitializeComponent();

    myBorder.Background = new SolidColorBrush(Colors.Pink);
}
Border の基本使用例

Border の基本使用例

スポンサーリンク

WinUi Tips

本サイトでまとめている WinUI Tips の一覧はこちらから確認できます。

Please follow and like us:

コメント

タイトルとURLをコピーしました