ユーザーコントロールの色をグラデーションしたいです。

Question

前提・ 実現したいこと

Formやユーザコントロールなどの背景色をグラデーションに色が塗る方法が知りたいです。

visual stadio2022を使ってc#でプログラミングしています。
ショッピングサイトのようなシステムを作っています。
それを実装のとき、Windowサイズをマウスで大きさが変更するとき、
Form内のパネルに追加したユーザーコントロールのSizeの大きさも変わります。

VisualStudioでwindows formのForm上には
Panel1(左上)、Panel2(右上)、Panel3(左下)、Panel4(右下)で構成されています。

また、Panel3(左下)にはUserControl１からUserControl２へと画面遷移するために必要なユーザーコントロールが複数あります。

知りたいことはユーザコントロール内にPanelなどのコントロールの追加による表示ではなく、
サンプル写真のように赤丸のように直接、Formやユーザコントロールなどの背景色をグラデーションに色が塗る方法が知りたいです。

できれば解答する際にコードの解説やコメントがあるとわかりやすいのでお願いします。

発生している問題・エラーメッセージ

https://dobon.net/vb/dotnet/graphics/lineargradientbrush.html
https://atmarkit.itmedia.co.jp/fdotnet/dotnettips/784gradbutton/gradbutton.html
を参考にしたが、
ユーザコントロール内にPanelやpictureboxなどのコントロールを追加による表示の仕方はユーザコントロールに色が塗られていない部分があるやサンプルのように配置されているボタンが消えてしまうと指摘を受けて
ユーザコントロール内の背景色をグラデーションに変えることがわからない。

該当のソースコード

//描画先とするImageオブジェクトを作成する
Bitmap canvas = new Bitmap(PictureBox1.Width, PictureBox1.Height);
//ImageオブジェクトのGraphicsオブジェクトを作成する
Graphics g = Graphics.FromImage(canvas);

//縦に白から黒へのグラデーションのブラシを作成
//g.VisibleClipBoundsは表示クリッピング領域に外接する四角形
LinearGradientBrush gb = new LinearGradientBrush(
        g.VisibleClipBounds,
        Color.White,
        Color.Black,
        LinearGradientMode.Vertical);

//四角を描く
g.FillRectangle(gb, g.VisibleClipBounds);

//リソースを解放する
gb.Dispose();
g.Dispose();

//PictureBox1に表示する
PictureBox1.Image = canvas;

試したこと

ユーザーコントロールのイベントpaintを使ったがグラデーションにならないです。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Drawing.Drawing2D;

namespace tram
{
   public partial class UserControl1 : UserControl
   {
       public Menu()
       {
           InitializeComponent();

       }
　　private void UserControl1_Paint(object sender, PaintEventArgs e)
       {
           Form1 form = (Form1)this.FindForm();
           // ビットマップとGraphicsオブジェクトの作成
           Bitmap bmp = new Bitmap(form.panel3.Width, form.panel3.Height);
           Graphics g = Graphics.FromImage(bmp);

           // グラデーション・ブラシの作成
           LinearGradientBrush gradBrush = new LinearGradientBrush(
               g.VisibleClipBounds, // ビットマップの領域サイズ
               Color.Navy, // 開始色
               Color.Purple, // 終了色
               LinearGradientMode.Vertical); // 縦方向にグラデーション

           // ビットマップをグラデーション・ブラシで塗る
           e.Graphics.FillRectangle(gradBrush, g.VisibleClipBounds);

           gradBrush.Dispose();
           g.Dispose();

       }
}

補足情報（FW/ツールのバージョンなど）

Form1のソースコードはこのようになっています。

public  partial class Form1 : Form
    {

       //ユーザーコントロール1
        public userControl1 page = new UserControl1();
        //ユーザーコントロール2
        public userControl2 page = new UserControl2();

