【Visual C#】ゼロ詰めNumericUpDownコントロール

概要

Visual StudioWindowsフォームの一つである、スピンボタン(NumericUpDown)は通常、以下画像のように数値の横に0を付加することができません。
f:id:iblog0588:20211211210945p:plain
本ページでは以下画像のように数値の横に0を付加できるスピンボタンを作成する手順を記載します。
f:id:iblog0588:20211211210956p:plain

手順サマリ

1.Visual Studioを起動して、Windowsフォームアプリケーションの新規プロジェクトを作成する。
2.新規プロジェクトを作成したら、プロジェクトメニューから[追加]を選択して、ユーザーコントロールを追加する。
3.ユーザーコントロールクラスにNumericUpDownを継承させ、以下を記述する。

        public override string Text
        {
            get
            {
                return base.Text;
            }
            set
            {
                base.Text = value.ToString().PadLeft(4, '0');
            }
        }

5.フォームデザイナーを開いて、ユーザーコントロールを追加する。

手順詳細

1.新規プロジェクトを作成します。
f:id:iblog0588:20211211205445p:plain

2.Visual Studioを起動して、Windowsフォームアプリケーションの新規プロジェクトを作成します。
f:id:iblog0588:20211211205450p:plain

3.プロジェクトの名前を付ける。今回は「MyNumericUpDown」という名前にしました。
f:id:iblog0588:20211211205522p:plain

4.プロジェクトが開かれたら、ソリューションエクスプローラーのプロジェクトメニューから[追加]-[新しい項目]を選択します。
f:id:iblog0588:20211211205534p:plain

5.[Visual C#アイテム]-[Windows Forms]-[ユーザーコントロール]を選択します。名前は「UserControl1.cs」としました。
f:id:iblog0588:20211211205551p:plain

6.プロジェクトメニューから「UserControl1.cs」を選択し、「コードの表示」を選択します。
f:id:iblog0588:20211211205604p:plain

7.以下のようにコードが表示されます。
f:id:iblog0588:20211211205617p:plain

8.このコードを以下のように書き換えます。ソースコードの書き換えが終わったら一度ビルドしてください。
f:id:iblog0588:20211211205630p:plain

※表示を行いたい桁数は、PadLeftの第一引数で指定します。今回は4桁表示としました。第二引数は今回はゼロ詰めとするため、ゼロを指定します。

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;

namespace MyNumericUpDown
{
    public partial class UserControl1 : NumericUpDown
    {
        public UserControl1()
        {
            InitializeComponent();
        }
        public override string Text
        {
            get
            {
                return base.Text;
            }
            set
            {
                base.Text = value.ToString().PadLeft(4, '0');
            }
        }
    }
}

9.ビルドが成功したら、「Form.cs」を選択し、「デザイナーの表示」を選択します。
f:id:iblog0588:20211211205639p:plain

10.ツールボックスから先ほど作成したUserControl1を選択して貼り付けます。
f:id:iblog0588:20211211205652p:plain

11.4桁までゼロ埋め表示されるスピンボタンが表示されます。
f:id:iblog0588:20211211205701p:plain

以上

補足

本記事の開発環境は、Visual Studio Community2022です。