shuhelohelo’s blog

Xamarin.Forms多めです.

Xamarin.FormsのListViewのアイテム(セル)の見た目を変更する

docs.microsoft.com

ListViewの行の見た目を変更するにはListView.ItemTemplateの中にDataTemplateを配置し,またその中にViewCellを配置する.

このViewCellの中にコントロールを配置すれば良い.

        <ListView ItemsSource="{Binding People}"
                  HasUnevenRows="True">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
...ここ!
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

例えば以下のようにする.

        <ListView ItemsSource="{Binding People}"
                  HasUnevenRows="True">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout>
                            <Label Text="{Binding FirstName}" FontSize="18"/>
                            <Label Text="{Binding LastName}"/>
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>