        public Form1()
        {
            InitializeComponent();

            //ユーザーコントロールの画面を追加
            panel3.Controls.Add(userControl1);
            panel3.Controls.Add(userControl2);
           
	　　userControl1.Visible = false;
	    userControl2.Visible = true;

        }

    }

また、これは個人的に気になったことであるが、 gradBrush.Dispose();など
Dispose()がなくても画面に図形が挿入されているが
Dispose()があるとないでどのように変わりますか？
自分で調べてもリソース？というものがあるかないか書かれてもの多いです。

Comments

[SurferOnWww]

https://teratail.com/questions/5mtt1e0e765dl0 ←これの回答への返事は？

[退会済みユーザー]

まだ言語の理解などによって解決していないです。

[Zuishin]

前のが解決してないのに進めちゃだめでしょう。

[退会済みユーザー]

また質問にも書きましたが前回の場合はパネルが配置されていることがダメであると指摘を受けてしまい、再度質問しました。

[Zuishin]

なぜ課題を他人にやらせてるのか知らないけど、同じ方法でできるので、前の回答を参考にすればできます。
理解せず先に進んでいるからできないだけです。

[KOZ6.0]

mitsutan さん
前２つの質問については解決したのですよね？
ベストアンサーを選んで解決済にしてください。
https://teratail.com/help#resolve-question

Answer 1

BackgroundImageで画像を貼るのはどうですか？
それならC#コードを一切書かずに実現できます。

BackgroundImageLayoutはStretchにしてください。
引き伸ばすので画像の幅は狭くても問題ありませんが、高さはある程度ないと汚くなります。

Control.BackgroundImage プロパティ (System.Windows.Forms) | Microsoft Learn

Control.BackgroundImageLayout プロパティ (System.Windows.Forms) | Microsoft Learn

c# 画像 リソース - Google 検索

グラデーション画像作成 - Google 検索

Answer 2

Dispose について

メモリが足りなくなれば、GC（ガベージコレクタ）が回収しますが、ブラシなどの GDI/GDI++ オブジェクトを放置しておくと、GCがオブジェクトを回収する前に GDI/GDI++ のリソース制限に引っかかり、描画がされなくなることも考えられます。
サンプルプログラムのような小さいプログラムでは問題にならなくても、大規模なプログラムになってくると問題が発生することもあるので、必ず Dispose を実行するようにしてください。
いちばん簡単なのは using ステートメントを使うことですね。

本題

UserControl は、自身にプロパティやメソッドを実装して外部から動作を変更できます。
背景をグラデーションしたいのであれば、グラデーションに関する情報をプロパティとして実装すると良いでしょう。
この場合、LinearGradientBrush を作成するときの引数のうち、開始色、終了色、グラデーションの方向を指定する LinearGradientMode 列挙体 です。
ここで重要なのは、プロパティの値が変更されたら、背景を再描画する必要がある、ということです。
ウインドウハンドルが作成されていれば、Invalidate メソッドを実行して、再描画します。

using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms;

public partial class UserControl1 : UserControl
{
    public UserControl1() {
        InitializeComponent();
        // ちらつき防止
        SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
        SetStyle(ControlStyles.AllPaintingInWmPaint, true);
    }

    protected override void OnPaint(PaintEventArgs e) {
        base.OnPaint(e);
        using (var gb = new LinearGradientBrush(
            ClientRectangle,
            StartColor, 
            EndColor, 
            LinearGradientMode)) {
            e.Graphics.FillRectangle(gb, ClientRectangle);
        }
    }

    private Color _StartColor = Color.White;

    public Color StartColor {
        get {
            return _StartColor;
        }
        set {
            if (StartColor != value) {
                _StartColor = value;
                if (IsHandleCreated) {
                    Invalidate();
                }
            }
        }
    }

    private Color _EndColor = Color.Black;

    public Color EndColor {
        get {
            return _EndColor;
        }
        set {
            if (EndColor != value) {
                _EndColor = value;
                if (IsHandleCreated) {
                    Invalidate();
                }
            }
        }
    }

    private LinearGradientMode _LinearGradientMode = LinearGradientMode.Vertical;

    public LinearGradientMode LinearGradientMode {
        get {
            return _LinearGradientMode;
        }
        set {
            if (LinearGradientMode != value) {
                _LinearGradientMode = value;
                if (IsHandleCreated) {
                    Invalidate();
                }
            }
        }
    }
}

上のコードはあくまでもサンプルであり、最低限の実装をしているだけです。

プロパティの実装には、いろいろお作法があるのですが、ちょっと説明しきれませんので

「.NET Framework を使用したカスタム Windows フォーム コントロールの開発」
https://learn.microsoft.com/ja-jp/dotnet/desktop/winforms/controls/developing-custom-windows-forms-controls?view=netframeworkdesktop-4.8

を参照してください。