SHOEISHA iD

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

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

ComponentZine(ComponentOne)

.NETでOffice 2007と同じ「リボンインターフェース」を持ったエディタを作る

PowerTools Ribbon for .NETのC1Ribbonコンポーネントを使ってアプリケーションにリボンバーを実装する

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

C1Ribbonテンプレートを使う

 PowerTools Ribbon for .NETをVisual Studioにインストールすると、リボンを持ったフォームのテンプレートが自動的に組み込まれます。

 Visual Studioの新しいプロジェクトを作成する画面に、「C1Ribbonアプリケーション」というテンプレートが追加されているので、これを選んでプロジェクトを作成すると、C1RibbonとC1StatusBarコンポーネントが組み込まれたフォームを使用できます。

「C1Ribbonアプリケーション」テンプレートが追加されている
「C1Ribbonアプリケーション」テンプレートが追加されている

 この、C1Ribbonコンポーネントはデフォルトではリボンには1つのタブとグループが組み込まれているだけなので、使えるようにするにはタブを追加したりボタンやテキストボックスなどを組み込む必要があります。

テンプレートから作成されたフォームとリボン
 テンプレートから作成されたフォームとリボン

GUIの作成とC1Ribbonコンポーネントの設定 1

 GUIの作成は、フォームにRichTextBoxとOpenFileDialogコントロールを追加します。

 RichTextBoxコントロールは、Dockプロパティを「Fill」にし、HideSelectionプロパティをFalseにしておきます。こうすると、選択文字列からフォーカスが他のコントロールに移っても、選択した文字列は反転表示のままになります。

 OpenFileDialogコントロールは、FileNameプロパティを「*.txt」に、Filterプロパティを「*.txt|text」に設定します。

リボンの構成要素

 リボンを実装するには、リボンの構成要素とその名前を知らなければなりません。

 そこで、Excel 2007を例にリボンの構成について説明しておきます。

アプリケーションボタンとアプリケーションメニュー

 リボンの左上にある丸いボタンを「アプリケーションボタン」といい、このボタンを押すとアプリケーションメニューがドロップダウンして表示されます。アプリケーションメニューは3つのペインに分かれており、それぞれボタンやサブメニュー、区切り線などを組み込むことができます。

リボンの構成1-Excel 2007
リボンの構成1-Excel 2007

 リボンはTabPageコントロールのように「タブ」を持ち、このタブにボタンやエディット、コンボボックスなどのリボン専用のコントロールを組み込んで使用します。

 タブはいくつも組み込むことができ、ユーザーはタブをクリックしていろいろな機能を使うことができます。

リボンの構成2-Excel 2007
リボンの構成2-Excel 2007

タブの追加とアプリケーションメニューの作成

 では、C1Ribbonコンポーネントの作成を行います。

 まず、リボンのタブをもう1つ追加します。また、アプリケーションメニューに「ファイルを開く」と「終了」を設定します。

1.

 配置したC1Ribbonコンポーネントのアプリケーションボタンの横にある編集用メニューをクリックし、[アクション]ボタンをクリックしてドロップダウンリストから「タブの追加」を選びます。

 これで、リボンにタブが追加されます。

「タブの追加」を選ぶ
「タブの追加」を選ぶ

 タブは、タイトル文字をクリックすると直接文字の編集が行えます。

タイトル文字をクリックして編集する
タイトル文字をクリックして編集する

2.

 アプリケーションボタンをクリックして、[画像の変更]ボタンを押します。ダイアログが表示されるので、リストからボタンに表示するアイコンを選ぶことができます。独自の画像を組み込むなら、[インポート]ボタンで選択します。

リストからボタンに表示するアイコンを選ぶかインポートする
リストからボタンに表示するアイコンを選ぶかインポートする

3.

 アプリケーションボタンをクリックして、プロパティウィンドウの「BottomPaneItems」「LeftPaneItems」「RightPaneItems」プロパティで、アプリケーションメニューを設定します。

 これらは、それぞれコレクションエディタを使って追加します。

BottomPaneItems、LeftPaneItems、RightPaneItemsプロパティでアプリケーションメニューを設定
BottomPaneItems、LeftPaneItems、RightPaneItemsプロパティでアプリケーションメニューを設定

 コレクションエディタでは、[追加]ボタンの横にある▼をクリックして、リストから追加するアイテムを選びます。

 ここでは「RibbonButton」と「RibbonSeparator」を組み込んでいます。RibbonButtonは、「RibbonButton」というオブジェクトとして操作します。

 コレクションエディタのプロパティウィンドウでは、各オブジェクトのアイコンやテキストの配置位置などを設定してデザインします。

左ペインアイテムコレクションエディタ
左ペインアイテムコレクションエディタ

 ただし、どのように出来上がったのかは、実際にプログラムを実行させアプリケーションメニューを表示しないとわかりません。

設定したアプリケーションメニュー。左ペインだけ設定したので、右と下のペインは空欄のまま
設定したアプリケーションメニュー。左ペインだけ設定したので、右と下のペインは空欄のまま

次のページ
GUIの作成とC1Ribbonコンポーネントの設定 2

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

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

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

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

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

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

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/1980 2008/06/24 15:07

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング