3

我有以下 XAML，它的目的是在它旁边显示一个Image和两个：TextBlocks

<StackPanel Orientation="Horizontal" >
    <Image Source="{Binding CoverArt}" Height="150" />
        <StackPanel Orientation="Vertical">
            <StackPanel>
                <TextBlock FontSize="30" Text="{Binding Title}" TextWrapping="Wrap" />
            </StackPanel>
            <Grid Width="auto">
                <TextBlock FontSize="22" Text="{Binding Summary}" TextWrapping="Wrap" />
            </Grid>
         </StackPanel>
</StackPanel>

我的问题是让文本换行。我试过使用 aGrid并分配列的宽度，但它没有用。也没有将宽度值设置为自动。唯一有效的是对宽度进行硬编码，但我不希望这样。谢谢。

4

1 回答 1

5

Stackpanel 将拉伸到其内容的大小，因此我不会使用它。使用网格，如以下帖子中所述：

TextBlock TextWrapping 没有包裹在 StackPanel 中

StackPanel 中的文本不换行 (wp7)

堆栈面板内的 TextBlock 不换行

快速比较： 使用 stackpanel 之前

在此处输入图像描述

使用一个网格之后（您可能需要重新排列元素）

在此处输入图像描述

最后一段的代码：

<pre>
    <Grid Grid.Row="1">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Ellipse Fill="red" Width="150" Height="150" />
        <StackPanel Grid.Column="1" Orientation="Vertical">
            <StackPanel>
                <TextBlock FontSize="30" Text="basdljhba dnaiks d., kasndca casn oiäc cas lkcnaso ca dxjwöbdq wkjöbdqw dkjwqb " TextWrapping="Wrap" />
            </StackPanel>
            <Grid Width="auto">
                <TextBlock FontSize="22" Text="dewdewdewdewdewewd" TextWrapping="Wrap" />
            </Grid>
        </StackPanel>
    </Grid>

您是否尝试将列的宽度设置为分数？width="2*" 这将为您提供一些没有像素集大小的边界。您需要以某种方式为容器设置约束。如果你有两列并且没有设置大小，它们将得到 50%。2* 将使该列占总列的 2/3，请参见下面的示例。

在此处输入图像描述

于 2013-07-27T15:46:12.887 回答