SHOEISHA iD

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

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

ComponentZine(ComponentOne)

折りたたみ機能付きのツールバーを持った.NETアプリケーションの作成

ComponentOne Studioを活用したWindowsフォームアプリケーションの作成

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

GUIの作成

 では、早速アプリケーションを作成してみましょう。

 アプリケーションは、C1OutBarコントロールとリッチテキストボックスコントロールを持ち、リッチテキストボックスコントロールの操作をC1OutBarコントロールのツールバーで行うものです。

 ツールバーは、組み込みのコマンドリンクを使用して作成しますので、アイコンファイルなどは必要ありません。

フォームのレイアウト
フォームのレイアウト

C1OutBarコントロールの作成

 フォームをデザインしていきます。

(1)フォームにC1OutBarコントロールをドラッグ&ドロップします。Dockプロパティを「Left」に設定し、Widthプロパティを「130」にします。

C1OutBarコントロールをフォームの左側に配置
C1OutBarコントロールをフォームの左側に配置

(2)RichTextBoxコントロールをC1OutBarコントロールの横にドラッグ&ドロップし、Dockプロパティを「Fill」に、BackColorプロパティを「Beige」に設定します。

RichTextBoxコントロールをC1OutBarコントロールの横に配置
RichTextBoxコントロールをC1OutBarコントロールの横に配置

(3)C1OutBarコントロールのスマートタグから「ツールバー付きページの追加」をクリックします。

「ツールバー付きページの追加」をクリック
「ツールバー付きページの追加」をクリック

(4)「ページ2」が追加されますので、もう一度スマートタグから「ツールバー付きページの追加」をクリックし、「ページ3」「ページ4」を追加します。

全部で4ページになる
全部で4ページになる

(5)もう一度C1OutBarコントロールのスマートタグをクリックし、「VisualStyle」のリストから「Office2003Olive」をクリックします。これで、C1OutBarコントロールにオリーブのグラデーションのデザインが適用されます。

「VisualStyle」のリストから「Office2003Olive」をクリック
「VisualStyle」のリストから「Office2003Olive」をクリック
 

(6)プロパティウィンドウのオブジェクトリストから「C1OutPage1」を選び、Textプロパティを「ファイル」に変更します。これで、ページのタイトルテキストが変更されます。

(7)「ページ1」のフローティングツールバーを表示し、「新規コマンドリンク/コマンドの追加」をクリックします。

「新規コマンドリンク/コマンドの追加」をクリック
「新規コマンドリンク/コマンドの追加」をクリック

(8)「コマンドにリンクする」ダイアログボックスが表示されますので、「標準コマンド」リストから「新規作成(&N)」をクリックします。

「標準コマンド」リストから「新規作成(&N)」をクリック
「標準コマンド」リストから「新規作成(&N)」をクリック

(9)OKボタンをクリックすると、このコマンドリンクが「ファイル」ページに表示されます。このリンクにはすでにアイコンが組み込まれており、アプリケーションを実行するとボタンのように動作します。

 標準コマンドを組み込むのであれば、たったこれだけの操作でツールバーが作成できます。

 フローティングツールバーはページごとに表示されますので、カテゴリごとにいろいろな標準コマンドをページに配置できます。

「ファイル」ページに「新規作成(&N)」が表示された
ページ1に「新規作成(&N)」が表示された

(10)同様の手順で、以下のようにすべてのページタイトルとコマンドを作成します。

 なお、他のページを開く場合は、ページのタイトルをクリックします。

ファイル
    新規作成(&N)
    開く(&O)
    閉じる(&C)
    上書き保存(&S)
    名前を付けて保存(&A)
    すべてを保存(&L)
    印刷(&P)
    終了(&X)

編集
    切り取り(&T)
    コピー(&C)
    貼り付け(&P)
    削除(&D)
    元に戻す(&U)

フォント
    太字
    斜体
    下線
    取り消し線

書式
    左揃え
    中央揃え
    右揃え
    両端揃え
4ページにタイトルとコマンドリンクを設定する
4ページにタイトルとコマンドリンクを設定する

 これで出来上がりです。アプリケーションを実行し、ページ切り替えとコマンドリンクが動作することを確認します。

 コマンドリンクには、ツールチップも設定されています。

アプリケーションを実行し動作を確認する
アプリケーションを実行し動作を確認する

次のページ
GUIの作成(2)

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

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

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング