C# WindowsFormでのtrackbarのつまみの形を変更したいです。

Question

実現したいこと

Formにtrackbarを追加したのですが、スライダーのつまみの形を四角から丸に変更したいです。
また、同じようなtrackbarとnumericUpDownのセットを複数作りたいです。
現在、スライダーを動かすとその値がまた、numericUpDownに反映されるようになっています。（逆も然り）

発生している問題・分からないこと

つまみの形を変更するやり方がわかりません。
また、同じようなtrackbarとnumericUpDownのセットを作る場合、
その一つ一つに
”trackBar1.ValueChanged += new EventHandler(trackBar1_Scroll);”
”trackBar1.Value = (int)numericUpDown1.Value;”
こういったコードを書かなければなりませんか？

該当のソースコード

    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void trackBar1_Scroll(object sender, EventArgs e)
        {
            numericUpDown1.Text = trackBar1.Value.ToString();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            trackBar1.ValueChanged += new EventHandler(trackBar1_Scroll);
        }

        private void numericUpDown1_ValueChanged(object sender, EventArgs e)
        {
            trackBar1.Value = (int)numericUpDown1.Value;
        }
    }

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

trackbarに関する情報があまりヒットせず、解決方法がわかりませんでした。

補足

特になし

Answer 1

スライダーのつまみの形を四角から丸に変更したいです。

こちらなんかを参考にされたらどうでしょうか。
fabricelacharme/ColorSlider: ColorSlider is a trackbar control written in C#

別人がパッケージ化したもののようですが、NuGetにもありました。
NuGet Gallery | lioncs.ColorSlider 1.0.0

同じようなtrackbarとnumericUpDownのセットを複数作りたいです。

ユーザーコントロールを作ってください。
ユーザー コントロールを作成する方法 - Windows Forms .NET | Microsoft Learn

その一つ一つに
こういったコードを書かなければなりませんか？

ユーザーコントロールを作ったら書くのは１回だけです。

データバインディングする手もありますが、たいして変わらないですね^^;
[C#]DataBindingsのサンプル（自分用）: なんとなく・・・

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

namespace Qjnzbpwllodhgbs
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            // UserControl1を３つ置いてる
            InitializeComponent();

            userControl11.ValueChanged += UserControl1_ValueChanged;
            userControl12.ValueChanged += UserControl1_ValueChanged;
            userControl13.ValueChanged += UserControl1_ValueChanged;
        }

        private void UserControl1_ValueChanged(object sender, EventArgs e)
        {
            BackColor = Color.FromArgb(255,
                (int)userControl11.Value,
                (int)userControl12.Value,
                (int)userControl13.Value);
        }
    }
}

using System;
using System.Windows.Forms;

namespace Qjnzbpwllodhgbs
{
    public partial class UserControl1 : UserControl
    {
        // numericUpDown1.Valueを外（Form1）から取得・設定できるようにラップ
        public decimal Value
        {
            get => numericUpDown1.Value;
            set => numericUpDown1.Value = value;
        }

        // ValueChangedイベントも欲しいだろうから作成
        public event EventHandler ValueChanged;

        public UserControl1()
        {
            // NumericUpDown・ColorSliderを１つずつ置いてる
            InitializeComponent();

            // 相互にバインド
            numericUpDown1.DataBindings.Add(new Binding("Value", colorSlider1, "Value"));
            colorSlider1.DataBindings.Add(new Binding("Value", numericUpDown1, "Value"));

            numericUpDown1.ValueChanged += NumericUpDown1_ValueChanged;
        }

        private void NumericUpDown1_ValueChanged(object sender, EventArgs e)
        {
            // Microsoft Learnのサンプルではイベントもラップしているが、
            // senderがnumericUpDown1になるのはイヤなので自前で発砲
            ValueChanged?.Invoke(this, EventArgs.Empty);
        }
    }
}

---

NuGetパッケージ導入手順

NuGetウィンドウを開く

1. 「ソリューション エクスプローラー」を開く
2. 該当のプロジェクトの「参照」を右クリックする
3. 「NuGet パッケージの管理...」を選択する

インストールする

1. 「参照」タブを選択する
2. テキストボックスに目的のパッケージ名を入力する
3. 目的のパッケージを選択する
4. インストールボタンを押す

以上でそのプロジェクトでそのパッケージが使用可能になります。

Comments

[TN8001]

見た目にこだわりが強いなら、WPF等XAML系の奴も試してもらいたいですね。
コードで自前描画よりよっぽど簡単ですよ^^

Answer 2

外観に関しては自前で描画しなくてはならないかと思います。
https://www.codeproject.com/Articles/14378/Advanced-TrackBar-Slider-Control-with-MAC-Style-C
こちらですとソースがありますので参考になるのではないでしょうか。

またTrackBarとnumericUpDownの組み合わせですが
それぞれのペアでコードを書くのがいやなのであれば、TrackBarとnumericUpDownのユーザーコントロールを作成すれば値の連動のコードはそのユーザーコントロールで閉じることが出来ます。