SHOEISHA iD

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

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

顧客と開発者の生産性を格段に向上させる、業務システムの画面UI(PR)

MultiTouchで既存アプリケーションをタッチ対応にしてみよう

顧客と開発者の生産性を格段に向上させる、業務システムの画面UI 第4回

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

拡大鏡で文字を読みやすくする

拡大鏡で文字を拡大表示
拡大鏡で文字を拡大表示

 上の画像のように文字をタップすることで、タップされた部分を拡大表示する拡大鏡を表示することができます。

GcMagnifier

 GcMagnifierコンポーネントはLabelやTextBoxといったコントロールの文字の拡大表示を行うことができます。GcMagnifierを利用することで小さな文字の可読性を向上させたり、選択を容易にしたりすることができます。

GcMagnifierの追加方法

 GcMagnifierを使用するには、上記「コントロールの追加」項目に従いGcMagnifierをツールボックスに追加します。

 デザインビューから画面にGcMagnifierをドロップします。

画面にGcMagnifierを追加する
画面にGcMagnifierを追加する

 GcMagnifierに対応したコントロール(Labelなど)を画面に追加すると、下画像のように「GcMagnifier名のEnableMagnifier」というプロパティが追加されていますので、値をTrueに変更します。

EnableMagnifierプロパティが追加された
EnableMagnifierプロパティが追加された

拡大率に応じた画像を表示する

 画面の拡大縮小でしばしば問題になるのは画像の解像度です。

 大きな画像を縮小して小さく表示するのはメモリを無駄に使用し、小さい画像を拡大するとどうしても画像がぼやけてしまいます。

 GcMultiScaleImageコントロールは、画像のズーム率に応じて適切な画像を表示します。

標準では小さい画像
標準では小さい画像

 画像を拡大すると下画像のように表示する画像が切り替わります。

拡大すると大きな画像に切り替わる
拡大すると大きな画像に切り替わる

GcMultiScaleImageの追加方法

 GcMultiScaleImageを追加するには、上記「コントロールの追加」項目に従いGcMultiScaleImageをツールボックスに追加します。

 デザインビューから画面にGcMultiScaleImageをドロップします。

 プロパティウィンドウのImagesを編集します。Imagesプロパティ編集時には以下のようなImageItemコレクションエディターが起動しますので、拡大倍率毎の画像を指定します。

 ZoomFactorプロパティに画像を表示する倍率を指定すると、指定された倍率時にアイテムの画像が表示されます。

ImageItemコレクションエディター
ImageItemコレクションエディター

次のページ
タッチに対応したイベントを設定する

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

  • このエントリーをはてなブックマークに追加
顧客と開発者の生産性を格段に向上させる、業務システムの画面UI連載記事一覧

もっと読む

この記事の著者

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

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

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

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

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/9826 2016/12/02 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング