如何在gridview中换行-windows商店应用程序答案

【问题标题】：how to wrap text in gridview - windows store app如何在gridview中换行-windows商店应用程序
【发布时间】：2013-12-15 18:01:34
【问题描述】：

我正在使用grid view control 来显示数据，

问题是，我的几段文字很长，而且变形不正确

xaml 是这样的：

<GridView x:Name="itemGridView" Grid.Row="2" Margin="30,20,0,0" AutomationProperties.AutomationId="ItemsGridView" AutomationProperties.Name="Items"  TabIndex="1" Grid.RowSpan="2" ItemsSource="{Binding EquipBookingCollection}" ItemTemplate="{StaticResource Standard250x250ItemTemplate}" SelectionMode="None" IsSwipeEnabled="false" IsItemClickEnabled="True" ItemClick="ItemView_ItemClick"/>

ItemTemplate 是这样的：

<DataTemplate x:Key="Standard250x250ItemTemplate">
        <Grid HorizontalAlignment="Left">
            <StackPanel Margin="5">
                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Start Time : " Style="{StaticResource TitleTextStyle}"></TextBlock>
                    <TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Finish Time: " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding BookedToDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Task Address : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding TaskAddress}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Task Description : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding TaskDescription}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Client Company : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding ClientCompany}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Status Name : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding Status.Description}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Foreground="Red"/>
                </StackPanel>

            </StackPanel>
        </Grid>
    </DataTemplate>

请帮帮我，谢谢

【问题讨论】：

您希望将说明作为多行转到下一行吗？

标签： c# xaml windows-phone-8 microsoft-metro windows-store-apps

【解决方案1】：

这是与TextBlock TextWrapping not wrapping inside StackPanel相关的问题

简而言之，您将希望停止使用 StackPanel 控件并改用更好的 Grid 控件。

【讨论】：

谢谢，我会试试的

【解决方案2】：

设置文本块的宽度属性

<TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Width = "200"/>

【讨论】：

【解决方案3】：

你可以使用 WrapPanel 代替 StackPanel

        </WrapPanel>

【讨论】：