[.NET MAUI][Button] ボタンの幅と高さを設定する

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

本記事の概要

この記事では Button の幅と高さを設定する方法について説明をします。

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

幅と高さを設定する例

幅と高さを設定する例

幅と高さの設定

ボタンの幅は WidthRequest プロパティで、高さは HeightRequest プロパティで設定します。

XAML の例

XAML でボタンの幅と高さを設定する例を以下に示します。

この例では2つの Button を配置しており、上のボタンは幅を 150、高さを 35、下のボタンは幅を 200 に設定しています。

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">
            <Button Text="幅 150, 高さ 35" WidthRequest="150" HeightRequest="35" />
            <Button Text="幅 200, 高さ 50" WidthRequest="200" HeightRequest="50" />
        </VerticalStackLayout>
    </ScrollView>
 
</ContentPage>
幅と高さを設定する例

幅と高さを設定する例

.NET MAUI Tips

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

Please follow and like us:

コメント