コントロール パッケージ DLL を入手できない場合は、この記事にアクセスして入手できます。C# Winform コントロール パッケージ共有、無料のオープン ソース、中国語をサポートしています。
コントロールがたくさんあります。時間をかけて各コントロールのチュートリアルを 1 つずつ作成し、随時更新していきます。興味のある友達はフォローしてください。
この記事では、次の側面に関するガイダンスを提供します。
1. 制御パッケージのインポート
2. コントロールの簡単な使い方
3.テーマを変更する
1. 制御パッケージのインポート
Winform プロジェクトを作成します (私は .net Framework4.7.2 を使用します)
ツールボックスを開き、ツールボックス内で右クリックし、「タブの追加」をクリックして、スキンという名前を付けます。
次に、MaterialSkin.dll ファイルをコピーし (ファイルがない場合は、上記のリンクにアクセスしてダウンロードしてください)、それをスキン タブに貼り付けます。
しばらくお待ちください。ロードが完了すると、スキン タブの下にさらに多くのコントロールがあることがわかります。これらはコントロール パッケージ内のコントロールです。
2. コントロールの簡単な使い方
ツールボックスからマテリアルボタン コントロールをドラッグすると、正常に表示されることがわかります。
ボタンのサイズはデフォルトでテキストの内容に合わせて設定されていますが、自分でサイズを変更したい場合は、後ほど詳細なチュートリアルを提供し、ボタンの詳しい使い方の記事を別途書きます。
MaterialSkin にはフォームも付属しています。最初に背景コードに切り替えましょう。
MaterialSkin.Controls; の使用への参照を追加します。
次に、図に示すように、フォームの継承を MaterialForm に変更します。
これら 2 つの操作を完了した後、もう一度フォーム設計インターフェイスに戻ると、フォームのスタイルが変更されていることがわかります。
さらにいくつかのボタンを上にドラッグし、各ボタンの Text プロパティを変更しましょう。
ボタン 2 をクリックし、プロパティ リストで UseAccentColor プロパティを見つけて True に変更し、ボタン 4 も同様に設定します。
ボタン 2 と 4 が赤に変わっていることがわかりますが、これは DLL のデフォルトのソフトウェア補助色です。この制御パッケージでは、一般的な制御色は主色と補助色によって決まります。キーを押すと簡単に制御できます。 UseAccentColor プロパティが True の場合、補助色で描画されます。
ボタン 3 と 4 を選択し、プロパティ パネルで Type プロパティを見つけて、ボタンの別のスタイルであるアウトラインに設定します。
3.テーマを変更する
メインインターフェイスに 2 つのボタンが追加されました。テーマの切り替えと色の変更です。
まずテーマ切り替え機能を実装し、テーマ切り替えボタンをダブルクリックして背景コードを入力します。
MaterialSkinを使って追加する参考
読み取り専用変数を追加し、コンストラクターを変更します。次のように
private readonly MaterialSkinManager materialSkinManager;
public Form1()
{
InitializeComponent();
materialSkinManager = MaterialSkinManager.Instance;
materialSkinManager.EnforceBackcolorOnAllComponents = true;
materialSkinManager.AddFormToManage(this);
}
テーマの切り替えボタンのクリックイベントに、次のコードを追加します。
materialSkinManager.Theme = materialSkinManager.Theme == MaterialSkinManager.Themes.DARK ? MaterialSkinManager.Themes.LIGHT : MaterialSkinManager.Themes.DARK;
プロジェクトを実行し、テーマの切り替えボタンをクリックすると、テーマがダークテーマに切り替わったことがわかります。
次のステップは色の変更です。色の変更ボタンをダブルクリックして背景に入ります。
カラーローテーションの機能を実装するには、まずクリック回数を保存するプライベート変数を作成します。
次に色を変更するコードを書きます
private int colorSchemeIndex;
//切换颜色按钮点击
private void materialButton6_Click(object sender, EventArgs e)
{
colorSchemeIndex++;
if (colorSchemeIndex > 2)
colorSchemeIndex = 0;
updateColor();
}
private void updateColor()
{
//These are just example color schemes
switch (colorSchemeIndex)
{
case 0:
materialSkinManager.ColorScheme = new ColorScheme(
Primary.Indigo500,
Primary.Indigo700,
Primary.Indigo100,
Accent.Pink200,
TextShade.WHITE);
break;
case 1:
materialSkinManager.ColorScheme = new ColorScheme(
Primary.Green600,
Primary.Green700,
Primary.Green200,
Accent.Red100,
TextShade.WHITE);
break;
case 2:
materialSkinManager.ColorScheme = new ColorScheme(
Primary.BlueGrey800,
Primary.BlueGrey900,
Primary.BlueGrey500,
Accent.LightBlue200,
TextShade.WHITE);
break;
}
Invalidate();
}
実行後、「色の変更」ボタンをクリックすると、希望の色になります。
色とテーマを同時に変更して、より多くの効果を得ることができます。
色設定 ColorScheme メソッドには 2 つのオーバーロードがあります。1 つは DLL に付属の Primary 列挙と Accent 列挙の色を使用し、もう 1 つは Color クラスを使用して色を独自に定義します。
その中で、Primary 列挙には一般的に使用される色が 100 以上あり、Accent には 60 以上の色があります。
4 番目のパラメータであるアクセントは補助色を表すことに注意してください。補助色は通常、思い出させたり装飾したりするために明るい色を使用します。たとえば、ソフトウェア全体がメインカラーとして青を使用している場合、赤を使用できます。 「終了」、「キャンセル」、「削除」、「閉じる」などのボタンを強調するための二次色として使用します。二次色を使用して色を強調したい場合は、UseAccentColor プロパティを True に設定します。
以下は、コントロール パッケージのソース コードとデモンストレーション デモです。C# に特に熟練していない場合は、ソース コードを読んだり変更したりすることはお勧めできません。DLL を使用して、チュートリアルの指示に従ってください。さらに試してみると、あなた自身、効果は同じです。
C#Winform オープン ソース コントロール パッケージ、中国語フォントをサポート - C# ドキュメント リソース - CSDN ダウンロード
コーディングは簡単ではありません。もっと注目して気に入っていただければ幸いです。各コントロールの個別の使用法は随時更新し、CSDN に掲載します。
私も C# を学び始めて 2 年目の初心者ですが、お互いにもっとコミュニケーションをとることができます。
-------------------------------------------------- -------------------------------------------------- ---------------------------------
関連リンク:
C# Winform コントロール パッケージの MaterialsSkin の使用チュートリアル -- いくつかの配色https://blog.csdn.net/XX_YZDY/article/details/126286341 C# Winform コントロール パッケージの MaterialsSkin の使用チュートリアル -- ボタン ボタンhttps://blog.csdn.net / XX_YZDY/記事/詳細/126278844
C# Winform コントロール パッケージの MaterialsSkin の使用チュートリアル -- サイドバー記事https://blog.csdn.net/XX_YZDY/article/details/126404178 C# Winform コントロール パッケージの MaterialsSkin の使用チュートリアル -- 水平ナビゲーション バーhttps://blog.csdn. net/ XX_YZDY/記事/詳細/126536474
-------------------------------------------------- -------------------------------------------------- ---------------------------------