Xamarin创建带有图像,文本和图标按钮的ListView

问题描述 投票:0回答:1

我有一个问题。

我正在尝试使用员工列表制作ListView。在左侧,我需要一个接受并被拒绝的按钮,在员工姓名的顶部,在图像的底部,我要将其添加到我的收藏夹并共享。有人可以帮我开始设计列表视图,因为这很困难?

这是我最后想要的:

enter image description here

xamarin xamarin.android xamarin.ios
1个回答
0
投票

这就是您所需要的xaml

<ListView>
<ListView.ItemTemplate>
    <DataTemplate>
        <ViewCell>
             <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Label Text="Employee Name" Grid.Column="1" Grid.Row="0" HorizontalOptions="Start"/>
                <Image Source="image_ok" VerticalOptions="End" Grid.Row="1" Grid.Column="0"/>
                <Image Source="image_decline" VerticalOptions="Start" Grid.Row="2" Grid.Column="0"/>
                <Image Source="profile" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" Grid.RowSpan="2" BackgroundColor="AliceBlue" VerticalOptions="Fill" HorizontalOptions="Fill"/>
                <Image Source="star" Grid.Row="3" Grid.Column="1" HorizontalOptions="Start"/>
                <Image Source="plane" Grid.Row="3" Grid.Column="1" HorizontalOptions="End"/>
                <Image Source="upload" Grid.Row="3" Grid.Column="2" HorizontalOptions="End"/>
            </Grid>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

您可以检查此文档https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/customizing-cell-appearance

© www.soinside.com 2019 - 2024. All rights reserved.