SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine(コードジン) DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

速習 Windowsストアアプリケーション

Windowsストアアプリの画面構成部品、コントロール

速習 Windowsストアアプリケーション 第3回

ボタン系コントロール

 ボタン系コントロールは、ButtonRepeatButtonHyperlinkButtonなどのボタンを表すコントロールです。これらはButtonBaseを継承しているため、同じスタイル定義が適用可能です。

Button

 Buttonコントロールは、オーソドックスなボタンです。

 これまでXAMLを使った開発では、コントロールの紹介やサンプルで良く利用される定番コントロールでしたが、Windowsストアアプリケーションではコンテンツの情報を最優先するため、ボタン類はAppBarなどに配置されることが多くなり、画面上にボタンを配置するケースが少なくなりました。

Buttonコントロール
Buttonコントロール
Buttonコントロールのサンプル
<Button Content="Button" HorizontalAlignment="Left" Margin="106,115,0,0" VerticalAlignment="Top"/>

 ButtonコントロールのContentプロパティの型はobjectです。Contentには他のコントロールを指定することもできます。

Contentプロパティに画像を指定
Contentプロパティに画像を指定
Contentプロパティに画像を指定
<Button HorizontalAlignment="Left" Margin="106,203,0,0" VerticalAlignment="Top">
    <Button.Content>
        <Image Source="Assets/アイコン.gif" Height="87" Width="105" />
    </Button.Content>
</Button>

RepeatButton

 RepeatButtonコントロールは、Buttonコントロールと似ていますが、ボタンをクリックしている間は定期的にイベントハンドラーを呼び出します。

RepeatButtonのコード(XAML)
<RepeatButton Content="RepeatButton" Click="RepeatButton_Click_1"/>

 クリックした際のイベントハンドラー(RepeatButton_Click_1)の定義は以下です。

RepeatButtonのコード(C#)
private void RepeatButton_Click_1(object sender, RoutedEventArgs e)
{
    System.Diagnostics.Debug.WriteLine("RepeatButton_Click_1");
}
RepeatButtonの実行結果
RepeatButtonの実行結果

HyperlinkButton

 HyperlinkButtonコントロールは、文字通りハイパーリンク機能を提供するコントロールです。

 以下のようにNavigateUriプロパティにURLを指定すると、ブラウザを起動してページを遷移します。

RepeatButtonのコード(C#)
<HyperlinkButton Content="HyperlinkButton" HorizontalAlignment="Left" Margin="279,249,0,0" VerticalAlignment="Top" NavigateUri="http://coelacanth.heteml.jp/blog/"/>

次のページ
フォーム系コントロール

修正履歴

この記事は参考になりましたか?

速習 Windowsストアアプリケーション連載記事一覧

もっと読む

この記事の著者

西村 誠(ニシムラ マコト)

 Microsoft MVP Windows Platform Development。 Flash、PHPの開発経験もあり国産ECサイト構築フレームワーク「EC-CUBE」の公式エバンジェリストでもある。 ブログ:眠るシーラカンスと水底のプログラマー 著書:基礎から学ぶ Windowsストアアプリ開発

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/6914 2012/12/21 14:00

おすすめ

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー