侧边栏

本文主要示范如何在窗体中使用侧边栏。。

一、设计侧边栏

1. 右击项目，选择“添加”中“新建项”，选择Smobiler下的SwebUserControl，命名为menuLeft，点击“添加”即可新建一个侧边栏。

2. 设计布局

(1).修改menuLeft的Size为：“240, 0”、BackColor为“White”、ItemAlign为“Center”；

(2)拖动一个Image到侧边栏上，设置属性：“Size”:“100, 100”、“Magin”:“0,20,0,0”、“ResourceID”:“logon.png”

(2).在拖入其他需要的控件，就完成侧边栏界面。

二、主窗体绑定侧边栏

1. 在SwebForm2 窗体界面设置侧边栏属性: “DrawerName”:“menuLeft”；

若需要在右侧打开侧边栏，设置“DrawerPosition”为“Right”

2. 在SwebForm2 窗体界面中放一Button ，Button 点击事件中写；

    C#：
       private void button1_Click(object sender, EventArgs e)
        {
            this.OpenDrawer();//打开侧边栏
        // this.CloseDrawer();//关闭侧边栏
        }
    
                

三、侧边栏展示效果