我所做出来的效果图
使用的工具是Visual Studio
1、C#添加美化包样式
1、引用我们样式包
2、将代码中的 Form1:form改成我们引用的样式名
并调用我们的样式
之后就能发现form样式发生变化
这个属性能够取消全屏放大
更改test属性可以自定义标题
在左侧工具箱内添加我们下载样式的UI组件
按确定添加成功
这样我们就可以使用该样式了
制作索引
1、左侧框做目录,我采用的是NavMenu组件,右侧是TabControl作为显示。
我们可以通过更改ShowCloseButton属性来更改是否显示关闭。
2、在主界面中写目录代码
public void InitMain()
{
int pageIndex = 100;
TreeNode parent = Menu.CreateNode("系统管理",pageIndex);
Menu.CreateChildNode(parent,"系统参数",++pageIndex);
Menu.CreateChildNode(parent, "数据字典", ++pageIndex);
pageIndex = 200;
parent = Menu.CreateNode("信息管理", pageIndex);
Menu.CreateChildNode(parent, "商家信息管理", ++pageIndex);
Menu.CreateChildNode(parent, "个人信息管理", ++pageIndex);
Menu.CreateChildNode(parent, "菜品管理", ++pageIndex);
Menu.CreateChildNode(parent, "收货地址管理", ++pageIndex);
}
这个是效果图:
3、制作点击目录,出现在右侧的视图窗
1、创建一个新的窗体
将Form2:form中的form 改成UITitlePage,引用该样式
在里面添加我们想要的内容
2、在form1中的NavMenu添加点击事件
private void Menu_MenuItemClick_1(TreeNode node, NavMenuItem item, int pageIndex)
{
switch (pageIndex)
{
case 101:
Tab.AddPage(new Form2());
break;
case 102:
Tab.AddPage(new Form2());
break;
case 201:
Tab.AddPage(new Form2());
break;
case 202:
Tab.AddPage(new Form2());
break;
}
}
实现点击添加一个页面