xaml - Windows 8 Metroアプリで会話ビューをデザインするにはどうすればよいですか？

Question

Windows8Metroアプリでチャットアプリケーションの会話ビューをデザインしようとしています。xamlデザインは初めてですが、下の画像のように会話ビューを設定する方法は、

Answer 1

最初は、このレイアウトは3列のグリッドに収まるように見えますが、ある時点でスクロールする必要があると確信しています。したがって、を使用するだけ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。Canvasを使用すると、これらのブロックを自由に移動できます。