syncfusion-winforms-office2010form について
Windows Forms で Syncfusion Office2010Form を実装するためのスキルです。標準 Form クラスを継承して Office 2010 の外観を加え、配色、キャプション、RTL レイアウト、Windows 11 の角丸を設定します。
主な機能
- 01Office 2010 風フォームのスタイル
- 02Blue、Silver、Black、Managed の配色
- 03キャプションのフォント、色、配置設定
- 04Aero グラス効果のオプション
- 05RTL レイアウト対応
- 06Windows 11 の角丸オプション
活用シーン
- 01業務アプリに Office 風の外観を適用
- 02ブランドカラーでフォームを調整
- 03RTL レイアウトの画面を構築
- 04Windows 11 で角丸フォームを有効化
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ syncfusion/ winforms-ui-components-skills --skill syncfusion-winforms-office2010formインストール後、Claude Code で/syncfusion-winforms-office2010formを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/advanced-features.mdcaption-customization.mdcolor-schemes.mdgetting-started.md詳細
Office2010Form の実装
Office2010Form は、標準の Windows Forms Form クラスを継承する高度なフォームコントロールです。組み込みの配色と幅広いカスタマイズオプションを備え、Microsoft Office 2010 のような UI と外観を提供します。
このスキルを使用する場面
ユーザーが次のことを行う必要がある場合に、このスキルを使用します。
- Office 2010 スタイルのフォームを作成する:Microsoft Office 2010 の UI を再現した外観にします
- Office 2010 の配色を適用する:Windows Forms アプリケーションに Blue、Silver、Black、Managed を適用します
- フォームのキャプションバーをカスタマイズする:配置、フォント、色、高さをカスタマイズします
- Aero グラス効果を有効にする、または Windows Vista 以降でテーマの互換性を設定します
- RTL(右から左)レイアウトを実装する:国際化対応アプリケーション向けに設定します
- 角丸を適用する:Windows 11 以降のオペレーティングシステムでフォームの角を丸くします
- 継承を使用して標準の Windows Forms を置き換える:Office 2010 スタイルのフォームを使用します
- ヘルプボタンやカスタムキャプションバー要素を設定する
- Office 2010 スタイルを無効にする:標準のフォーム外観が必要な場合に使用します
コンポーネントの概要
Office2010Form が提供する機能:
- Office 2010 UI スタイル:Microsoft Office 2010 をイメージした、プロフェッショナルな外観のフォーム
- 組み込みの配色:Office 2010 に合った Blue、Silver、Black、Managed のテーマ
- キャプションバーのカスタマイズ:配置、フォント、色、高さを完全に制御できます
- Aero テーマのサポート:Windows Vista 以降でのグラス効果と、テーマの互換性オプション
- RTL レイアウトのサポート:国際化対応アプリケーション向けの右から左へのレイアウト
- 角丸:Windows 11 以降でのモダンな角丸(OS によって描画される境界線)
- フォーム継承パターン:標準の Form クラスを置き換えるシンプルな継承モデル
主なメリット:
- 最小限のコードで、プロフェッショナルな Office 2010 風アプリケーションを作成できます
- 強化されたスタイルを追加しながら、標準の Form の機能を維持できます
- カスタム描画コードなしで複数のテーマをサポートします
- 標準の Windows Forms との後方互換性を提供します
パッケージとアセンブリ
NuGet パッケージ: Syncfusion.Shared.Base
必要なアセンブリ: Syncfusion.Shared.Base.dll
名前空間: Syncfusion.Windows.Forms
インストール:
Install-Package Syncfusion.Shared.Base
ドキュメントとナビゲーションガイド
はじめに
📄 参照: references/getting-started.md
- インストールとアセンブリの配置(Syncfusion.Shared.Base.dll)
- NuGet パッケージの設定と参照
- 名前空間のインポート(Syncfusion.Windows.Forms)
- 継承を使用して標準の Form を Office2010Form に変換
- フォームの基本的な設定と初期化
- コードをすべて含む、最小限の動作例
配色とテーマ
📄 参照: references/color-schemes.md
- 組み込みの配色(Blue、Silver、Black、Managed)
- ColorScheme プロパティを使用した配色の適用
- ApplyManagedColors を使用したカスタムの Managed 色の作成
- UseOffice2010SchemeBackColor による背景色の同期
- グラス効果のための Aero テーマのサポート(ApplyAeroTheme)
- Aero テーマと配色の互換性
- ColorScheme を適用できるようにするための Aero の無効化
キャプションのカスタマイズ
📄 参照: references/caption-customization.md
- キャプションテキストの配置(左、中央、右)
- カスタムキャプションフォントとフォントスタイル
- キャプションテキストの色のカスタマイズ
- キャプションバーの高さの調整
- ヘルプボタンの表示と設定
- 複数のキャプションカスタマイズオプションの組み合わせ
- キャプションをカスタマイズした視覚的な例
高度な機能
📄 参照: references/advanced-features.md
- 右から左(RTL)へのレイアウトのサポート
- RightToLeftLayout プロパティと RightToLeft プロパティの設定
- Windows 11 以降での角丸(AllowRoundedCorners)
- OS のバージョン要件と互換性
- 角丸での OS による境界線と影の描画
- Office 2010 スタイルの無効化(DisableOffice2010Style)
- 特殊なケースとプラットフォーム固有の動作
クイックスタートの例
基本的な Office2010Form の実装
using System;
using System.Drawing;
using System.Windows.Forms;
using Syncfusion.Windows.Forms;
namespace MyApplication
{
// Change inheritance from Form to Office2010Form
public partial class MainForm : Office2010Form
{
public MainForm()
{
InitializeComponent();
// Set form title
this.Text = "Office2010 Styled Form";
// Apply Blue color scheme (Office 2010 default)
this.ColorScheme = Office2010Theme.Blue;
// Optional: Use Office 2010 scheme for background
this.UseOffice2010SchemeBackColor = true;
// Set form size
this.Size = new Size(800, 600);
}
}
}
必要なアセンブリ参照:
Syncfusion.Shared.Base.dll
NuGet パッケージ:
Install-Package Syncfusion.Shared.Base
キャプションをカスタマイズした Office2010Form
public partial class CustomCaptionForm : Office2010Form
{
public CustomCaptionForm()
{
InitializeComponent();
this.Text = "Custom Caption Form";
// Apply Silver color scheme
this.ColorScheme = Office2010Theme.Silver;
// Center-align caption text
this.CaptionAlign = HorizontalAlignment.Center;
// Custom caption font
this.CaptionFont = new Font("Segoe UI", 12F, FontStyle.Bold);
// Custom caption color
this.CaptionForeColor = Color.DarkBlue;
// Increase caption bar height
this.CaptionBarHeight = 40;
}
}
一般的なパターン
パターン 1:異なる配色の適用
public void ApplyColorScheme(Office2010Theme theme)
{
// Apply selected theme
this.ColorScheme = theme;
// Sync background color with theme
this.UseOffice2010SchemeBackColor = true;
}
// Usage examples:
ApplyColorScheme(Office2010Theme.Blue); // Office 2010 Blue
ApplyColorScheme(Office2010Theme.Silver); // Office 2010 Silver
ApplyColorScheme(Office2010Theme.Black); // Office 2010 Black
パターン 2:カスタムの管理配色
public void ApplyCustomTheme(Color themeColor)
{
// Set to Managed scheme
this.ColorScheme = Office2010Theme.Managed;
// Apply custom color
Office2010Colors.ApplyManagedColors(this, themeColor);
// Sync background
this.UseOffice2010SchemeBackColor = true;
}
// Usage:
ApplyCustomTheme(Color.DarkMagenta); // Custom purple theme
ApplyCustomTheme(Color.Teal); // Custom teal theme
パターン 3:キャプションバーの完全なカスタマイズ
public void CustomizeCaptionBar()
{
// Caption alignment
this.CaptionAlign = HorizontalAlignment.Center;
// Custom font
this.CaptionFont = new Font("Arial", 14F, FontStyle.Bold);
// Custom text color
this.CaptionForeColor = Color.White;
// Increased height for visibility
this.CaptionBarHeight = 50;
// Show help button
this.HelpButton = true;
this.MaximizeBox = false;
this.MinimizeBox = false;
}
パターン 4:国際化アプリケーション向けの RTL レイアウト
public void EnableRightToLeftLayout()
{
// Enable RTL layout
this.RightToLeftLayout = true;
// Set RTL reading order
this.RightToLeft = RightToLeft.Yes;
// Apply appropriate color scheme
this.ColorScheme = Office2010Theme.Blue;
}
パターン 5:Windows 11 の最新の角丸
public void EnableModernAppearance()
{
// Enable rounded corners (Windows 11+ only)
this.AllowRoundedCorners = true;
// Apply modern color scheme
this.ColorScheme = Office2010Theme.Silver;
// Note: Border and shadow drawn by OS when rounded corners enabled
}
パターン 6:条件に応じたテーマの適用
public void ApplyThemeWithAeroCompatibility(bool enableAero, Office2010Theme theme)
{
if (enableAero)
{
// Enable Aero glass effect
this.ApplyAeroTheme = true;
// Note: Color schemes won't apply with Aero enabled
}
else
{
// Disable Aero to allow color scheme
this.ApplyAeroTheme = false;
// Apply color scheme
this.ColorScheme = theme;
this.UseOffice2010SchemeBackColor = true;
}
}
主なプロパティ
コアプロパティ
| プロパティ | 型 | 目的 | 使用するタイミング |
|---|---|---|---|
ColorScheme | Office2010Theme | Office 2010 のカラーテーマを設定します | Blue、Silver、Black、または Managed テーマを適用します |
UseOffice2010SchemeBackColor | bool | フォームの背景をテーマに合わせます | フォーム全体で一貫したテーマの外観を確保します |
ApplyAeroTheme | bool | Windows Aero のガラス効果を有効にします | Windows Vista 以降でガラス調のフォームを作成します |
キャプションのカスタマイズプロパティ
| プロパティ | 型 | 目的 | 使用するタイミング |
|---|---|---|---|
CaptionAlign | HorizontalAlignment | キャプションテキストの配置 | フォームのタイトルを中央揃え、左揃え、または右揃えにします |
CaptionFont | Font | カスタムキャプションフォント | ブランド固有のフォントや、より大きいまたは小さいキャプションにします |
CaptionForeColor | Color | キャプションテキストの色 | カスタムブランディングやテーマ固有の色にします |
CaptionBarHeight | int | キャプションバーの高さ(ピクセル単位) | タッチインターフェースやブランディング向けにキャプションを大きくします |
機能プロパティ
| プロパティ | 型 | 目的 | 使用するタイミング |
|---|---|---|---|
HelpButton | bool | キャプションにヘルプボタンを表示します | 状況に応じたヘルプへのアクセスを追加します |
RightToLeftLayout | bool | RTL レイアウトモード | アラビア語、ヘブライ語などの RTL 言語に対応します |
RightToLeft | RightToLeft | RTL の読み取り順序 | 国際化されたアプリケーションに使用します |
AllowRoundedCorners | bool | 最新の角丸を有効にします | 最新の UI を備えた Windows 11 以降のアプリケーションに使用します |
DisableOffice2010Style | bool | Office 2010 のスタイルを無効にします | 標準的なフォームの外観に戻します |
一般的なユースケース
ユースケース 1:Office 2010 テーマを使用したビジネスアプリケーション
シナリオ: Office 2010 Blue テーマを使用して、プロフェッショナルなビジネスアプリケーションを作成します
アプローチ: Office2010Form を継承し、Blue の配色を適用して、キャプションをカスタマイズします
結果: Microsoft Office スイートと統一感のある、Office 2010 スタイルのインターフェースになります
ユースケース 2:カスタムカラーを使用したブランドアプリケーション
シナリオ: 会社のブランドカラーが必要な企業向けアプリケーションです
アプローチ: Managed の配色を使用し、ApplyManagedColors でブランドに合わせてカスタマイズします
結果: Office 2010 の UI 構成を維持しつつ、企業独自の配色を適用できます
ユースケース 3:RTL をサポートする国際化アプリケーション
シナリオ: アラビア語またはヘブライ語に対応するアプリケーションです
アプローチ: Office2010Form で RightToLeftLayout と RightToLeft の各プロパティを有効にします
結果: 適切な RTL レイアウトを備えた、プロフェッショナルな Office 2010 スタイルのフォームになります
ユースケース 4:最新の Windows 11 アプリケーション
シナリオ: 最新の外観を備えた Windows 11 対象の新しいアプリケーションです
アプローチ: AllowRoundedCorners と Silver テーマを有効にし、最新の外観にします
結果: 最新の角丸を備えた Office 2010 スタイルになります(Windows 11 以降のみ)
ユースケース 5:テーマ切り替えアプリケーション
シナリオ: ユーザーが異なる Office 2010 テーマを切り替えられるようにします
アプローチ: ColorScheme プロパティを動的に変更する UI を用意します
結果: Blue、Silver、Black、カスタムテーマを実行時に切り替えられます
ユースケース 6:Aero スタイルのガラス効果を備えたフォーム
シナリオ: Windows Vista/7 で透明なガラス効果を備えたフォームを作成します
アプローチ: ApplyAeroTheme を有効にして、ガラス調の境界線と透明効果を適用します
結果: Office 2010 のキャプションスタイルを備えた Windows Aero のガラス効果になります
次のステップ
- まずは使い始めましょう: インストールと基本的なセットアップについては、references/getting-started.mdをお読みください
- テーマを選択する: カラースキームの選択と適用については、references/color-schemes.mdをお読みください
- キャプションをカスタマイズする: キャプションバーのカスタマイズについては、references/caption-customization.mdをお読みください
- 高度な機能: RTL、角丸、その他の特別な機能については、references/advanced-features.mdをお読みください