SHOEISHA iD

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

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

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

分割アプリケーションとグリッドアプリケーション

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

 Windows 8が発売され、タッチ操作向けのアプリケーションのストア「Windowsストア」がオープンしました。本記事ではその新しい「Windowsストア」向けのアプリケーションの概要と初期プロジェクトのテンプレートを比較しながら解説し、基礎的な構成を学習する手助けを行います。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 第1回では、Windowsストアアプリケーションの概要と、プロジェクト作成時に選択できる3つのテンプレートの一つ「新しいプロジェクト」テンプレートについて紹介しました。この記事では、残り2つのプロジェクト「分割アプリケーション」と「グリッドアプリケーション」を解説します。

 「新しいアプリケーション」が機能の少ないシンプルなテンプレートだったのに比べて今回紹介するテンプレートはいろいろな機能が含まれています。どれもWindowsストアアプリケーション開発に欠かせない概念です。ぜひ理解しておきましょう。

分割アプリケーション

 「分割アプリケーション」は2ページ構成のプロジェクトです。最初のページでグループ化された項目のリストを表示します。グループを選択することで、グループのアイテム一覧を表示するページに遷移するような構成のアプリケーションを作成するのに向いています。

 「分割アプリケーション」には「新しいアプリケーション」プロジェクトにはなかった補助クラスが追加されていますので、その解説を中心に変更点を見ていきましょう。

 なお、分割アプリケーションの構成の説明には、データバインディング、データコンバーター、VisualStateなどの概念の理解が必要となります。これらの概念になじみのない方は、本記事をスタートとして、これらのテーマを学んでみてください。

分割アプリケーションの画面1
分割アプリケーションの画面1
分割アプリケーションの画面2
分割アプリケーションの画面2

Common

 「分割アプリケーション」では「Common」フォルダの中に多くのファイルが含まれています。「Common」フォルダの一覧は以下です。

  • BindableBase.cs
  • BooleanNegationConverter.cs
  • BooleanToVisibilityConverter.cs
  • LayoutAwarePage.cs
  • ReadMe.txt
  • RichTextColumns.cs
  • StandardStyles.xaml
  • SuspensionManager.cs

 「StandardStyles.xaml」は前回紹介した「新しいアプリケーション」プロジェクトと共通です。それ以外は「新しいアプリケーション」には存在しなかったファイルです。

コラム:「新しいアプリケーション」にCommonディレクトリを追加する方法

 「新しいアプリケーション」プロジェクトには「BindableBase.cs」などのファイルがプロジェクトに存在しませんでした。

 

 画面は「新しいアプリケーション」のようなシンプルな状態からスタートしてCommon以下のファイルは利用したいというケースもあります。その場合はプロジェクトの項目追加でCommon以下のどれかを利用するような項目を追加すると同時にCommon以下のファイルが追加されます。たとえば「基本ページ」「分割ページ」などがそれに当たります。

BindableBase.cs

 「BindableBase.cs」は、データバインディングのベースとなるクラスです。

 データバインディングとは、View(XAML)のプロパティとデータ(C#のプロパティなど)をバインド(結合)する仕組みです(詳細は後述)。

 データバインディングを利用することで、Viewとデータの疎結合が実現できます。XAMLを用いた開発プラットフォーム(WPF、Silverlight、Windowsストアアプリケーション)では、データバインディングの理解はクラス設計、開発効率の向上に役立ちますのでぜひマスターしてください。

BooleanNegationConverter.cs

 「BooleanNegationConverter.cs」には、データバインディングで利用するコンバーターが定義されています。コンバーターはIValueConverterを実装する必要があり、ConvertとConvertBackというメソッドを持ちます。それぞれデータからViewに値を渡す際に変換(Convert)するケースと、Viewでの変更をデータに伝える際に変換(ConvertBack)する際に呼び出されます。

 BooleanNegationConverterクラスはboolean型の値を逆転させる(trueをfalseに、falseをtrueに)だけのクラスなので、あまり実用的ではありませんが、コンバーターの動作を確認するのには向いています。

BooleanNegationConverter.csのコード
public sealed class BooleanNegationConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        return !(value is bool && (bool)value);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        return !(value is bool && (bool)value);
    }
}

 ConverterはView(XAMLコード)側で以下のように利用します。

View側でConverterを利用する
<textblock text="{Binding Date, Converter={StaticResource DateToStringConverter}}"></textblock>

BooleanToVisibilityConverter.cs

 「BooleanToVisibilityConverter.cs」もコンバーターです。データ側のプロパティがbool型の場合に、その値をXAMLの表示・非表示を表すVisibility列挙体に変換するコンバーターです。コードのシンプルさは「BooleanNegationConverter.cs」と同等ですが、実用性はこちらが上です。

LayoutAwarePage.cs

 ページクラスにさまざまな機能を追加するベースクラスです。

 「新しいプロジェクト」のMainPageクラスはPageクラスを継承していました。今回紹介するプロジェクトテンプレートは、Pageクラスを継承して機能を追加したLayoutAwarePageクラスを継承することで、様々な機能が利用可能になっています。

 「前のページに戻る」「ページ遷移の履歴を一つ進む」機能や、スナップ表示などの表示状態変更時の処理などがLayoutAwarePageクラスには追加されています。

RichTextColumns.cs

 「RichTextColumns.cs」は、一段では収まらないテキストを左から右に自動で段を増やして表示してくれるコントロールです。量の多いテキストデータなどを画面に表示する場合や、縦にスクロールバーを表示したくない場合などに自動で右に段落を増やしてくれる「RichTextColumns.cs」は重宝します。

 「RichTextColumns.cs」の使用例は、プロジェクトテンプレートの「グリッドアプリケーション」の「ItemDetailPage.xaml」にあります。

SuspensionManager.cs

 「SuspensionManager.cs」は、Windowsストアアプリケーションが中断状態になる際のデータ保存、再開時のデータ復元に利用できます。「SuspensionManager.cs」を利用可能なクラスは、LayoutAwarePageを継承したページクラスです。

 「分割アプリケーション」の「App.xaml.cs」では、SuspensionManagerを利用した復元処理が記載されていますので参考にしてみてください。

会員登録無料すると、続きをお読みいただけます

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

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

メールバックナンバー

次のページ
ItemsPage.xaml(およびItemsPage.xaml.cs)

修正履歴

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

  • X ポスト
  • このエントリーをはてなブックマークに追加
速習 Windowsストアアプリケーション連載記事一覧

もっと読む

この記事の著者

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

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

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

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

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6889 2012/12/03 17:35

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング