固定Listview列和行数据的大小

[] [] []

我正在开发Xamarin表单应用程序。我遇到了一个问题，Listview在小屏幕手机（iOS和Android）上运行良好，但在大屏幕手机上的对齐方式并不像预期的那样

请找到密码。这在大屏幕手机上不起作用，在小屏幕上也不起作用

对齐在大屏幕设备中显示不正确，请帮助

这在iOS和Android环境中都会发生。 感谢您的帮助

谢谢

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:d="http://xamarin.com/schemas/2014/forms/design"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                 xmlns:views="clr-namespace:Uniconta.Views"
                 mc:Ignorable="d"
                 x:Class="Uniconta.Views.ItemList">
        <NavigationPage.TitleView>
            <SearchBar x:Name="Search" Placeholder="Item" HeightRequest="50" TextChanged="OnSearchValueEntered" Text="{Binding SearchedText, Mode=TwoWay}" 
                               SearchCommand="{Binding SearchCommand}" HorizontalOptions="StartAndExpand" VerticalOptions="Start" Margin="-23,0,0,0"  BackgroundColor="#5BC4BF"/>
        </NavigationPage.TitleView>
        <StackLayout>
        <ScrollView x:Name="scrView" Orientation="Both" HorizontalScrollBarVisibility="Always" VerticalScrollBarVisibility="Default" WidthRequest="200">

            <StackLayout VerticalOptions="FillAndExpand" x:Name="MainLayout" Padding="10">
                <StackLayout Orientation="Horizontal" WidthRequest="320">
                    <views:ImageHolder x:Name="imgHolder"  WidthRequest="300" IsVisible="False"/>
                    <Button IsVisible="False" x:Name="removePhotoBtn" WidthRequest="40" Image="ic_remove" HorizontalOptions="End" Clicked="RemovePhotoBtn_Clicked"/>
                </StackLayout>
                <StackLayout x:Name="stDocs" Orientation="Horizontal" WidthRequest="320" IsVisible="False">
                    <views:DocumentHolder x:Name="docHolder" WidthRequest="300" />
                    <Button x:Name="removeDocsBtn" IsVisible="True" WidthRequest="40" Image="ic_remove" HorizontalOptions="End" Clicked="RemoveDocsBtn_Clicked"/>
                </StackLayout>
                <ListView x:Name="lstView" HorizontalScrollBarVisibility="Always" ItemTapped="LstView_ItemTapped" HorizontalOptions="Center" SelectionMode="Single">
                    <ListView.Header>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="10*"/>
                                <ColumnDefinition Width="14*" />
                                <ColumnDefinition Width="12*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50" />
                            </Grid.RowDefinitions>
                                <Label Text="Item" x:Name="lblItem" FontSize="Medium" TextColor="#818286"  FontAttributes="Bold" Grid.Column="0" Grid.Row="0" HorizontalTextAlignment="Start" HorizontalOptions="Start" VerticalOptions="Center" />
                                <Label Text="Item Name" x:Name="lblItemName" FontSize="Medium" TextColor="#818286"  FontAttributes="Bold" Grid.Column="1" Grid.Row="0" HorizontalTextAlignment="Start" HorizontalOptions="Start" VerticalOptions="Center"/>
                                <Label Text="Item Type" x:Name="lblItemType" FontSize="Medium" TextColor="#818286"  FontAttributes="Bold" Grid.Column="2" Grid.Row="0" HorizontalTextAlignment="Start" HorizontalOptions="Start" VerticalOptions="Center"/>
                        </Grid>
                    </ListView.Header>
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell Height="40">
                                <ViewCell.View>
                                    <Grid RowSpacing="0" ColumnSpacing="0" >
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="10*"/>
                                            <ColumnDefinition Width="14*"/>
                                            <ColumnDefinition Width="12*"/>
                                        </Grid.ColumnDefinitions>
                                            <Label Text="{Binding Item}" Grid.Column="0" Margin="0,0,50,0" HorizontalTextAlignment="Start" TextColor="#818286" HorizontalOptions="Center" VerticalOptions="Center"  />
                                            <Label Text="{Binding Name}"  Grid.Column="1" Margin="10,0,0,0" HorizontalTextAlignment="Start" TextColor="#818286" HorizontalOptions="Start" VerticalOptions="Center" />
                                            <Label Text="{Binding ItemType}" Grid.Column="2" Margin="10,0,0,0" HorizontalTextAlignment="Start" TextColor="#818286" HorizontalOptions="Start" VerticalOptions="Center" />
                                    </Grid>
                                </ViewCell.View>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>
        </ScrollView>
        </StackLayout>
    </ContentPage>

我们无法调试看不到的代码。“不符合预期”并不是对问题的有用描述。我将发布代码。我仍然不知道您遇到了什么问题。同样，“不符合预期”并不能有效地描述问题。也许如果您发布了两个截图，比较两个布局，并准确地解释了“不符合预期”的内容“在较大尺寸的设备上，我们可以帮助您。Jason是对的，发布了两个大小设备的屏幕截图，并试图指出较大设备的问题，我猜这可能是因为您没有设置网格水平选项来填充和扩展，标签不会居中，因为父视图没有填充可用的sizeHi Peoples，为3款不同的手机添加了屏幕截图。