mcpField
S
syncfusion-winforms-office2010form

syncfusion-winforms-office2010form

github.com/syncfusionデザイン・UI257 回インストール1 週間前に更新
リポジトリ

syncfusion-winforms-office2010form について

Windows Forms で Syncfusion Office2010Form を実装するためのスキルです。標準 Form クラスを継承して Office 2010 の外観を加え、配色、キャプション、RTL レイアウト、Windows 11 の角丸を設定します。

主な機能

  1. 01Office 2010 風フォームのスタイル
  2. 02Blue、Silver、Black、Managed の配色
  3. 03キャプションのフォント、色、配置設定
  4. 04Aero グラス効果のオプション
  5. 05RTL レイアウト対応
  6. 06Windows 11 の角丸オプション

活用シーン

  1. 01業務アプリに Office 風の外観を適用
  2. 02ブランドカラーでフォームを調整
  3. 03RTL レイアウトの画面を構築
  4. 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.md
caption-customization.md
color-schemes.md
getting-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;
    }
}

主なプロパティ

コアプロパティ
プロパティ型目的使用するタイミング
ColorSchemeOffice2010ThemeOffice 2010 のカラーテーマを設定しますBlue、Silver、Black、または Managed テーマを適用します
UseOffice2010SchemeBackColorboolフォームの背景をテーマに合わせますフォーム全体で一貫したテーマの外観を確保します
ApplyAeroThemeboolWindows Aero のガラス効果を有効にしますWindows Vista 以降でガラス調のフォームを作成します
キャプションのカスタマイズプロパティ
プロパティ型目的使用するタイミング
CaptionAlignHorizontalAlignmentキャプションテキストの配置フォームのタイトルを中央揃え、左揃え、または右揃えにします
CaptionFontFontカスタムキャプションフォントブランド固有のフォントや、より大きいまたは小さいキャプションにします
CaptionForeColorColorキャプションテキストの色カスタムブランディングやテーマ固有の色にします
CaptionBarHeightintキャプションバーの高さ(ピクセル単位)タッチインターフェースやブランディング向けにキャプションを大きくします
機能プロパティ
プロパティ型目的使用するタイミング
HelpButtonboolキャプションにヘルプボタンを表示します状況に応じたヘルプへのアクセスを追加します
RightToLeftLayoutboolRTL レイアウトモードアラビア語、ヘブライ語などの RTL 言語に対応します
RightToLeftRightToLeftRTL の読み取り順序国際化されたアプリケーションに使用します
AllowRoundedCornersbool最新の角丸を有効にします最新の UI を備えた Windows 11 以降のアプリケーションに使用します
DisableOffice2010StyleboolOffice 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 のガラス効果になります

次のステップ

  1. まずは使い始めましょう: インストールと基本的なセットアップについては、references/getting-started.mdをお読みください
  2. テーマを選択する: カラースキームの選択と適用については、references/color-schemes.mdをお読みください
  3. キャプションをカスタマイズする: キャプションバーのカスタマイズについては、references/caption-customization.mdをお読みください
  4. 高度な機能: RTL、角丸、その他の特別な機能については、references/advanced-features.mdをお読みください

追加リソース

コメント