silverlight - Windows Phone 7 的特定布局

Question

我想在 Silverlight 中创建这个布局。文字需要环绕图片：

我找到的最接近的解决方案是，但这并不是我想要的。

<StackPanel Margin="0,0,0,20">
    <TextBlock Text="{Binding Title}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
    <StackPanel Orientation="Horizontal" >
        <Image Source="{Binding Img}" MaxWidth="100" />
        <TextBlock Text="{Binding Desc}" TextWrapping="Wrap" Margin="0,10,0,5" Style="{StaticResource PhoneTextSubtleStyle}"/>
    </StackPanel>
</StackPanel>

Answer 1

我能想到的最好的方法是使用网格

<Grid >
    <Grid.RowDefinitions>
       <RowDefinition Height="40" />
       <RowDefinition Height="40" />
       <RowDefinition Height="40" />
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="200" />
        <ColumnDefinition Width="200" />
    </Grid.ColumnDefinitions>

    <TextBlock Text="Title" Grid.Row="0" Grid.ColumnSpan="2" HorizontalAlignment="Center" />

    <TextBlock Text="Image" Grid.Row="1" Grid.Column="0" />
    <TextBlock Text="Description" TextWrapping="Wrap" Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" />
</Grid>

另一个建议是使用RichTextBox。我使用的结果还不错

<RichTextBox  Width="400" Height="400" FontSize="40">
    <Paragraph>
        <InlineUIContainer >
           <Image Source="/image.png" Width="100" Height="200" />
         </InlineUIContainer>
        <Run Text="A simple RichTextBox with Image: " />
        <Italic Foreground="YellowGreen">Some Italic Text Here!</Italic>
     </Paragraph>
</RichTextBox>