资源简介

参考网站导航UI设计的winform侧边导航栏,内有vs2017的demo,支持2.0框架。总体扁平化设计,图标、大小位置、文字颜色、样式等可灵活控制,详细请看代码。 注:项的呈现非树形结构,能力有限,有些问题无法解决,但不影响学习及应用。

资源截图

代码片段和文件信息

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace NavbarWinTest
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            this.StartPosition = FormStartPosition.CenterScreen;
        }

        private void wNavbarGroupItem6_Click(object sender EventArgs e)
        {

        }

        private void Form1_Load(object sender EventArgs e)
        {
            foreach (WNavbarGroup group in this.wNavbar1.Items)
            {
                foreach (WNavbarGroupItem item in group.Items)
                {
                    item.Click += (ns ne) =>
                    {
                        this.textBox1.Text = $“按钮:{item.Text} 被点击.“;
                    };
                }
            }
        }

        private void button1_Click(object sender EventArgs e)
        {
            var bgc = Color.FromArgb(40 39 51);//主背景
            var frc = Color.FromArgb(141 142 161);//主前景

            var gexc = Color.FromArgb(47 46 60);//组展开背景
            var gcfc = Color.FromArgb(255 255 255);//组展开前景 

            var pathFormat = Application.StartupPath + “\\images\\{0}.png“;//可以准备两套图标正常和鼠标滑过

            this.wNavbar2.Items.Clear();
            this.wNavbar2.BackColor = bgc;
            this.wNavbar2.ForeColor = frc;
            this.wNavbar2.CaptionShow = false;//隐藏标题滚动条未重写颜色不搭.
            for (int i = 0; i < 3; i++)
            {
                var gp = new WNavbarGroup
                {
                    BackColor = bgc
                    ExpandColor = gexc
                    ForeColor = frc
                    MouseOverColor = gexc
                    MouseOverForeColor = gcfc
                    Text = “WNavbarGroup“ + (i + 1).ToString()
                    Image = Image.FromFile(string.Format(pathFormat i + 1))
                };

                for (int j = 0; j < 3; j++)
                {
                    var item = new WNavbarGroupItem
                    {
                        BackColor = bgc
                        ForeColor = frc
                        SelectedBackColor = gexc
                        SelectedForeColor = gcfc
                        MouseHoverstyle = WNavbarGroupItem.MouseOverstyle.BackColor
                        Text = “WNavbarGroupItem“ + (3 * i + j + 1).ToString(“D2“)
                    };
                    item.Click += (ns ne) =>
                    {
                        this.textBox1.Text = $“按钮:{item.Text} 被点击.“;
                    };
                    gp.Items.Add(item);
                }
                this.wNavbar2.Items.Add(gp);
            }





        }
    }
}

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2019-04-25 08:51  NavbarWinTest\
     目录           0  2019-04-25 08:51  NavbarWinTest\.vs\
     目录           0  2019-04-25 08:51  NavbarWinTest\.vs\NavbarWinTest\
     目录           0  2019-04-25 08:51  NavbarWinTest\.vs\NavbarWinTest\v15\
     文件       49152  2019-04-25 08:59  NavbarWinTest\.vs\NavbarWinTest\v15\.suo
     目录           0  2019-04-25 08:51  NavbarWinTest\.vs\NavbarWinTest\v15\Server\
     目录           0  2019-04-25 08:51  NavbarWinTest\.vs\NavbarWinTest\v15\Server\sqlite3\
     文件           0  2019-04-24 21:35  NavbarWinTest\.vs\NavbarWinTest\v15\Server\sqlite3\db.lock
     文件      712704  2019-04-25 08:52  NavbarWinTest\.vs\NavbarWinTest\v15\Server\sqlite3\storage.ide
     文件       32768  2019-04-25 08:52  NavbarWinTest\.vs\NavbarWinTest\v15\Server\sqlite3\storage.ide-shm
     文件     4148872  2019-04-25 08:54  NavbarWinTest\.vs\NavbarWinTest\v15\Server\sqlite3\storage.ide-wal
     目录           0  2019-04-25 08:54  NavbarWinTest\NavbarWinTest\
     文件       47217  2019-04-25 08:54  NavbarWinTest\NavbarWinTest\Form1.Designer.cs
     文件        3014  2019-04-25 08:54  NavbarWinTest\NavbarWinTest\Form1.cs
     文件       40118  2019-04-25 08:54  NavbarWinTest\NavbarWinTest\Form1.resx
     文件        3804  2019-04-24 21:39  NavbarWinTest\NavbarWinTest\NavbarWinTest.csproj
     文件         494  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Program.cs
     目录           0  2019-04-25 08:51  NavbarWinTest\NavbarWinTest\Properties\
     文件        1324  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Properties\AssemblyInfo.cs
     文件        2839  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Properties\Resources.Designer.cs
     文件        5612  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Properties\Resources.resx
     文件        1100  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Properties\Settings.Designer.cs
     文件         249  2019-04-24 21:35  NavbarWinTest\NavbarWinTest\Properties\Settings.settings
     文件       33282  2019-04-24 22:00  NavbarWinTest\NavbarWinTest\WNavbar.cs
     文件       32848  2019-04-24 22:41  NavbarWinTest\NavbarWinTest\WNavbarGroup.cs
     文件       21132  2019-04-24 23:05  NavbarWinTest\NavbarWinTest\WNavbarGroupItem.cs
     目录           0  2019-04-25 08:51  NavbarWinTest\NavbarWinTest\bin\
     目录           0  2019-04-25 08:51  NavbarWinTest\NavbarWinTest\bin\Debug\
     文件       82944  2019-04-25 08:56  NavbarWinTest\NavbarWinTest\bin\Debug\NavbarWinTest.exe
     文件      153088  2019-04-25 08:56  NavbarWinTest\NavbarWinTest\bin\Debug\NavbarWinTest.pdb
     目录           0  2019-04-25 08:51  NavbarWinTest\NavbarWinTest\bin\Debug\images\
............此处省略20个文件信息

评论

共有 条评论