0

このレイアウトを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>
4

1 に答える 1

3

私が思いつくことができる最善の方法は、グリッドを使用することです

<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>
于 2012-04-04T13:49:08.123 に答える