在通用应用程序的网格内拉伸 TextBlocks答案

【问题标题】：stretch TextBlocks inside a Grid in a universal App在通用应用程序的网格内拉伸 TextBlocks
【发布时间】：2016-01-10 05:04:30
【问题描述】：

我在修复 Grid 内的 3 个 TextBlock 时遇到问题，在 Metro 应用程序中，我使用了此链接 enter link description here

但我在网格内拉伸 TextBlocks 时总是遇到问题这是我的代码：

<ListView  Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Stretch">
                        <ListView.ItemTemplate >
                            <DataTemplate>
                        <Grid  Margin="0" HorizontalAlignment="Stretch">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Border Margin="0">
                                <Image Grid.Column="0" Source="images/img1.png"  Margin="0,5"  Stretch="Fill" Width="80"/>
                            </Border>
                            <Grid Grid.Column="1"  Margin="5" HorizontalAlignment="Stretch" >
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <TextBlock  x:Name="text1" Text="test1"  Grid.Row="0" Margin="5" HorizontalAlignment="Stretch" ></TextBlock>
                                <TextBlock  x:Name="text2" Text="test2" Grid.Row="1" HorizontalAlignment="Stretch" ></TextBlock>
                                <TextBlock x:Name="text3" Text="test3" Grid.Row="2" HorizontalAlignment="Stretch" ></TextBlock>
                            </Grid>
                        </Grid>
                        </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

所以我需要你的帮助来解决这个问题感谢帮助

【问题讨论】：

标签： win-universal-app windows-10-universal

【解决方案1】：

您必须编辑 ListViewItem 的样式并将 HorizontalAlignment 设置为 Stretch

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

【讨论】：