試してみよう : ブラウザ ウィンドウを開くハイパーリンクを作成する

このページは WPF プロジェクトにのみ適用されます。

インターネット ブラウザ ウィンドウを開くハイパーリンクを作成するには、イベント ハンドラ メソッドを使用する必要があります。次の手順では、ユーザーが指定した URL でブラウザ ウィンドウを開くテキスト コントロール内のハイパーリンクを作成する方法を示します。

アプリケーションまたは Web ページ内の別の [ページ] ドキュメントに移動する [ページ] ドキュメントにハイパーリンクを作成する場合、[プロパティ] パネルの [ハイパーリンク] ボタンを使用します。詳細については、「[ページ] ドキュメントでのハイパーリンクの作成」を参照してください。

テキスト コントロール内のハイパーリンクを作成するには

  1. [デザイン] ビューで、Button や Label などのテキスト コントロールをアートボードに描画します。詳細については、「アートボードへのテキスト コントロールの追加」を参照してください。

  2. [オブジェクトとタイムライン] で、新しいテキスト オブジェクトを選択します。

  3. [プロパティ] パネルで、右上の領域にある [イベント] ボタン Cc304466.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(ja-jp,Expression.10).png をクリックします。

    [プロパティ] パネルが [イベント] ビューに切り替わります。

  4. 次のイベントのいずれかを検索します。

    • Click   このイベントは、Button や CheckBox などのコントロールに対して存在します。

    • MouseDown   このイベントは、Label や Grid など、他のほとんどのコントロールに対して存在します。

  5. イベントの名前をテキスト ボックスに入力するか、イベント ハンドラ メソッドの初期コードを作成するテキスト ボックスをダブルクリックします。

    Microsoft Visual Studio 2008 がインストールされている場合、Microsoft Expression Blend はドキュメントのコードビハインド ファイル内にイベント ハンドラ メソッドを生成し、そのコードビハインド ファイルを Visual Studio 2008 で開きます。Visual Studio 2008 がインストールされていない場合、Expression Blend はイベント ハンドラ メソッドのコードをクリップボードにコピーします。ユーザーがテキスト エディタでコードビハインド ファイルを開いてコードを貼り付ける必要があります。詳細については、「コードビハインド ファイルの編集」を参照してください。

  6. 次のコードをイベント ハンドラ メソッド内に貼り付けます。

    try
    {
      System.Diagnostics.Process.Start("https://www.microsoft.com");
    }
    catch {}
    
    Try
    System.Diagnostics.Process.Start("https://www.microsoft.com")
    Catch
      'Code to handle the error.
    End Try
    

    Click イベントを使用し、このイベントに OnClick という名前を付けた場合、イベント ハンドラ メソッドは次のようになります。

    private void OnClick(object sender, RoutedEventArgs e)
    {
        try    {System.Diagnostics.Process.Start("https://www.microsoft.com");    }    catch {}
    }
    
    Private Sub OnClick(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        TrySystem.Diagnostics.Process.Start("https://www.microsoft.com")    Catch        'Code to handle the error.    End Try
    End Sub
    

    MouseDown イベントを使用し、このイベントに OnMouseDown という名前を付けた場合、イベント ハンドラ メソッドは次のようになります。

    private void OnMouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
    {
        try    {System.Diagnostics.Process.Start("https://www.microsoft.com");    }    catch { }
    }
    
    Private Sub OnMouseDown(ByVal sender As System.Object, ByVal e As System.Windows.Input.MouseButtonEventArgs)
        TrySystem.Diagnostics.Process.Start("https://www.microsoft.com")    Catch        'Code to handle the error.    End Try
    End Sub
    
  7. ファイルを保存し、F5 キーを押してアプリケーションを実行し、ハイパーリンクをテストします。

TextBlock の部分にハイパーリンクを作成するには

  1. アートボード上に TextBlock コントロールを描画します。詳細については、「アートボードへのテキスト コントロールの追加」を参照してください。

  2. [オブジェクトとタイムライン] で [TextBlock] を右クリックし、[XAML の表示] をクリックします。

    アートボードが [分割] ビューに切り替わり、TextBlock の XAML コードの行が強調表示されます。

  3. TextBlock オブジェクトを次の XAML コードに置き換えます。

    <TextBlock TextWrapping="Wrap">
      <Run Text="Click "/>
      <Hyperlink Click="OnClick">
        <Run Text="here"/>
      </Hyperlink>
      <Run Text=" for more information"/>
    </TextBlock>
    

    この XAML コードの TextBlock には、リンクの前後のテキストの子要素およびハイパーリンクがあります。このサンプル XAML コードはアートボードの左上の領域の TextBlock に配置されているため、場合によっては TextBlock 要素の位置またはサイズを変更する必要があります。

  4. TextBlock 要素の内容の書式を設定する場合、[デザイン] ビューで TextBlock オブジェクトを選択し、F2 キーを押してテキスト編集モードに移行します。テキスト編集モードでは、イメージや他のオブジェクトなど、他のコンテンツを TextBlock に追加することもできます。詳細については、「テキストの編集」、「テキストの書式設定」および「テキスト フローへのオブジェクトの追加」を参照してください。

  5. ハイパーリンクを使用するには、Click イベント ハンドラ メソッドを追加する必要があります。[プロジェクト] パネルでドキュメントのコードビハインド ファイルをダブルクリックして開きます。Visual Studio 2008 がインストールされている場合、コードビハインド ファイルが Expression Blend で開きます。Visual Studio 2008 がインストールされていない場合、Expression Blend はファイル名拡張子 .cs または .vb に関連付けられたテキスト エディタでコードビハインド ファイルを開きます。これらのファイル名拡張子に関連付けられているプログラムがない場合、テキスト エディタを開き、そのテキスト エディタでコードビハインド ファイルを開く必要があります。詳細については、「コードビハインド ファイルの編集」を参照してください。

  6. コードビハインド ファイルのクラス宣言内に次のコードを貼り付けます (たとえば、.vb ファイルの End Class 行の前、または .cs ファイルの最後から 2 番目の } の前)。

    private void OnClick(object sender, RoutedEventArgs e)
    {
        try    {System.Diagnostics.Process.Start("https://www.microsoft.com");    }    catch {}
    }
    
    Private Sub OnClick(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        TrySystem.Diagnostics.Process.Start("https://www.microsoft.com")    Catch        'Code to handle the error.    End Try
    End Sub
    
  7. ファイルを保存し、F5 キーを押してアプリケーションを実行し、ハイパーリンクをテストします。

関連項目

概念

[ページ] ドキュメントでのハイパーリンクの作成

Silverlight アプリケーションでのハイパーリンクの作成