Cách "nổi" hình ảnh trong XAML (Windows 8 Metro)

Question

Có thể thực hiện trong XAML một cái gì đó như ffloat: để lại một hình ảnh trong CSS. Tôi cần phải tạo ra một cái gì đó như thế này:

với kích thước hình ảnh khác nhau và độ dài văn bản.

Sửa: Các warp văn bản xung quanh hình ảnh không phải là tĩnh trong trường hợp của tôi, đó là tạo ra trong mã C# mà trả về một danh sách các yếu tố TextBlock (với Chạy)

Answer 1

Các giải pháp dường như được sử dụng RichTextBlockOverflow và OverflowContentTarget được mô tả trong bài trình bày này: http://video.ch9.ms/build/2011/slides/APP-914T_Street.pptx

Answer 2

This question dường như được yêu cầu cho một cái gì đó tương tự với những gì bạn muốn. Câu trả lời here sẽ chứng minh một giải pháp cho những gì bạn mong muốn.

Một bản tóm tắt của câu trả lời là, sử dụng một FlowDocument như ví dụ sau:

<FlowDocument> 
    <Paragraph> 
     <Floater HorizontalAlignment="Left"> 
      <BlockUIContainer> 
       <Image Source="/FlowDocumentTest;component/dog.png" Width="100" /> 
      </BlockUIContainer> 
     </Floater> 
     Here is where the text goes to wrap around the image. 
    </Paragraph> 
</FlowDocument> 

Cập nhật

Như bang câu hỏi của bạn, bây giờ bạn đang sử dụng một số mã C# để tạo TextBlock/Run Các phần tử, cả hai có thể là con của đối tượng Đoạn. Vì vậy, chỉ đơn giản là tên của bạn Paragraph như vậy:

<FlowDocument> 
    <Paragraph x:Name="textPara"> 
     <Floater HorizontalAlignment="Left"> 
      <BlockUIContainer> 
       <Image Source="/FlowDocumentTest;component/dog.png" Width="100" /> 
      </BlockUIContainer> 
     </Floater> 
    </Paragraph> 
</FlowDocument> 

Sau đó, trong C#, thêm tạo TextBlock của bạn hoặc Run s đến Inlines tài sản của textPara, tức là

var runToInsert = new Run("Some text to display"); 
textPara.Inlines.InsertAfter(textPara.Inlines.FirstInline, runToInsert); 

Answer 3

Với Silverlight 4 bạn sẽ đạt được điều này bằng cách sử a RichTextBox:

<RichTextBox TextWrapping="Wrap" IsReadOnly="False"> 
    <Paragraph> 
     More text here .. 
     <InlineUIContainer> 
      <Image Source="abc.jpg"/> 
     </InlineUIContainer> 
     more and more text here; 
     <LineBreak /> 
    </Paragraph> 
</RichTextBox> 

Có vẻ như Win8 Metro có RichTextBox, và cũng có một InlineUIContainer, vì vậy một cái gì đó như trên sẽ hoạt động!