Spezifisches Layout für Windows Phone 7

Question

Ich möchte dieses Layout in Silverlight erstellen. Der Text muss um das Bild wickeln:

Die nächste Lösung, die ich finde, ist das, aber das ist nicht genau das, was ich möchte.

<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

Beste ich kann kommen mit einem Gitter

<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> 

Ein weiterer Vorschlag die RichTextBox wäre die Verwendung zu verwenden. Ich habe keine allzu schlechten Ergebnisse mit

<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>