SHOEISHA iD

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

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

ComponentZine(ComponentOne)(AD)

モダンな環境に対応する便利で多様なコンポーネント ~ バーコード/Excel/PDF/高解像度対応/タッチ操作/タイル

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

Sizer

 最近のディスプレイやノートPC高解像度化が進み、旧来のアプリケーションを表示すると小さく操作し辛いという事態が発生します。

 C1SizerLight(およびC1Sizer)コンポーネントは、アプリケーションの高解像度対応を簡単に実現できます。

 Sizerの効果は実際に画面を確認するのが良いでしょう。

 高解像度のディスプレイ(2560×1440ピクセル)で高解像度対応していないアプリケーションを実行した場合、下画像のようにウィンドウを拡大しても表示文字のサイズが変更されません。

高解像度非対応のアプリケーション
高解像度非対応のアプリケーション

 C1SizerLightコンポーネントを利用した結果が下画像です。ウィンドウを拡大すると、表示している文字のサイズも拡大されます。

 サンプルでは、文字だけでなく、コントロールのサイズもウィンドウの拡大縮小に合わせて変更されることも確認できます。

高解像度対応のアプリケーション
高解像度対応のアプリケーション

 サンプルでは、文字だけでなく、コントロールのサイズもウィンドウの拡大縮小に合わせて変更されることも確認できます。C1SizerLightコンポーネントは、以下のようにプログラムコードを書くことなく利用することができます。

プロジェクトの作成

 「C1SizerLightSample」という名前で、Windowsフォームアプリケーションを作成します。

C1SizerLightSampleプロジェクトの作成
C1SizerLightSampleプロジェクトの作成

C1SizerLightコンポーネントの追加

 上部メニューの「ツール」→「ツールボックスのアイテムの選択」をクリックします。

 ポップアップした「ツールボックスアイテムの選択」ウィンドウの「.NET Framework コンポーネント」タブからC1SizerLightにチェックを入れて「OK」をクリックします。

C1SizerLightコンポーネントの追加
C1SizerLightコンポーネントの追加

その他コンポーネントの配置

 C1SizerLightコンポーネントによる拡大がわかるようにForm1.csのデザイン画面にLabelコンポーネントとButtonコンポーネントを追加します。

画面にLabelコンポーネントを配置
画面にその他コンポーネントを配置

C1SizerLightの配置

 ツールボックスのC1SizerLightをデザイン画面のLabelにドロップします。

C1SizerLightの配置
C1SizerLightの配置

 プロジェクトを実行し、アプリケーションのウィンドウを拡大縮小すると合わせてLabelの文字が拡大縮小することや、Buttonコンポーネントの大きさが変更されることも確認できます。

ウィンドウサイズを変更するとコントロールのサイズや相対位置が自動調整される
ウィンドウサイズを変更するとコントロールのサイズや相対位置が自動調整される

次のページ
TouchToolkit

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

  • X ポスト
  • このエントリーをはてなブックマークに追加
ComponentZine(ComponentOne)連載記事一覧

もっと読む

この記事の著者

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

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

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

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング