[.NET MAUI][Label] 前景色を設定する

.NET MAUI TIPS.NET MAUI
.NET MAUI TIPS
スポンサーリンク
スポンサーリンク

本記事の概要

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

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

前景色を設定する例

前景色を設定する例

スポンサーリンク

前景色の設定

Label の前景色は TextColor プロパティで設定します。

XAML の例

XAML でボタンの前景色を設定する例を以下に示します。

この例では3つの Label を配置しており、1つ目はデフォルト色、2つ目は LightGray、3つ目は LightPink を設定しています。

XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">
			 
    <ScrollView>
        <VerticalStackLayout Spacing="25" Padding="30,0" VerticalOptions="CenterAndExpand">
            <Label Text="Hello .NET MAUI" />
            <Label Text="Hello .NET MAUI" TextColor="LightGray" />
            <Label Text="Hello .NET MAUI" TextColor="LightPink"/>
        </VerticalStackLayout>
    </ScrollView>
 
</ContentPage>

C# の例

以下は 先ほどのXAML の例を コードビハインドで行う例です。

XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">
			 
    <ScrollView>
        <VerticalStackLayout Spacing="25" Padding="30,0" VerticalOptions="CenterAndExpand">
            <Label x:Name="myLabel1" Text="Hello .NET MAUI" />
            <Label x:Name="myLabel2" Text="Hello .NET MAUI" />
            <Label x:Name="myLabel3" Text="Hello .NET MAUI" />
        </VerticalStackLayout>
    </ScrollView>
 
</ContentPage>

C# の例

public MainPage()
{
    InitializeComponent();

    myLabel2.TextColor = Colors.LightGray;
    myLabel3.TextColor = Colors.LightPink;
}
前景色を設定する例

前景色を設定する例

スポンサーリンク

.NET MAUI Tips

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

Please follow and like us:

コメント

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