C# Winform控件包 MaterialSkin使用教程 -- 侧边栏篇

如果没有看过以前几篇教程的，请先按照顺序阅读并操作一下！

传送门：C# Winform控件包 MaterialSkin使用教程免费开源，支持中文！

这期说的可能比较啰嗦，因为防止有一些萌新不会用 TabControl 控件，篇幅会比较长，希望大家可以静下心来，将这些学会，就可以做出一个模板出来，以后每次使用可以去复制模板，一次辛苦，以后都会很舒服！先放一下最终成果图：

对TabControl有所了解的可以直接下载源码进行学习：

C# Winform 侧边栏左侧导航菜单栏自动隐藏和显示，支持图标，可更换主题颜色

想要实现优美的侧边栏需要先准备一个MaterialTabControl，然后将想要的栏目以TabControl的形式添加上去。

我们先准备一个Material的空窗体（如果不会请看之前的教程），然后拖入MaterialTabControl控件，并选中，在右侧会出现一个小三角形，点击这个小三角，点击添加选项卡，将选项卡添加到想要的个数。

需要注意的是，想要选中MaterialTabControl，需要点击控件上方浅灰色的部分，下方白色的部分是内容区，是tabPage类型，点击是出不来这个小三角的。

我选择添加6个选项卡，并逐一给选项卡更改文本内容。

更改文本内容也很简单，先点击上面的标签，进入对应的TabPage中，然后点击白色区域，在属性面板中更改Text属性即可。

重复操作，将所有的选项卡更改完成，修改好后会像我一样，标签以想要的侧边栏栏目名命名。

那么怎么将这个TabControl与侧边栏联系起来呢？这就要使用我们窗体的属性了。

点击窗体，进入属性面板，设置DrawerTabControl为刚才我们设置好的那个TabControl。

这里的Drawer就是指的侧边栏的意思。

再将这三个属性设置为True

点击运行，你会得到如下的效果。

鼠标移动上去，侧边栏展开，可以看到我们在TabControl中设置的内容已经自动生成为侧边栏了。

不过现在的侧边栏还没有图标，下面来介绍如何为各个栏目添加图标。

首先先下载图标的图片，iconfont-阿里巴巴矢量图标库

这里要用到Windows自带的一个控件，在工具箱中搜索Image，会出来一个ImageList

将这个 ImageList 控件拖到窗体上，可以看到在设计区下方出现一个 ImageList 组件。

点击右上的小三角，先修改一下参数，大小设置为24，深度32Bit，然后选择图像、添加图像

将下载好的图标添加进去

、

接下来是将List绑定到每个选项。

选中界面的TabControl（再次提醒，点击上部浅灰色区域才是选中TabControl），然后在属性面板中找到 ImageList 属性，设置为刚刚的 ImageList。

然后再依次选中TabPage，设置ImageKey属性为想要的图标，每一个TabPage都要设置。

3.设置对应的图标。

重复上面三步，将所有的选项卡都设置完毕，这时主界面所有图标都显示出来了，我用了一些白色的图标，正常使用时，图标颜色都会被重新绘制，所以只要选择轮廓清晰的即可，颜色并不重要。

点击运行，可以看到图标已经显示出来了（这里我觉得一些图标不搭，换了一下）

点击左边的菜单按钮或将鼠标移动到侧边栏上，可以显示出详细描述

对侧边栏的设置基本上都在窗体（Form）的属性里，现在的侧边栏有些宽了，我们改一下宽度

将宽度改为150，我们的侧边栏就完成啦！

向TabControl的每个内容页添加内容，侧边栏就可以自动切换了。

回到设计界面，选择系统主页选项卡，然后在TabPage空白区域编辑你想实现的内容。

TabPage默认背景颜色是透明色，如果再在上面放透明背景的控件（如Label)，会变成纯黑，解决办法有两个

1.将TabPage背景色改掉，先点击空白区域，将Background属性改为白色或者其他不透明颜色

2.使用Card或其他容器，将透明控件放在容器里

如果没使用那些透明的控件，也可以不改。

另外还需要在左侧预留出一些位置给侧边栏，

编辑界面如下图：

运行之后会是这样：

将系统主页的内容编辑好之后，再点击其他选项卡，设置其他选项卡的内容，最后运行，点击左侧的图标，可以切换到其他内容页。

系统主页：（如上图）

文件管理：

