![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi2_komaru.png)
複数配置したコントロールをサイズ変更時にうまく調整する方法はありますか?
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
FlowLayoutPanelコントロールを使うとコントロールを自動整列させることができます。
![](https://tech.mychma.com/wp-content/uploads/2022/06/flow.gif)
![](https://tech.mychma.com/wp-content/uploads/2022/06/flow.gif)
目次
フォームのコントロールを自動整列させる
FlowLayoutPanelコントロールを利用すると、その中に配置したコントロールを自動で整列させることができます。
FlowLayoutPanelコントロールの使い方
ツールボックスから、FlowLayoutPanelコントロールをフォームに配置します。
配置したFlowLayoutPanelにコントロールを追加していくと、自動で整列されて配置されます。
Dockプロパティを設定し、AutoSizeプロパティをTrueに設定することで、フォームの拡大率にあわせてサイズが自動調整されます。
フォームのサイズを調整するとコントロールが自動的に折り返されます。
![](https://tech.mychma.com/wp-content/uploads/2022/06/flow.gif)
![](https://tech.mychma.com/wp-content/uploads/2022/06/flow.gif)
自動整列方向のコントロール
配置方向を変更したい場合は、FlowDirectionプロパティで変更できます。デフォルトはLeftToRightになります。
FlowDirectionプロパティ | 折り返し |
---|---|
LeftToRight | 左から右 |
TopDown | 上から下 |
RightToLeft | 右から左 |
BottomUp | 下から上 |
チェック!
コントロールの折り返しを禁止するには、WrapContentsプロパティをFalseにします。
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi2_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi2_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi2_normal.png)
コントロールを自動整列させることができました。
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
![](https://tech.mychma.com/wp-content/uploads/2022/05/hukidashi4_normal.png)
radioボックスなど、同じコントロールを並べて配置するときなどに便利です。
コメント