Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

WPFアプリケーションにカラーピッカーを実装する

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

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2014/01/23 14:00

 「ComponentOne Studio 2013J」に含まれるColorPicker for WPFのC1ColorPickerコントロールを使って、Microsoft Officeでおなじみのカラーピッカーを組み込んだWPFアプリケーションを作ってみます。

目次

はじめに

 「ColorPicker for WPF」のC1ColorPickerコントロールは、Microsoft OfficeでおなじみのカラーピッカーをWPFアプリケーションでも使用できるようにしたコントロールです。視覚的に色を選択できるので、今やアプリケーションの色設定には欠かせない機能となっています。

 そこで、今回は前回作成したドラッグ&ドロップアプリケーションに、テキストブロックの背景色を変更できる機能を実装しました。

ボタンをクリックしてカラーパレットから色を選択できる
ボタンをクリックしてカラーパレットから色を選択できる
テキストブロック上で右ボタンをクリックするとカラーピッカーで選択した色に変更する
テキストブロック上で右ボタンをクリックするとカラーピッカーで選択した色に変更する

対象読者

 Visual Basic 2010/2012、またはVisual C# 2010/2012を使ってプログラムを作ったことがある人。

必要な環境

 Visual Basic 2010/2012、Visual C# 2010/2012、Visual Studio 2010/2012、SQL Server Expressでプログラムが作れる環境。

 なお、本プログラムは次の環境で開発・動作確認を行っています。

  • OS:Windows 7
  • 開発Tool:Visual Studio 2010、.NET Framework 4

プログラム実行時の注意事項

  本稿の実行ファイル(バイナリファイル)を動かすには、zipファイルに同梱してある以下のファイルが必要になります(.NET Framework 4でのみご使用いただけます)。

ファイル名 説明
C1.WPF.4.dll 本体アセンブリ
C1.WPF.Extended.4.dll 本体アセンブリ

 このファイルを、実行プログラムと同じフォルダに格納します。

コンポーネントのインストール

 トライアル版は、グレープシティのWebページから申し込みできます。

 トライアル申込フォームが表示されますので、必要情報を入力して申し込むとトライアル版のダウンロード手順を記載したE-Mailが送られてきます。その手順にそってダウンロードを行ってください。また、ダウンロードファイルは圧縮ファイルになっていますので、解凍してインストーラを起動します。

 制限事項などの詳細については、インストーラに同梱されているリリースノートを参照ください。

コントロールの追加

 「ComponentOne Studio 2013J」をインストールしたら、プロジェクトにコントロールを追加します。

 ツールボックスに専用のタブを作成し、使用するコンポーネントを追加します。追加するコンポーネントは、アセンブリ名が「C1.WPF.Extended.4」の「C1ColorPicker」コントロールです。

アセンブリ名が「C1.WPF.Extended.4」の「C1ColorPicker」コントロールを選択する
アセンブリ名が「C1.WPF.Extended.4」の「C1ColorPicker」コントロールを選択する

 このコントロールを追加すると、プロジェクトに以下のランタイムライブラリへの参照が追加されます。.NET Framework 4が必要です。

ファイル 内容
C1.WPF.4 本体アセンブリ
C1.WPF.Extended 本体アセンブリ

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

著者プロフィール

  • 瀬戸 遥(セト ハルカ)

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

バックナンバー

連載:ComponentZine(ComponentOne Studio)

もっと読む

All contents copyright © 2005-2018 Shoeisha Co., Ltd. All rights reserved. ver.1.5