Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

ナビゲーション(画面遷移)のサンプル

WPFでの画面遷移のサンプルを作成します。

構成ファイル

  • App.xaml
  • Page1.xaml
  • Page2.xaml

ソースコード

App.xaml
<Application x:Class="HelloWorld.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="Page1.xaml">
</Application>
Page1.xaml
<Page x:Class="HelloWorld.Page1"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
	Title="Page1">
    <StackPanel>
        <TextBlock FontSize="24">トップページ</TextBlock>
        <TextBlock FontSize="24">
            <Hyperlink NavigateUri="Page2.xaml">
                2番目のページへ
            </Hyperlink>
        </TextBlock>
    </StackPanel>
</Page>
Page2.xaml
<Page x:Class="HelloWorld.Page2"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
	Title="Page2">
    <TextBlock FontSize="24">2番目のページです。</TextBlock>
</Page>

アプリ実行

遷移前


遷移後