至此我们的侧边栏就设置好了！

再换个喜欢的配色方案，完美！

温馨提示，可以做出一个模板出来，另存到一个文件夹，以后每次使用可以去把这个模板项目复制一下，非常方便！属于一劳永逸的做法！

码字不易，希望大家多多点赞支持！

C# Winform控件包 MaterialSkin使用教程 -- 横向导航栏_XX_YYDS的博客-CSDN博客本期教大家如何给Winform程序设置一个水平导航栏，使用MaterialSkin开源控件包进行美化，与侧边栏十分相似，却又有些许不同，总的来说是十分美观的，抓紧学习，大家一起卷起来！https://blog.csdn.net/XX_YZDY/article/details/126536474

往期回顾：

C# Winform控件包 MaterialSkin使用教程免费开源，支持中文！https://blog.csdn.net/XX_YZDY/article/details/126259798C# Winform控件包 MaterialSkin使用教程 -- Button 按钮篇https://blog.csdn.net/XX_YZDY/article/details/126278844C# Winform控件包 MaterialSkin使用教程 -- 一些配色方案https://blog.csdn.net/XX_YZDY/article/details/126286341

C# Winform控件包 MaterialSkin使用教程 -- 侧边栏篇相关推荐

C# Winform控件包 MaterialSkin使用教程免费开源，支持中文！
如果没有拿到控件包DLL的可以去这篇文章里自取.C# Winform控件包分享,免费开源,支持中文! 控件比较多,我会抽出时间分控件逐一书写教程,不定时更新,感兴趣的朋友可以关注我. 本文将在以下几个 ...
C# Winform控件库分享，免费开源，支持中文！（附DLL及教程）
这款控件包是基于MaterialSkin2二次开发的,可以更换想要的皮肤主题,一键转换暗色系,还拥有非常炫酷的动画,非常好看,原本的MaterialSkin2是国外团队开发的,不支持中文,所以我在里面 ...
教程:简单几步教你在Win版Delphi7中安装AlphaControls皮肤控件包.
注:这是个简易教程. AlphaControls是一款不错的皮肤控件合集包. 它内置的诸多空间不仅能够让你的程序变得更加漂亮,同时你还可以为这些控件附加行为. ***第一步,下载AlphaContro ...
基于C#的GIS开发20210426之类库同名类、制作winform控件、建立控件之间的关联、自己制作控件、自己控件引入项目、显示磁盘文件夹、磁盘文件与picturebox建立关系、图像拉伸
C#知识点与控件的制作一.C#中多个类库中有同名类,区分问题二.制作最简单的winform控件 1.拖动加载事件代理筛选器 2.显示属性.事件,及其修改常见控件属性介绍窗体常用的方法常见 ...
WINFORM控件开发来源：博客园作者：纶巾客
(1)开篇我本人不是专业的控件开发人员,只是在平常的工作中,需要自己开发一些控件.在自己开发WinForm控件的时候,没有太多可以借鉴的资料,只能盯着MSDN使劲看,还好总算有些收获.现在我会把这些 ...
(转)WinForm控件使用文章收藏整理完成
http://home.cnblogs.com/group/topic/29829.html 对C# WinForm开发系列收集的控件使用方面进行整理, 加入了一些文章, 不断补充充实, 完善这方面. ...
异步委托实现多线程winform控件编程
private void button1_Click(object sender, EventArgs e) { ThreadStart ts ...
C# WinForm控件、自定义控件整理（大全）
C# WinForm开发系列 - CheckBox/Button/Label/ProgressBar WinForm下CheckedListBox的数据绑定 Winform 下无闪烁走马灯效果实现 c ...
在WPF中使用WinForm控件方法
在WPF中使用WinForm控件方法原文:在WPF中使用WinForm控件方法 1. 首先添加对如下两个dll文件的引用:WindowsFormsIntegration.dll,Syste ...
Wpf使用Winform控件后Wpf元素被Winform控件遮盖问题的解决
Wpf使用Winform控件后Wpf元素被Winform控件遮盖问题的解决参考文章: (1)Wpf使用Winform控件后Wpf元素被Winform控件遮盖问题的解决 (2)https://www. ...

C# Winform控件包 MaterialSkin使用教程 -- 侧边栏篇

C# Winform控件包 MaterialSkin使用教程 -- 侧边栏篇相关推荐

最新文章

热门文章