言語: HTML | XAML

クイック スタート: ボタン コントロールの追加 (XAML)

Applies to Windows and Windows Phone

ボタン コントロールを使うと、ユーザーがフォームの送信やリセットなどのコマンドのコミットやアクションの実行をできるようになります。このクイックスタートでは、C++、C#、または Visual Basic を使った Windows ランタイム アプリにボタン コントロールを追加する手順について説明します。

ロードマップ: このトピックと他のトピックとの関連については、以下をご覧ください。

目標: C++、C#、または Visual Basic で開発された Windows ランタイム アプリでボタンを使う。

必要条件

C++、C#、または Visual Basic で開発された基本的な Windows ランタイム アプリにコントロールを追加できることを前提としています。コントロールを追加する場合は、「クイック スタート: コントロールの追加とイベントの処理」をご覧ください。

手順

1. 標準的なボタンを追加する

ボタン コントロール

JJ153346.wedge(ja-jp,WIN.10).gifXAML でボタンを追加するには

  1. Button コントロールを親コンテナーに追加します。
  2. ボタンにラベルを割り当てるために、Content プロパティに文字列値を設定します。
  3. ユーザーがボタンをクリックしたときにアクションを実行するために、Click イベントのハンドラーを追加します。Click イベント ハンドラーに、何かアクションを実行するためのコードを追加します。
    
    <Button Content="Banana" Click="Button_Click"/>
    
    
    
    private async void Button_Click(object sender, RoutedEventArgs e)
    {
        Windows.UI.Popups.MessageDialog messageDialog = 
            new Windows.UI.Popups.MessageDialog("Thank you for choosing banana.");
        await messageDialog.ShowAsync();
    }
    
    

2. ボタンのコンテンツをカスタマイズする

ボタンは ContentControl であるため、どのようなオブジェクトでもボタンのコンテンツとして設定できます。コンテンツが UIElement の場合、ボタンにレンダリングされます。コンテンツが別のタイプのオブジェクトの場合、その文字列表現がボタンに表示されます。

ここでは、バナナの画像とテキストを含む StackPanelButton コントロールの Content として設定されます。


<Button Click="Button_Click_1" 
        Background="#FF0D6AA3" 
        Height="100" Width="100" >
    <StackPanel>
        <Image Source="Assets/Banana.png"/>
        <TextBlock Text="Banana" HorizontalAlignment="Center"/>
    </StackPanel>
</Button>

画像とテキスト コンテンツがあるボタン

3. HyperlinkButton を追加する

既定で HyperlinkButton はテキスト ハイパーリンクとして表示されます。ユーザーがこれをクリックすると、既定のブラウザーの NavigateUri プロパティで指定したページが開きます。この Click イベントを処理する必要はありません。

ハイパーリンク ボタン

HyperlinkButton を追加するには

  1. HyperlinkButton コントロールを親コンテナーに追加します。
  2. 移動先のページを表す文字列に、Content プロパティを設定します。
  3. NavigateUri プロパティに、ボタンが押されたときに移動する Uniform Resource Identifier (URI) を指定します。

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


要約

このチュートリアルでは、アプリにボタン コントロールを追加する方法について説明しました。

関連トピック

ボタンを追加する方法
C# または Visual Basic を使った Windows ランタイム アプリのためのロードマップ
C++ を使った Windows ランタイム アプリのためのロードマップ

 

 

表示:
© 2015 Microsoft