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

.NET MAUI

.NET MAUI TIPS

2022.09.21

本記事の概要
EntryCell の基本
.NET MAUI Tips

本記事の概要

TableView で使用できる EntryCell は、テキスト入力欄をリスト化して表示するためのコントロールです。

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

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

EntryCell の使用例

EntryCell の基本

テキストが入力部品をリスト化して表示するには、<EntryCell> を使用します。

<EntryCell> は1つのタイトルと1つのプレースホルダを以下の書式で表示することができます。

また LabelColor プロパティを使用することでタイトルの色を変更することができます。入力されたテキストは Textプロパティで取得することができます。

<EntryCell Label="表示するタイトル" 
           　Placeholder="プレースホルダを表すテキスト" />

以下の例では「氏名入力」セクションに「姓」「名」の２つの入力欄を設置し、それぞれ「性を入力してください」と「名を入力してください」のプレースホルダを表示する例です。

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="氏名入力">
                <EntryCell Label="姓"
                           Placeholder="姓を入力してください"/>
                <EntryCell Label="名"
                           Placeholder="名を入力してください"/>
            </TableSection>
        </TableRoot>
    </TableView>

</ContentPage>

EntryCell の使用例