SHOEISHA iD

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

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

ComponentZine(ComponentOne)

サイドキャプション付きメニューを持ったWindowsフォームを作る

ComponentOne Studio 2010のC1MainMenuコントロールを使った.NETアプリケーションの作成

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

独自のメニューの作成

 今度は、「編集」メニューの横に「書式」メニューを作成し、RichTextBoxコントロールでフォントを編集するメニューコマンドを組み込みます。

 まず、「編集」メニューと同様の方法でコマンドリンクコレクションエディタを表示します。「新規コマンドの作成」で「C1CommandMenu」が選択されているのを確認したら、「標準コマンド」のリストから「書式(&O)」を選び、[OK]ボタンをクリックします。これで「書式」メニューが作成されます。

「標準コマンド」のリストから「書式(&O)」をクリック
「標準コマンド」のリストから「書式(&O)」をクリック

 ここでは、メニューコマンドをカスタマイズして画像をつけてみます。

 まず、先ほどと同様、「新規コマンド」をマウスでポイントし、ツールバーの[コマンドリンクの挿入]ボタンをクリックします。コマンドリンクコレクションエディタで、「テキスト」欄の入力文字列を「フォント...」に変更し、他は変更せずに[OK]ボタンをクリックします。

 もう一度、「新規コマンド」をマウスでポイントして、ツールバーの[コマンドリンクの挿入]ボタンをクリックします。次は、「テキスト」欄の入力文字列を「文字色...」に変えて[OK]ボタンをクリックします。 これで、2つのメニューコマンドが追加されました。

 今度は、「フォント...」メニューコマンドをクリックしてプロパティウィンドウを表示させます。プロパティウィンドウが表示されたら、「Command」プロパティの横にあるプラス記号(+)をクリックして展開します。展開された中に「Image」プロパティがあるので、[...]ボタンをクリックし、「FontDialog.bmp」を選びます。

 同じように、「文字色...」メニューコマンドをクリックし、プロパティウィンドウの「Image」プロパティで「Color.bmp」を設定します。これで、メニューコマンドに画像が組み込まれました。

 このように各プロパティを設定しながら、独自のメニューを作成していくことができます。

「Command」プロパティの中にある「Image」プロパティでコマンドに画像を組み込む
「Command」プロパティの中にある「Image」プロパティでコマンドに画像を組み込む
画像付きのメニューコマンドが作れる
画像付きのメニューコマンドが作れる

サイドキャプションの作成

 作成した3つのメインメニューに、「サイドキャプション」を設定していきます。サイドキャプションは、1つのメインメニューにつき、1つずつ設定できます。

 まず、プロパティウィンドウのオブジェクトリストから「C1CommandMenu1」を選びます。プロパティリストの中にある「SideCaption」を展開します。展開した中にある各種プロパティを使って、サイドキャプションを設定していきます。

 まず、「Text」プロパティでキャプションの文字を設定します。また、「BarGradientBegin」「BarGradientEnd」プロパティで、サイドキャプションの背景色にグラデーションを設定することができます。もちろん、アイコンやイメージも設定できます。キャプションの表示位置は、「TextDirection」プロパティで行います。

 ここでは、3つのメニューそれぞれに次のようなサイドキャプションの設定を行います。

各メニューのサイドキャプション設定
メインメニュー Text BarGradientBegin TextDirection
c1CommandMenu1 ファイル操作 Turquoise Horizontal
c1CommandMenu2 文字列操作 Pink Horizontal
c1CommandMenu3 書式 LawnGreen Horizontal

 上記の設定が完了すると、次のようなサイドキャプションになります。

設定されたサイドキャプション
設定されたサイドキャプション

CheckBoxコントロールの配置

 最後に、CheckBoxコントロールをC1MainMenuコントロールに配置します。やり方は簡単で、ツールボックスにあるCheckBoxコントロールを、メインメニューのエリアにドラッグ&ドロップするだけです。自動的にC1MainMenuコントロールに「C1CommandControl」オブジェクトが作成され、その上にCheckBoxコントロールが配置されます。

メインメニューのエリアにCheckBoxコントロールが入る
メインメニューのエリアにCheckBoxコントロールが入る

C1MainMenuコントロールの仕上げ

 C1MainMenuコントロールは、メニュー項目のマウスオーバースタイルを変えることができます。

 まず、BackColorプロパティを「Lavender」にします。そして、マウスがポイントされたときに背景色が変わるように、BackHiColorプロパティを「Azure」にします。この時、文字色を変えたければ、「ForeHiColor」プロパティを設定します。

次のページ
プログラムの仕上げ

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

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

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再...

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング