【问题标题】:Xamarin Create ListView with image, text and icon buttonsXamarin 创建带有图像、文本和图标按钮的 ListView
【发布时间】:2019-11-17 22:38:02
【问题描述】:

我有一个问题。

我正在尝试创建一个包含员工列表的 ListView。在左侧,我想要一个接受和拒绝按钮,在顶部是员工姓名,在图像底部,我想将它们添加到我的收藏夹并分享它们。有人可以帮助我开始设计列表视图吗,因为它非常困难?

这就是我最后想要的:

【问题讨论】:

    标签: xamarin xamarin.android xamarin.ios


    【解决方案1】:

    这就是 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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-04-23
    • 1970-01-01
    • 1970-01-01
    • 2023-03-02
    • 1970-01-01
    • 2016-09-03
    • 2014-05-09
    相关资源
    最近更新 更多