如何在Windows 8 Metro App中設計對話視圖？

Question

我試圖在Windows 8 Metro App中設計聊天應用程序的對話視圖。我是新來的XAML的設計，如何設置如下圖的對話視圖，

Answer 1

雖然在第一次看來這樣的佈局可以配合到網有三列，我相信你需要在某個時候滾動。所以，你可以使用Canvas，它允許自由浮動控制。將它們與Canvas.Left和Canvas.Top附加屬性。

更新：我的意思的例證：

<Canvas Width="300" Height="200"> 
    <Border Width="40" Height="40" Canvas.Left="10" Canvas.Top="60" Background="Red"/> 
    <Border Width="160" Height="80" Canvas.Left="60" Canvas.Top="60" Background="LightGray"/> 
    <Border Width="40" Height="40" Canvas.Left="250" Canvas.Top="150" Background="Red"/> 
    <Border Width="160" Height="30" Canvas.Left="80" Canvas.Top="150" Background="LightGray"/> 
</Canvas> 

讓我們假設紅色邊框是用戶圖片（放Image內）和灰色邊框消息（放RichTextBlock內。）畫布可以讓你轉移的自由地阻止。