[C#] スクロールバーを非表示にする方法

2025-04-15更新日: 2025-04-15

C#でスクロールバーを非表示にする方法は、使用するUIフレームワークによって異なります。

Windows Formsでは、AutoScrollプロパティをfalseに設定することでスクロールバーを非表示にできます。

WPFでは、ScrollViewerのVerticalScrollBarVisibilityやHorizontalScrollBarVisibilityプロパティをHiddenまたはDisabledに設定します。

ASP.NETでは、CSSを使用してoverflowプロパティをhiddenに設定することでスクロールバーを非表示にできます。

これにより、スクロールバーが表示されなくなりますが、コンテンツがはみ出す場合は注意が必要です。

目次から探す

スクロールバーを非表示にする方法
スクロールバー非表示の実用例
スクロールバー非表示の注意点
まとめ

スクロールバーを非表示にする方法

AutoScrollプロパティの設定

C#のWindowsフォームアプリケーションでは、AutoScrollプロパティを使用して、フォームやコンテナの自動スクロール機能を制御できます。

このプロパティをfalseに設定することで、スクロールバーを非表示にすることができます。

以下は、MyFormクラス内での設定例です。

public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // AutoScrollプロパティをfalseに設定
        this.AutoScroll = false; 
    }
}

この設定により、フォーム内のコンテンツがはみ出しても、スクロールバーは表示されません。

スクロールバーの表示条件

スクロールバーは、コンテンツが表示領域を超えた場合に自動的に表示されます。

以下の条件に基づいて、スクロールバーが表示されるかどうかが決まります。

条件	説明
コンテンツのサイズ	コンテンツが表示領域を超える場合
AutoScrollプロパティ	`true`の場合、スクロールバーが表示される
フォームのサイズ	フォームのサイズが小さい場合

これらの条件を理解することで、スクロールバーの表示を適切に制御できます。

スクロールバーを完全に非表示にする方法

スクロールバーを完全に非表示にするには、AutoScrollプロパティをfalseに設定するだけでなく、ScrollBarsプロパティを使用して、スクロールバーの表示を制御することもできます。

以下のコードは、MyFormクラス内での設定例です。

using System.Windows.Forms;

public partial class MyForm : Form
{
	public MyForm()
	{
		InitializeComponent();
		// フォームの場合
		// AutoScrollプロパティをfalseに設定
		this.AutoScroll = false;
		// テキストボックスの場合
		// ScrollBarsプロパティをNoneに設定
		// this.ScrollBars = ScrollBars.None;
	}
}

この設定により、スクロールバーは完全に非表示になります。

これにより、ユーザーインターフェースがすっきりとした印象になりますが、コンテンツがはみ出す場合は注意が必要です。

スクロールバー非表示の実用例

固定サイズのフォームでの利用

固定サイズのフォームを使用する場合、スクロールバーを非表示にすることで、ユーザーにとってよりクリーンで直感的なインターフェースを提供できます。

特に、フォームのサイズが固定されている場合、コンテンツがはみ出すことがないため、スクロールバーは不要です。

以下は、固定サイズのフォームの設定例です。

public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // フォームのサイズを固定
        this.FormBorderStyle = FormBorderStyle.FixedSingle; 
        this.Size = new Size(400, 300); 
        // AutoScrollプロパティをfalseに設定
        this.AutoScroll = false; 
    }
}

このように設定することで、ユーザーはスクロールバーを気にせずにコンテンツを利用できます。

コンテンツの表示領域を制限する

特定のコンテンツを表示する際に、表示領域を制限することで、スクロールバーを非表示にすることができます。

たとえば、画像やテキストボックスなどのコンテンツが、あらかじめ決められたサイズ内に収まるように配置することが重要です。

以下は、表示領域を制限する例です。

public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // AutoScrollプロパティをfalseに設定
        this.AutoScroll = false; 
        
        // テキストボックスのサイズを設定
        TextBox textBox = new TextBox();
        textBox.Size = new Size(300, 200); 
        textBox.Multiline = true; 
        textBox.Text = "ここにテキストを入力します。"; 
        
        // フォームにテキストボックスを追加
        this.Controls.Add(textBox); 
    }
}

このように、コンテンツのサイズを制限することで、スクロールバーを非表示にしつつ、ユーザーが快適に利用できるインターフェースを実現できます。

ユーザーインターフェースのカスタマイズ

スクロールバーを非表示にすることで、ユーザーインターフェースをカスタマイズし、特定のデザインやテーマに合わせることができます。

たとえば、特定の色やスタイルを持つカスタムコントロールを使用する場合、スクロールバーが表示されるとデザインが損なわれることがあります。

以下は、カスタムコントロールを使用した例です。

public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // AutoScrollプロパティをfalseに設定
        this.AutoScroll = false; 
        
        // カスタムラベルの作成
        Label customLabel = new Label();
        customLabel.Text = "カスタムデザインのラベル";
        customLabel.BackColor = Color.LightBlue; 
        customLabel.Size = new Size(350, 50); 
        
        // フォームにカスタムラベルを追加
        this.Controls.Add(customLabel); 
    }
}