Winform中实现仿XP系统的任务栏菜单效果（附代码下载）

落日映苍穹つ 2023-10-08 10:38 13阅读 0赞

## 场景 ##

### 效果 ###

![20191211092743888.gif][]

注：

博客主页：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

新建一个Form窗体，设计页面布局如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

折叠效果的向上和向下按钮是PictureBox，从上往下依次的Tag标签为1,2,3

三个PictureBox都绑定同一个点击事件，在点击事件中根据传递的Tag标签的值在Switch-case中进行处理。

在Switch-case中分别将对应的一组PictureBox和Panel对象赋值给上面声明的静态的两个控件对象。

下面要隐藏的Panel对象的tag属性默认为0，在上面switch-case中获取一组对应的控件对象后进行判断，

如果Tag为0或者2则是将Panel隐藏，同时将Tag标签设置为1，表示隐藏。

如果是1，则表示已经处于隐藏状态，则会将其显示并将Tag设置为2。

### 关键代码 ###

private static Panel Var_Panel = new Panel();
            private static PictureBox Var_Pict = new PictureBox();
            private static int Var_i = 0;
            private Font Var_Font = new Font("宋体", 9);
    
            private void pictureBox_1_Click(object sender, EventArgs e)
            {
                Var_i = Convert.ToInt16(((PictureBox)sender).Tag.ToString());
                switch (Var_i)
                {
                    case 1:
                        {
                            Var_Panel = panel_Gut_1;
                            Var_Pict = pictureBox_1;
                            break;
                        }
                    case 2:
                        {
                            Var_Panel = panel_Gut_2;
                            Var_Pict = pictureBox_2;
                            break;
                        }
                    case 3:
                        {
                            Var_Panel = panel_Gut_3;
                            Var_Pict = pictureBox_3;
                            break;
                        }
    
                }
                if (Convert.ToInt16(Var_Panel.Tag.ToString()) == 0 || Convert.ToInt16(Var_Panel.Tag.ToString()) == 2)
                {
                    Var_Panel.Tag = 1;//隐藏标识
                    Var_Pict.Image = null;
                    Var_Pict.Image = Properties.Resources.朝下按钮;
                    Var_Panel.Visible = false;
                }
                else
                {
                    if (Convert.ToInt16(Var_Panel.Tag.ToString()) == 1)
                    {
                        Var_Panel.Tag = 2;//显示标识
                        Var_Pict.Image = null;
                        Var_Pict.Image = Properties.Resources.朝上按钮;
                        Var_Panel.Visible = true;
                    }
                }
            }
    
            private void Form1_Load(object sender, EventArgs e)
            {
                pictureBox_1.Image = null;
                pictureBox_1.Image = Properties.Resources.朝上按钮;
                pictureBox_2.Image = null;
                pictureBox_2.Image = Properties.Resources.朝上按钮;
                pictureBox_3.Image = null;
                pictureBox_3.Image = Properties.Resources.朝上按钮;
                Var_Font = label_1.Font;
            }
    
            private void label_1_MouseEnter(object sender, EventArgs e)
            {
                ((Label)sender).ForeColor = Color.Gray;
                ((Label)sender).Font = new Font(Var_Font, Var_Font.Style | FontStyle.Underline);
            }
    
            private void label_1_MouseLeave(object sender, EventArgs e)
            {
                ((Label)sender).ForeColor = Color.Black;
                ((Label)sender).Font = new Font(Var_Font, Var_Font.Style);
            }

### 代码下载 ###

[https://download.csdn.net/download/BADAO\_LIUMANG\_QIZHI/12025648][https_download.csdn.net_download_BADAO_LIUMANG_QIZHI_12025648]

[20191211092743888.gif]: https://img-blog.csdnimg.cn/20191211092743888.gif
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191211092749954.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[https_download.csdn.net_download_BADAO_LIUMANG_QIZHI_12025648]: https://download.csdn.net/download/BADAO_LIUMANG_QIZHI/12025648