Listview ItemTemplate

Ronald Rex 1,666

Hi Friends,

I was wondering how I would create a list view with three horizontal controls in the list. I need a entry, lable, and entry. Thanks !!!!

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 35,291 Reputation points Microsoft Vendor

2023-05-19T07:45:08.0166667+00:00

May I know whether your issue has been solved or not? If you're still having problems, please explain in detail what is still going wrong and what you need help with.

1 answer

Lloyd Sheen 1,376

There are two ways to do this.

First way use a grid with ColumnDefinitions showing the width of each element Example (ColumnDefintions="2*,,*2) and then define each element and provide the Column number (starting with zero) for each of the three elements.

Second use a HorizontalStackLayout and add each of the three elements to the HorizontalStackLayout. Then in each of the elements provide a WidthRequest.

Personally I would use the 1st way as using the relative widths means that it will handle different sizes of the device on which the app is running.

Ronald Rex 1,666 Reputation points

2023-05-16T16:22:31.3+00:00

I was wondering what does the xaml look like as far as the ItemTemplate? Thanks !!!

Lloyd Sheen 1,376

        <!--Example using the Grid-->
        <ListView ItemsSource="{Binding wheretheitemsexist}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid ColumnDefinitions="2*,*,2*">
                        <Entry Grid.Column="0" Text="{Binding wherethisexists}"></Entry>
                        <Label Grid.Column="1" Text="{Binding wherethisexists}"></Label>
                        <Entry Grid.Column="2" Text="{Binding wherethisexists}"></Entry>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

        <!--Example using the HorizontalStackLayout-->
        <ListView ItemsSource="{Binding wheretheitemsexist}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <HorizontalStackLayout>
                        <Entry Grid.Column="0" Text="{Binding wherethisexists}" WidthRequest="100"></Entry>
                        <Label Grid.Column="1" Text="{Binding wherethisexists}" WidthRequest="200"></Label>
                        <Entry Grid.Column="2" Text="{Binding wherethisexists}" WidthRequest="100"></Entry>
                    </HorizontalStackLayout>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>