複数データを複数列の縦スクロールでList表示したい(c# Form）

Question

前提・実現したいこと

C# の Form 上で以下のような表示を実現したいと考えています
1．任意の数字をテキストBOXに入力
2．Enterキーでその下に入力した数字を横に並べて表示していきたいです
（通常のListBOXだと縦に並ぶので）

　　入力順に左から右に表示し規定数(例えば10件）表示したら次の行に改行表示
スクロールバーは縦表示のみで
001 012 003 004
010 100 015
3．同じ数字を入力したらリストから削除する

単純に、ListBoxのMultiColoum設定したものの、数字が横に並んでいくバージョンがないかなぁと。。。

試したこと　

ListBoxでは、MultiColoum設定をしても上から下に表示＆表示枠で次の列に表示しか出来ない
（その他の設定で期待する表示になるのかもしれないですが）

listViewのsmallicon設定では各項目の間隔調整は\がうまく出来ない

TableLayoutPanelでは、横スクロールが消せない、項目削除の処理がきれいに出来ない(単によく分かっていないだけか）

ListBoxやListViewのように単純に制御できるのがあれば良いのですが、良いものが見つからないです、、、
知識不足／調査不足なんでしょうが。。

Answer 1

TableLayoutPanel と Label を使うのが手軽かもしれません。

TableLayoutPanelコントロールを使って、コントロールを表形式で整列させる - .NET Tips (VB.NET,C#...)

追記

サンプルです。デザイナで作る説明をするのが面倒だったので全部コードで行っていますが、実際にはデザイナを使って作ってください。
ボタンを押すとラベルが増え、ラベルをクリックするとそのラベルは消えます。

using System;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
	public partial class Form1 : Form
	{
		private TableLayoutPanel tableLayoutPanel;

		public Form1()
		{
			InitializeComponent();
			var clientPanel = new Panel()
			{
				Dock = DockStyle.Fill,
				AutoScroll = true,
				Parent = this,
			};
			tableLayoutPanel = new TableLayoutPanel()
			{
				Dock = DockStyle.Top,
				AutoSize = true,
				ColumnCount = 5,
				RowCount = 0,
				GrowStyle = TableLayoutPanelGrowStyle.AddRows,
				Parent = clientPanel,
			};
			for (int i = 0; i < tableLayoutPanel.ColumnCount; i++)
			{
				tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 100 / tableLayoutPanel.ColumnCount));
			}
			var controlPanel = new Panel()
			{
				Dock = DockStyle.Top,
				AutoSize = true,
				Parent = this,
			};
			var button = new Button()
			{
				Text = "Click",
				Width = 96,
				Height = 21,
				Parent = controlPanel
			};
			button.Click += Button_Click;
		}

		private int labelCount = 1;

		private void Button_Click(object sender, EventArgs e)
		{
			var label = new Label()
			{
				Text = $"Label{labelCount}",
				Parent = tableLayoutPanel,
			};
			label.Click += Label_Click;
			labelCount++;
		}

		private void Label_Click(object sender, EventArgs e)
		{
			if (!(sender is Label label)) return;
			tableLayoutPanel.Controls.Remove(label);
			label.Dispose();
		}
	}
}

Comments

[TAKE_SS]

回答ありがとうございます
リストの最大数が決まっている場合や、チェックボックスでリストっぽくする場合は良いですね。
もう少し調べてみます

[Zuishin]

決まってなくてもできますよ。その行がいっぱいになったら次の行を増やせばいいだけです。

[TAKE_SS]

Columnを追加していくだけで表示はそれなりに動くようですね
ありがとうございます
スクロールの制御とか、追加したものを削除したいときの動作など調べることはまだありそうですので、いろいろ試してみます。

[Zuishin]

https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.forms.tablelayoutpanel.growstyle?view=netframework-4.8

GrowStyle を AddRow にしておけば、子コントロールが増えた時に自動的に行を増やしてくれます。

[Zuishin]

削除したいときには Controls.Remove です。スクロールはオートスクロールにしとけばいいと思いますが、それでできなければその下にパネルを一枚置けばできます。

[TAKE_SS]

お付き合いいただきありがとうございます。
GrowStyle は AddRow になってました。
　 Label newLabel = new Label();
でラベルを作って、入力された数字をラベルにセットして追加
　Controls.Add(newLabel, insertColumn, insertRow);
　（追加の後 insertColumn++)
は出来たのですが、指定された数字を削除するときのRemoveに渡すコントロールの位置の出し方に難儀してます
また、スクロールはオートスクロールにすると横スクロールが出てきてきれいに表示出来なくて
(これは個別に縦スクロールバーだけ追加して制御すれば解決は出来るでしょうが）

[Zuishin]

サンプルを作ってみたので、実際に動かして確かめてください。

[TAKE_SS]

if (!(sender is Label label)) return;
のところでlabelという名前がないとなってビルドできませんでした。度々すいません

[TAKE_SS]

if (!(sender is Label)) return;
Label label = (Label)sender;
とすることで動作しました。これを参考に確認してみます。
ありがとうございました。

[Zuishin]

C#7 以上で使える型パターンという文法です。
https://ufcpp.net/study/csharp/datatype/patterns/#declaration
それ以前のバージョンの場合はそのようにしてください。

Answer 2

やりたいことがよくわからない感じですが，
レイアウト等にこだわりがある様子(?)ですので，
「１行」はUserControlとして用意してしまえばどうでしょうか．

で，それをFlowLayoutPanelに追加していくとかで．

Answer 3

Listviewで、Detailsのモードでやりましょう

あるいはDetaGridViewとか

Comments

[fana]

見た目(?)に拘らないなら，ただのでかいTextBoxという手も？

[y_waiwai]

固定フォントにすればバッチリですね

[TAKE_SS]

回答ありがとうございます
listViewが失念してました。smalliconがやりたいことに近い気がします。
listViewでいろいろ調査してみます

[TAKE_SS]

ListViewで調べてみると、Datailは行が増えていくし、Smalliconはうまく項目間の幅を調整出来ませんでした。
表示した数字の追加／削除したいのでリストの表示が良かったのですが、DetaGridViewとかまで調べないと難しいのでしょうか。。。
今後リストのように選択したいという話になったときにテキストでは対応できないし、、、

[TAKE_SS]

リストの選択は諦めて、表示はテキストボックスの固定フォントにして、制御は内部変数で管理するいった感じが落とし所でしょうか。。。

[Zuishin]

なぜそんなところに落とし所を……

[y_waiwai]

縦スクロールで表示したいってはなしなんじゃｗ
どういうイメージで表示したいんでしょうか？絵でも書いて提示しましょうｗ