Question

<Grid Grid.Row="3" HorizontalAlignment="Stretch">
                <ListView x:Name="lvAlert" HorizontalAlignment="Stretch">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="70*"/>
                                    <ColumnDefinition Width="30*"/>
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0" Background="{Binding ColorValue }" >
                                    <TextBlock Text="{Binding AlertType}" Foreground="White"  Height="35" HorizontalAlignment="Stretch"/>
                                </Grid>
                                <Grid Grid.Column="1"  Background="{Binding ColorValue }" >
                                    <TextBlock  Text="{Binding AlertTypeValue}" Foreground="Black" Height="35" HorizontalAlignment="Stretch"/>
                                </Grid>
                                <TextBlock Grid.Column="0" Text="{Binding AlertType}" Foreground="{Binding ColorValue }"  Width="400" Height="40"/>
                                <TextBlock Grid.Column="1" Text="{Binding AlertTypeValue}" Foreground="{Binding ColorValue }" Width="400" Height="40"/>
                            </Grid>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </Grid>

当我运行上面的代码时，我得到一个输出，如单行，没有在70％和30％正确分离。谁能解决这个问题？

Answer 1

默认情况下，ListView的项目不会水平拉伸，而是粘在左侧。

您的问题应该通过以下代码解决：

 <ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
       <Setter Property="HorizontalContentAlignment"
               Value="Stretch" />
    </Style>
 </ListView.ItemContainerStyle>

Answer 2

当我运行上面的代码时，我得到一个输出，如单行，没有在70％和30％正确分离。任何人都可以解决这个问题吗？

这是因为Height的{{1}}应该设置为ColumnDefinitions和7*而不是3*和70*：

30*

有关网格使用的详细信息，请参阅Gird Class。

如何在UWP中的ListView中划分网格

2 个答案: