SunnyUI中uiSplitContainer的使用

在SunnyUI控件库中，UISplitContainer 是一个类似于Windows Forms中 SplitContainer 控件的组件，它允许你在一个容器内分割两个面板，通常一个作为主面板，另一个作为辅助面板。UISplitContainer 提供了更现代和美观的样式，以及额外的功能和事件。

下面是使用 UISplitContainer 的基本步骤：

1. 添加控件： 在你的窗体设计视图中，从工具箱中拖拽 UISplitContainer 控件到窗体上。

2. 配置属性： UISplitContainer 控件有多个属性可以设置，例如：

   • SplitterDistance：设置分割线距离左边或顶部的距离。
   • IsSplitterFixed：确定分割线是否可以移动。
   • Orientation：确定面板是垂直还是水平分割。

3. 添加子控件： 你可以通过在 UISplitContainer 的两个面板中分别添加控件来填充其内容。这些面板可以通过 Panel1 和 Panel2 属性访问。

下面是一个示例代码，展示如何在代码中创建并配置一个 UISplitContainer：

Csharp

1using Sunny.UI;
2
3public partial class MainForm : Form
4{
5    public MainForm()
6    {
7        InitializeComponent();
8
9        UISplitContainer splitContainer = new UISplitContainer();
10        splitContainer.Dock = DockStyle.Fill;
11        splitContainer.SplitterDistance = 200; // 设置左侧面板宽度为200像素
12        splitContainer.IsSplitterFixed = false; // 分割线可以手动调整
13        splitContainer.Orientation = Orientation.Vertical; // 垂直分割
14
15        UIListView listView = new UIListView();
16        listView.Dock = DockStyle.Fill;
17        splitContainer.Panel1.Controls.Add(listView);
18
19        UIDataGridView dataGridView = new UIDataGridView();
20        dataGridView.Dock = DockStyle.Fill;
21        splitContainer.Panel2.Controls.Add(dataGridView);
22
23        Controls.Add(splitContainer);
24    }
25}

在这个例子中，UISplitContainer 被设置为填充整个窗体，并且设置了分割线的位置。左侧面板 (Panel1) 包含了一个 UIListView，而右侧面板 (Panel2) 包含了一个 UIDataGridView。

确保在使用前已经正确地引用了SunnyUI库，并在代码文件的顶部添加了 using Sunny.UI; 指令。