大きく変わるWindowsストア・アプリ開発 〜 検索コントラクトに関連する変更点特集:次期Windows 8.1&Visual Studio 2013 Preview概説(中編)(2/3 ページ)

» 2013年07月22日 14時18分 公開
[山本康彦BluewaterSoft]

新設された検索ボックス・コントロール

 検索コントラクトを使わないとすれば、アプリでの検索はどうすればよいのか? そのためのコントロールが新設された。次の画像にはマイクロソフト製のWin 8.1ストア・アプリが3つ並んでいるが、それぞれの右上隅付近に検索ボックスが置かれている。

Win 8.1ストア・アプリではアプリ内に検索ボックスを置く Win 8.1ストア・アプリではアプリ内に検索ボックスを置く
この画像の3つのWin 8.1ストア・アプリはマイクロソフト製。いずれもアプリの右上隅に検索ボックスが置かれている(赤丸内)。

 この検索ボックスは、XAMLではWindows.UI.Xaml.Controls名前空間に新設されたSearchBoxコントロールを使う。これは、テキストボックスの右側に検索ボタンを付けただけといった単純なものではなく、検索に必要なさまざまな機能が用意されている。

 SearchBoxコントロールの動作の例を次の画像に示す。検索語句の入力中に、検索語句の候補と、検索結果の候補が表示される。このほかに、検索履歴もサポートされる*2

Win 8.1ストア・アプリの検索ボックスの例 Win 8.1ストア・アプリの検索ボックスの例
これはマイクロソフト製「ファイナンス」アプリの検索ボックス。入力中に、検索語句の候補(ドロップダウンの上部)と検索結果の候補(同じく下部)が表示されている。

 検索ボックスを置く場所は、マイクロソフト製Win 8.1ストア・アプリを見る限りでは、画面の右上でよいようだ。また、新しい検索のガイドライン*3によれば、上部のアプリ・バーに配置してもよいことになっている。

*2 検索の変更点については、「MSDN:UX/UI - Search updates」(本稿執筆時点では英語のみ)に記載されている。

*3 新しい検索のガイドラインは「MSDN:Guidelines and checklist for search (Windows Store apps)」を参照(本稿執筆時点では英語のみ)。


Copyright© Digital Advantage Corp. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。