[.NET MAUI][TableView] SwitchCell を使用する

本記事の概要

TableView で使用できる SwtchCell は、On/Off の切り替えをするスイッチをリスト化して表示するためのコントロールです。

この記事では SwitchCell の使用方法について説明します。

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

SwitchCell の使用例

SwitchCell の基本

On/Off の切り替えができるスイッチをリスト化して表示するには、<SwitchCell> を使用します。

<SwitchCell> は1つのテキストとスイッチのOn/Offを以下の書式で表示することができます。

<SwitchCell Text="表示するテキスト" 
           　On="True で On, False で Off" />

また、スイッチの On/Off 部分の色は OnColor プロパティで変更することができます。

以下の例では「設定」セクションに WiFi、Bluetooth、Timer の３つのスイッチを表示します。なお、Timer のスイッチは OnColor に Orange を指定して、スイッチの色をオレンジにしています。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">

    <TableView Intent="Menu">
        <TableRoot>
            <TableSection Title="設定">
                <SwitchCell Text="WiFi"
                            On="True" />
                <SwitchCell Text="Bluetooth"
                            On="False" />
                <SwitchCell Text="Timer"
                            OnColor="Orange"
                            On="True" />
            </TableSection>
        </TableRoot>
    </TableView>

</ContentPage>

.NET MAUI Tips

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

Please follow and like us: