SHOEISHA iD

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

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

ComponentZine(ComponentOne)

本の形で情報を表示するSilverlightアプリケーションの作成

ComponentOne StudioのBook for Silverlightを使ったWebページの作成

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

Book for SilverlightのC1Bookコントロールについて

 C1Bookコントロールは、本のようにページをめくることができるSilverlightコントロールです。機能的には、コンテナコントロールとナビゲーションコントロールを組み合わせたようなもので、C1Bookコントロールのページ内にはGridやStackPanelなどのレイアウトマネージャ、TextBlockやImageなどの静的コントロール、TextBoxやButtonなどのUIコントロールなど、いろいろなコントロールを組み込んで使うことができます。

 また、C1Bookコントロールでは、TabPageコントロールのように複数のページを持たせる機能があります。これにより、少ないスペースで多くの情報を表示させることができます。

 ページをめくる機能もあらかじめC1Bookコントロールに組み込まれているので、処理をコードで書く必要もありません。その一方で、ページめくりの時間や方法はカスタマイズできるようになっているので、表示するコンテンツに合わせてコントロールの動作を決めることができます。

 さらに、C1BookコントロールはSilverlight特有の立体的なデザインになっているので、ページの背景色や内側・外側の影のつけ方、ページの折り返しのサイズなどを好みに合わせて設定できるようになっています。

ページの影の設定(※ヘルプファイルより抜粋)
ページの影の設定(※ヘルプファイルより抜粋)
ページの折り返しサイズも変えられる(※ヘルプファイルより抜粋)
ページの折り返しサイズも変えられる(※ヘルプファイルより抜粋)

作成するWebページのレイアウト

 では、さっそくWebページを作成してみましょう。今回のプログラムでは、Webページの中央にC1Bookコントロールを配置し、各ページにGridとStackPanelを使って、「Image」と「TextBlock」を配置していきます。作成するWebページは、次のような構成です。

Webページのレイアウト
Webページのレイアウト

Silverlightプロジェクトの作成

 まずは、Silverlightプロジェクトの作成からです。

  1. Visual Studio 2008 Silverlight Tools 3.0をインストールし、Visual Studioで新しいプロジェクトを作成すると、「プロジェクトの種類」に「Silverlight」が追加されています。これを選択し、「テンプレート」から[Silverlightアプリケーション]を選びます。
    「Silverlightアプリケーション」を選ぶ
    「Silverlightアプリケーション」を選ぶ
  2. 「新しいSilverlightアプリケーション」というダイアログボックスが表示されるので、「新しいWebプロジェクトの種類」のリストから[ASP.NET Webサイト]を選びます。
    リストから「ASP.NET Webサイト」を選ぶ
    リストから「ASP.NET Webサイト」を選ぶ
  3. プロジェクトが作成され、新しいWebサイトに「MainPage.xaml」が作られてXAMLのコードが表示されます。
  4. C1Bookコントロールを使えるようにするために、参照設定にC1.Silverlightアセンブリへの参照の追加を行います。ソリューションエクスプローラの「参照設定」の上でショートカットメニューを表示し、[参照の追加]を選び、次の2つの参照設定を追加します。
    追加する参照設定
    C1.Silverlight.dll ComponentOne Studio for Silverlightのメインアセンブリ
    C1.Silverlight.Extended.dll C1Bookコントロールのアセンブリ
    2つのアセンブリへの参照を追加する
    2つのアセンブリへの参照を追加する

 これで準備完了です。

次のページ
ブックの作成

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

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

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング