SHOEISHA iD

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

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

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

高解像度ディスプレイにも対応! 画面レイアウト自在のPlusPakでひとつ上のフォームを作ろう

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

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

補足情報の表示やファンクションキーの活用で入力をサポートする

GcBalloonTip

 GcBalloonTipは補助的な説明や、入力のエラー内容などを伝えるためのバルーンチップを表示することができます。

GcBalloonTip
GcBalloonTip

GcBalloonTipの利用方法

 GcBalloonTipは以下の手順で利用します。

 本記事の「コントロールの追加」項目に従いGcBalloonTipをツールボックスに追加します。

 バルーンチップを表示したいコントロールにGcBalloonTipをドロップします。今回はTextBoxに追加する例を紹介します。

 TextBoxのスマートタグにバルーンチップの項目が追加されているので、「gcBalloonTip1により追加する・・・」をクリックします(gcBalloonTip1は自動的に追加されるNameプロパティで異なる場合があります)。

スマートタグにバルーンチップの項目が追加される
スマートタグにバルーンチップの項目が追加される

 マウスオーバーで自動的に表示するにはAutoShowプロパティをTrueに設定します。

 Textプロパティを「名前を入力してください」と設定します。

バルーンチップエディタ
バルーンチップエディタ

 アプリケーションをデバッグ実行して、TextBoxにマウスオーバーするとバルーンチップの表示が確認できます。

柔軟な表示カスタマイズ

 GcBalloonTipもデザイナから起動するエディタで柔軟なカスタマイズが行えるのが魅力です。

 バルーンチップの枠の形状、表示するフォントだけでなく、アイコンをエラーや警告だけでなく、自前のオリジナルアイコンに変更することも可能です。

GcBalloonTipをエディタから編集する
GcBalloonTipをエディタから編集する

GcFunctionKey

 GcFunctionKeyは画面上にショートカットキーを表示し、表示したショートカットキーに対するアクションを呼び出すことができるコントロールです。

GcFunctionKey
GcFunctionKey

GcFunctionKeyの利用方法

 GcFunctionKeyを利用するには以下のように行います。

 本記事の「コントロールの追加」項目に従いGcFunctionKeyをツールボックスに追加します。

 フォーム上にツールボックスのGcFunctionKeyをドロップします。

 スマートタグが自動で表示されるので「標準のキーセットを挿入」をクリックします。

標準のキーセットを挿入
標準のキーセットを挿入

 画像では右側にはみ出したキーが表示されていませんが、これでF1からF12に対応したファンクションキーが画面に表示されました。

F1からF12のファンクションキーが追加された
F1からF12のファンクションキーが追加された

 この状態では、ファンクションキーの入力を拾っても何も処理を指定していないので、ファンクションキー入力イベントに対する処理を追加します。

 フォームに追加したGcFunctionKeyコントロールをダブルクリックするとForm1.csにgcFunctionKey1_FunctionKeyDownイベントハンドラーが自動で追加されます。

 今回はF1キーが押された場合にメッセージダイアログを表示し、F1からF12キーが押された場合にラベルに文字を表示するようにします。

GcFunctionKeyのイベントハンドラー
private void gcFunctionKey1_FunctionKeyDown(object sender, KeyEventArgs e)
{
    if (e.KeyCode == Keys.F1)
    {
        MessageBox.Show("F1キーが押されました");
    }
    this.label2.Text = e.KeyCode.ToString();
}

 画面にlabel2というNameプロパティを持つLabelコントロールが配置されているものとします。

 アプリケーションをデバッグ実行し、F1からF12キーを押してラベルの内容を確認します。また、追加したF1からF12キー以外ではgcFunctionKey1_FunctionKeyDownイベントハンドラーが呼び出されないことも確認してみてください。

まとめ

 ここではバルーンチップとファンクションキー対応を行い、入力処理をサポートするコントロール、GcBalloonTipとGcFunctionKeyを紹介しました。

 データ入力系のアプリケーションを作りこむ上で、バルーンチップやファンクションキーの対応まで手が回らないことが多いはずです。そのような案件でカスタマイズも可能で、設定も容易なGcBalloonTipやGcFunctionKeyを利用することで、アプリケーションの提案の幅を広げることができます。

次のページ
その他PlusPakのコントロール

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

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

もっと読む

この記事の著者

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

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

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング