如何在gridview中包装文本 - windows store app

时间:2013-12-15 18:01:35

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

我使用grid view control来显示数据,

问题是,我的一些文字非常长而且没有正确扭曲

enter image description here

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>

请帮助我,谢谢

3 个答案:

答案 0 :(得分:1)

这是TextBlock TextWrapping not wrapping inside StackPanel

的相关问题

简而言之,您将希望停止使用StackPanel控件并使用更好的网格控件。

答案 1 :(得分:0)

设置textblock的宽度属性

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

答案 2 :(得分:0)

您可以使用WrapPanel

代替StackPanel

        </WrapPanel>