{"id":28549,"date":"2024-03-16T10:33:49","date_gmt":"2024-03-16T10:33:49","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/"},"modified":"2024-03-22T13:43:29","modified_gmt":"2024-03-22T13:43:29","slug":"how-to-use-the-splitcontainer-in-winforms","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/","title":{"rendered":"How to use the splitContainer in winforms"},"content":{"rendered":"

The SplitContainer control is a container control used in Windows Forms to divide interface areas. It offers a draggable separator that can be used to adjust the size ratio between two child controls.<\/p>\n

The SplitContainer control allows you to achieve the following functions:<\/p>\n

    \n
  1. SplitContainer control can divide the form into two vertical or horizontal regions, allowing different child controls to be placed in each region.<\/li>\n
  2. Adjust the size ratio of the regions: You can adjust the size ratio of the two regions in real-time by dragging the divider to meet different layout requirements.<\/li>\n
  3. Hide or display a specific area: You can hide or display a specific area by setting the SplitContainer.Panel1Collapsed or SplitContainer.Panel2Collapsed properties.<\/li>\n
  4. Change the position of the splitter dynamically: You can adjust the position of the splitter by setting the SplitContainer.SplitterDistance property, allowing for dynamic layout adjustments on the interface.<\/li>\n<\/ol>\n

    The steps for using the SplitContainer control are as follows:<\/p>\n

      \n
    1. Drag and drop a SplitContainer control onto the form.<\/li>\n
    2. Drag and drop the child controls that need to be placed in the two areas of SplitContainer onto the two Panels of the SplitContainer.<\/li>\n
    3. You can adjust the style, initial position, etc. of the splitter bar by setting the properties of the SplitContainer.<\/li>\n
    4. You can dynamically change the position of the splitter bar, hide or show a specific area by setting the properties of SplitContainer through code.<\/li>\n<\/ol>\n

      For example, the code below demonstrates how to use the SplitContainer control.<\/p>\n

      \/\/ \u521b\u5efa\u4e00\u4e2aSplitContainer\u63a7\u4ef6\r\nSplitContainer splitContainer = new SplitContainer();\r\nsplitContainer.Dock = DockStyle.Fill;\r\nthis.Controls.Add(splitContainer);\r\n\r\n\/\/ \u521b\u5efa\u4e24\u4e2a\u9762\u677f\uff0c\u5e76\u5c06\u5176\u6dfb\u52a0\u5230SplitContainer\u4e2d\r\nPanel panel1 = new Panel();\r\nPanel panel2 = new Panel();\r\nsplitContainer.Panel1.Controls.Add(panel1);\r\nsplitContainer.Panel2.Controls.Add(panel2);\r\n\r\n\/\/ \u8bbe\u7f6eSplitContainer\u7684\u5c5e\u6027\r\nsplitContainer.SplitterDistance = 200;\r\nsplitContainer.IsSplitterFixed = true;\r\n\r\n\/\/ \u5176\u4ed6\u64cd\u4f5c\uff0c\u5982\u8bbe\u7f6e\u5b50\u63a7\u4ef6\u7684\u5c5e\u6027\u3001\u4e8b\u4ef6\u5904\u7406\u7b49\r\n<\/code><\/pre>\n
      The code above creates a SplitContainer control with its Dock property set to Fill, making it fill the entire form. Two Panel controls are then created and added to each panel of the SplitContainer. The SplitContainer’s SplitterDistance property is set to 200, indicating an initial size ratio of 1:1 between the two areas. The IsSplitterFixed property is set to true, indicating that the splitter cannot be dragged to change the size.<\/p>\n
      It is important to note that the SplitContainer control can only contain two child controls, not more. If you need to divide more areas, you can achieve this by nesting multiple SplitContainers.<\/p>\n","protected":false},"excerpt":{"rendered":"
      The SplitContainer control is a container control used in Windows Forms to divide interface areas. It offers a draggable separator that can be used to adjust the size ratio between two child controls. The SplitContainer control allows you to achieve the following functions: SplitContainer control can divide the form into two vertical or horizontal regions, […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-28549","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow to use the splitContainer in winforms - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the splitContainer in winforms\" \/>\n<meta property=\"og:description\" content=\"The SplitContainer control is a container control used in Windows Forms to divide interface areas. It offers a draggable separator that can be used to adjust the size ratio between two child controls. The SplitContainer control allows you to achieve the following functions: SplitContainer control can divide the form into two vertical or horizontal regions, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T10:33:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T13:43:29+00:00\" \/>\n<meta name=\"author\" content=\"Benjamin Taylor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benjamin Taylor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\"},\"author\":{\"name\":\"Benjamin Taylor\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/ac801fe9549a25960ce48aa2e0a691c9\"},\"headline\":\"How to use the splitContainer in winforms\",\"datePublished\":\"2024-03-16T10:33:49+00:00\",\"dateModified\":\"2024-03-22T13:43:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\"},\"wordCount\":354,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\",\"name\":\"How to use the splitContainer in winforms - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T10:33:49+00:00\",\"dateModified\":\"2024-03-22T13:43:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use the splitContainer in winforms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/ac801fe9549a25960ce48aa2e0a691c9\",\"name\":\"Benjamin Taylor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ec2e3d3e2d525fd148047c4520ae7c1cdccd1f4b48a1a488422b31f04f345c14?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ec2e3d3e2d525fd148047c4520ae7c1cdccd1f4b48a1a488422b31f04f345c14?s=96&d=mm&r=g\",\"caption\":\"Benjamin Taylor\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/benjamintaylor\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to use the splitContainer in winforms - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/","og_locale":"en_US","og_type":"article","og_title":"How to use the splitContainer in winforms","og_description":"The SplitContainer control is a container control used in Windows Forms to divide interface areas. It offers a draggable separator that can be used to adjust the size ratio between two child controls. The SplitContainer control allows you to achieve the following functions: SplitContainer control can divide the form into two vertical or horizontal regions, […]","og_url":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T10:33:49+00:00","article_modified_time":"2024-03-22T13:43:29+00:00","author":"Benjamin Taylor","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Benjamin Taylor","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/"},"author":{"name":"Benjamin Taylor","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/ac801fe9549a25960ce48aa2e0a691c9"},"headline":"How to use the splitContainer in winforms","datePublished":"2024-03-16T10:33:49+00:00","dateModified":"2024-03-22T13:43:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/"},"wordCount":354,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/","url":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/","name":"How to use the splitContainer in winforms - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T10:33:49+00:00","dateModified":"2024-03-22T13:43:29+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-splitcontainer-in-winforms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use the splitContainer in winforms"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/ac801fe9549a25960ce48aa2e0a691c9","name":"Benjamin Taylor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ec2e3d3e2d525fd148047c4520ae7c1cdccd1f4b48a1a488422b31f04f345c14?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec2e3d3e2d525fd148047c4520ae7c1cdccd1f4b48a1a488422b31f04f345c14?s=96&d=mm&r=g","caption":"Benjamin Taylor"},"url":"https:\/\/www.silicloud.com\/blog\/author\/benjamintaylor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/28549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=28549"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/28549\/revisions"}],"predecessor-version":[{"id":62855,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/28549\/revisions\/62855"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=28549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=28549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=28549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}