Xaml URL

XAML を編集して URL(Uniform Resource Locator) にハイパーリンクします。

前田稔の超初心者のプログラム入門

プログラムの説明

  1. ハイパーリンクとは Web で親しまれているリンク先を表示する機能のことです。
    今回は [私のトップページ]と[google ページ] へのハイパーリンクを設定します。
    新規プロジェクトから[WPF アプリ(.NET Framework)] を構築します。
    規定値で [プロジェクト名=WpfApp1][namespace=WpfAppl] になっています。
  2. MainWindow.xaml を修正して NavigationWindow を使います。
    <NavigationWindow x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    </NavigationWindow>
    
  3. MainWindow.xaml.cs を修正します。
    Window に代えて NavigationWindow を継承します。
    namespace WpfApp1
    {   public partial class MainWindow : NavigationWindow
        {   public MainWindow()
            {   InitializeComponent();
            }
        }
    }
    
  4. コンパイル&実行してウインドウを表示すると左右の矢印アイコン(Next, Back)が設定されています。

    それでは次に [私のトップページ]と[google ページ] へのハイパーリンクを設定します。

ハイパーリンク

  1. MainWindow.xaml から呼び出すハイパーリンクのトップページを作成します。
    プロジェクトを起動して、メニューの[プロジェクト][新しい項目の追加]から][ページ(WPF)] を選びます。
    名前を TopPage にしてOKをクリックすると TopPage.xaml が追加されます。
    namespace(名前空間)は、規定値で [WpfApp1] になっています。
  2. TopPage.xaml を修正して Hyperlink を追加します。
    <Page x:Class="WpfApp1.TopPage"
        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" 
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d" 
        d:DesignHeight="300" d:DesignWidth="300"
        Title="TopPage">
        <TextBlock Margin="10,20,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            TextWrapping="Wrap">
            <Hyperlink NavigateUri="http://www.eonet.ne.jp/~maeda/index.html">
                私のトップページへ遷移します
            </Hyperlink>
            <LineBreak />
            <Hyperlink NavigateUri="https://www.google.co.jp/">
                google ページへ遷移します
            </Hyperlink>
        </TextBlock>
    </Page>
    
  3. MainWindow.xaml.cs から Navigate(new TopPage()) で TopPage を呼び出します。
    namespace WpfApp1
    {   public partial class MainWindow : NavigationWindow
        {   public MainWindow()
            {   InitializeComponent();
                Navigate(new TopPage());
            }
        }
    }
    
  4. コンパイル&実行すると TopPage が表示されます。
    "私のトップページへ遷移します" をクリックすると私のページが表示されます。
    "google ページへ遷移します" をクリックすると google ページが表示されます。
    NavigationWindow で設定される Next, Back が効いていることも確認して下さい。

超初心者のプログラム入門(C# Frame Work)