UWP

`

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <TextBlock Grid.Column="1" x:Name="TxtMessage" TextWrapping="Wrap"/>
    <RelativePanel>
        <Button Name="HamburgerButton"
                RelativePanel.AlignLeftWithPanel="True"
                FontFamily="Segoe MDL2 Assets"
                Content="&#xE700;"
                Width="45"
                Height="45"
                HorizontalAlignment="Center"
                Click="HamburgerButton_Click"/>
        <TextBlock Name="TitleTextBlock"
                   RelativePanel.RightOf="HamburgerButton"
                   FontSize="18"
                   FontWeight="Bold"
                   Margin="20,10,0,0"/>
        <AutoSuggestBox Name="MyAutoSuggestBox"
                        QueryIcon="Find"
                        PlaceholderText="搜索"
                        RelativePanel.AlignRightWithPanel="True"
                        Width="175"
                        Margin="0,10,10,0"/>
    </RelativePanel>
    <SplitView Name="MySplitView"
               Grid.Row="1"
               DisplayMode="CompactOverlay"
               OpenPaneLength="150"
               CompactPaneLength="45">
        <SplitView.Pane>
            <ListBox SelectionMode="Single"
                     SelectionChanged="ListBox_SelectionChanged">
                <ListBoxItem Name="Home">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="&#xE80F;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"/>
                        <TextBlock Text="我的主頁"
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="UserRegister">
                    <StackPanel Orientation="Horizontal">
                        <Frame Name="UserRegisterFrame"></Frame>
                        <TextBlock Text="&#xE187;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"/>
                        <TextBlock Text="用戶註冊" 
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="UserLogin">
                    <StackPanel Orientation="Horizontal">
                        <Frame Name="UserLoginFrame"></Frame>
                        <TextBlock Text="&#xE77B;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"/>
                        <TextBlock Text="用戶登錄"
                                   FontSize="18"
                            Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="MyMessage">
                    <StackPanel Orientation="Horizontal">
                        <Frame Name="MyMessageFrame"></Frame>
                        <TextBlock Text="&#xE134;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"/>
                        <TextBlock Text="我的消息"
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="MyInformation">
                    <StackPanel Orientation="Horizontal">
                        <Frame Name="MyInformationFrame"></Frame>
                        <TextBlock Text="&#xE136;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"
                                   />
                        <TextBlock Text="個人簡介"
                                   FontSize="18"
                            Margin="20,0,0,0" />
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="MySetting">
                    <StackPanel Orientation="Horizontal">
                        <Frame Name="FrameMySetting"></Frame>
                        <TextBlock Text="&#xE115;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"/>
                        <TextBlock Text="個性設置"
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="JobDescription">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="&#xE805;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"
                                   />
                        <TextBlock Text="職位詳情"
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
                <ListBoxItem Name="JobDepict">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="&#xE822;"
                                   FontFamily="Segoe MDL2 Assets"
                                   FontSize="25"
                                   />
                        <TextBlock Text="職位描述"
                                   FontSize="18"
                                   Margin="20,0,0,0"/>
                    </StackPanel>
                </ListBoxItem>
            </ListBox>
        </SplitView.Pane>
        <SplitView.Content>
            <GridView Name="NewsItemGrid"
                      ItemsSource="{x:Bind JobCategorys}"
                      HorizontalAlignment="Stretch"
                      Margin="10,0,0,0"
                      IsItemClickEnabled="True"
                      ItemClick="NewsItemGrid_ItemClick"
                      >
                <GridView.ItemTemplate>
                    <DataTemplate x:DataType="data:JobCategory">
                        <Grid Background="White" Margin="5" Height="135" Width="205">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Image Grid.Row="1" Name="MyImage"  Source="{x:Bind Image}" Height="375" Width="245"/>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" >
                                <TextBlock Text="{x:Bind Headline}" FontSize="24" Foreground="White" FontWeight="Bold"/>
                            </StackPanel>
                        </Grid>
                    </DataTemplate>
                </GridView.ItemTemplate>

            </GridView>
        </SplitView.Content>
    </SplitView>
</Grid>