Image

先用Grid將畫面切成4個區塊

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
</Grid>

控制項Image可以載入圖片

打Image後空一格就會出現可以定義Image的屬性，不得不說WPF真得很方便
將要呈現的圖片放在專案的資料夾下，我是建議多建一個資料夾存放圖片這樣看起來比較不會太亂

我們可以在Image後面使用Source填寫相對路徑及檔案明稱就能將圖片放上去了

但如果這時候執行專案會發現跳出來的畫面一片空白
解決方法為在方案總管找到該圖片並點選，檔案屬性的建置動作改為資原

比較結果

Image裡面可以增加該Grid.Row/Grid.Column圖要放在哪個區塊

        <Image Grid.Row="0" Source="/Resource/001.png"/>
        <Image Grid.Row="1" Source="/Resource/002.png"/>

Textblox

控制項Textblock可以顯示文字

Text顯示文字區塊內容
FontSize為字的大小
Margin為該控制項距離該區塊邊界的距離
VerticalAlignment為該空置項的垂直位置
幫然還有很多屬性可以設定，這部分就自己摸索吧