Winform 实现像菜单一样弹出层

原文:Winform 实现像菜单一样弹出层

在实际工作中，如果能像菜单一样弹出自定义内容，会方便很多，比如查询时，比如下拉列表显示多列信息时，比如在填写某个信息需要查看一些信息树时。这个时候自定义弹出界面就显的非常重要了

我这里其实用到的是网上找到的一个控件（下载地址），控件可以把你装载的任何对象显示出来（这里的对象是指：窗体，自定义控件等），这里文章写出来并不是为了炫耀什么，只是觉得发现些好东西就分享出来而已，同时也做个记录，方便以后查找

开始正文，这里我做一个多列下拉列表来说明：

1、新建winform项目：PopupApplication

2、添加引用，引用上面下载的dll文件

3、因为要显示数据，所以这里需要构造一个数据源，因此我建了一个对象Student，属性：SId,SCode,SName,SAge,SAddress

namespace PopupApplication
{
    public class Student
    {
        public int SId { get; set; }
        public string SCode { get; set; }
        public string SName { get; set; }
        public int SAge { get; set; }
        public string SAddress{get;set;}
    }
}

4、创建用户控件：StudentListControl

5、在用户控件中添加一个DataGridView命名：dgvStudentList 和TextBox命名：txtKeys，DataGridView是用来显示数据列表的，TextBox是用来让用户输入关键字用来检索信息用的

如图：

6、构建数据源并绑定数据，代码：

        private List<Student> _dataList = new List<Student>();
        private TextBox _txtBox;

        public StudentListControl(TextBox txtBox)
        {
            InitializeComponent();
            _txtBox = txtBox;
            _dataList = GetDataList();
        }

        private void StudentListControl_Load(object sender, EventArgs e)
        {
            dgvStudentList.DataSource = _dataList;
        }

        /// <summary>
        /// 构造数据源
        /// </summary>
        /// <returns></returns>
        private List<Student> GetDataList()
        {
            List<Student> stList = new List<Student>();
            stList.Add(new Student() { SId = , SName = "张阳", SAge = , SCode = "zy", SAddress = "广东省中山市9999999" });
            stList.Add(new Student() { SId = , SName = "欧阳新文", SAge = , SCode = "oyxw", SAddress = "广东省广州市99" });
            stList.Add(new Student() { SId = , SName = "宇文化及", SAge = , SCode = "ywhj", SAddress = "广东省湛江市2222" });
            stList.Add(new Student() { SId = , SName = "温斯特梅拉", SAge = , SCode = "wstml", SAddress = "广东省茂名市" });
            stList.Add(new Student() { SId = , SName = "唐兵", SAge = , SCode = "tb", SAddress = "四川省阆中市555555555555" });
            stList.Add(new Student() { SId = , SName = "杨红军", SAge = , SCode = "yhj", SAddress = "四川省乐山市22222222222222222222" });
            stList.Add(new Student() { SId = , SName = "张翠山", SAge = , SCode = "zcs", SAddress = "四川省南充市7777777777777777" });
            stList.Add(new Student() { SId = , SName = "张三丰", SAge = , SCode = "zsf", SAddress = "广东省中山市555" });
            stList.Add(new Student() { SId = , SName = "何月", SAge = , SCode = "hy", SAddress = "广东省中山市88888" });
            stList.Add(new Student() { SId = , SName = "何宝生", SAge = , SCode = "hbs", SAddress = "广东省中山市77" });
            stList.Add(new Student() { SId = , SName = "王家新", SAge = , SCode = "wjx", SAddress = "广东省茂名市8" });
            stList.Add(new Student() { SId = , SName = "肖月伦", SAge = , SCode = "xyl", SAddress = "广东省茂名市7777777" });
            stList.Add(new Student() { SId = , SName = "王岳伦", SAge = , SCode = "wyl", SAddress = "广东省中山市888888888888" });
            stList.Add(new Student() { SId = , SName = "*红玉", SAge = , SCode = "zyhy", SAddress = "四川省南充市2" });
            stList.Add(new Student() { SId = , SName = "雷小兵", SAge = , SCode = "lxb", SAddress = "广东省中山市999999999999999" });
            stList.Add(new Student() { SId = , SName = "张郭老", SAge = , SCode = "zgl", SAddress = "四川省南充市333333333333333333333333" });
            stList.Add(new Student() { SId = , SName = "汤小雨", SAge = , SCode = "txy", SAddress = "四川省乐山市333333333333" });
            stList.Add(new Student() { SId = , SName = "吴志胜", SAge = , SCode = "wzs", SAddress = "四川省乐山市33" });
            stList.Add(new Student() { SId = , SName = "伍国天", SAge = , SCode = "wgt", SAddress = "四川省阆中市6666" });
            stList.Add(new Student() { SId = , SName = "朱新朝", SAge = , SCode = "zxz", SAddress = "四川省阆中市666666666666666" });

            return stList;
        }

7、给txtKeys控件添加TextChange事件：

        private void txtKeys_TextChanged(object sender, EventArgs e)
        {
            if(string.IsNullOrEmpty(txtKeys.Text))
            {
                return;
            }

            var resultList = _dataList.FindAll(std=>std.SName.Contains(txtKeys.Text) || std.SAddress.Contains(txtKeys.Text));
            dgvStudentList.DataSource = resultList;
        }

8、给dgvStudentList添加点击事件，当点击列表的时候需要把选中的值显示到需要显示选中值的TextBox中

        private void dgvStudentList_Click(object sender, EventArgs e)
        {
            if (dgvStudentList.RowCount >  && dgvStudentList.SelectedRows.Count > )
            {
                DataGridViewCell nameCell= dgvStudentList.CurrentRow.Cells["ColumnSName"];
                DataGridViewCell addressCell = dgvStudentList.CurrentRow.Cells["ColumnSAddress"];

                string strName = nameCell != null && nameCell.Value != null ? nameCell.Value.ToString() : "";
                string strAddress = addressCell != null && addressCell.Value != null ? addressCell.Value.ToString() : "";
                _txtBox.Text = string.Format("{0},{1}",strName,strAddress);
            }
        }

9、在Form1界面添加TextBox控件命名：txtSelectValue,添加如下代码：

    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void txtSelectValue_Click(object sender, EventArgs e)
        {
            StudentListControl uc = new StudentListControl(txtSelectValue);
            Popup pop = new Popup(uc);
            pop.Show(txtSelectValue, false);
        }
    }

至此 功能实现了，全部代码：

using System;
using System.Windows.Forms;
using PopupTool;

namespace PopupApplication
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void txtSelectValue_Click(object sender, EventArgs e)
        {
            StudentListControl uc = new StudentListControl(txtSelectValue);
            Popup pop = new Popup(uc);
            pop.Show(txtSelectValue, false);
        }
    }
}

using System;
using System.Collections.Generic;
using System.Windows.Forms;

namespace PopupApplication
{
    public partial class StudentListControl : UserControl
    {
        private List<Student> _dataList = new List<Student>();
        private TextBox _txtBox;

        public StudentListControl(TextBox txtBox)
        {
            InitializeComponent();
            _txtBox = txtBox;
            _dataList = GetDataList();
        }

        private void StudentListControl_Load(object sender, EventArgs e)
        {
            dgvStudentList.DataSource = _dataList;
        }

        /// <summary>
        /// 构造数据源
        /// </summary>
        /// <returns></returns>
        private List<Student> GetDataList()
        {
            List<Student> stList = new List<Student>();
            stList.Add(new Student() { SId = , SName = "张阳", SAge = , SCode = "zy", SAddress = "广东省中山市9999999" });
            stList.Add(new Student() { SId = , SName = "欧阳新文", SAge = , SCode = "oyxw", SAddress = "广东省广州市99" });
            stList.Add(new Student() { SId = , SName = "宇文化及", SAge = , SCode = "ywhj", SAddress = "广东省湛江市2222" });
            stList.Add(new Student() { SId = , SName = "温斯特梅拉", SAge = , SCode = "wstml", SAddress = "广东省茂名市" });
            stList.Add(new Student() { SId = , SName = "唐兵", SAge = , SCode = "tb", SAddress = "四川省阆中市555555555555" });
            stList.Add(new Student() { SId = , SName = "杨红军", SAge = , SCode = "yhj", SAddress = "四川省乐山市22222222222222222222" });
            stList.Add(new Student() { SId = , SName = "张翠山", SAge = , SCode = "zcs", SAddress = "四川省南充市7777777777777777" });
            stList.Add(new Student() { SId = , SName = "张三丰", SAge = , SCode = "zsf", SAddress = "广东省中山市555" });
            stList.Add(new Student() { SId = , SName = "何月", SAge = , SCode = "hy", SAddress = "广东省中山市88888" });
            stList.Add(new Student() { SId = , SName = "何宝生", SAge = , SCode = "hbs", SAddress = "广东省中山市77" });
            stList.Add(new Student() { SId = , SName = "王家新", SAge = , SCode = "wjx", SAddress = "广东省茂名市8" });
            stList.Add(new Student() { SId = , SName = "肖月伦", SAge = , SCode = "xyl", SAddress = "广东省茂名市7777777" });
            stList.Add(new Student() { SId = , SName = "王岳伦", SAge = , SCode = "wyl", SAddress = "广东省中山市888888888888" });
            stList.Add(new Student() { SId = , SName = "*红玉", SAge = , SCode = "zyhy", SAddress = "四川省南充市2" });
            stList.Add(new Student() { SId = , SName = "雷小兵", SAge = , SCode = "lxb", SAddress = "广东省中山市999999999999999" });
            stList.Add(new Student() { SId = , SName = "张郭老", SAge = , SCode = "zgl", SAddress = "四川省南充市333333333333333333333333" });
            stList.Add(new Student() { SId = , SName = "汤小雨", SAge = , SCode = "txy", SAddress = "四川省乐山市333333333333" });
            stList.Add(new Student() { SId = , SName = "吴志胜", SAge = , SCode = "wzs", SAddress = "四川省乐山市33" });
            stList.Add(new Student() { SId = , SName = "伍国天", SAge = , SCode = "wgt", SAddress = "四川省阆中市6666" });
            stList.Add(new Student() { SId = , SName = "朱新朝", SAge = , SCode = "zxz", SAddress = "四川省阆中市666666666666666" });

            return stList;
        }

        private void txtKeys_TextChanged(object sender, EventArgs e)
        {
            if(string.IsNullOrEmpty(txtKeys.Text))
            {
                return;
            }

            var resultList = _dataList.FindAll(std=>std.SName.Contains(txtKeys.Text) || std.SAddress.Contains(txtKeys.Text));
            dgvStudentList.DataSource = resultList;
        }

        private void dgvStudentList_Click(object sender, EventArgs e)
        {
            if (dgvStudentList.RowCount >  && dgvStudentList.SelectedRows.Count > )
            {
                DataGridViewCell nameCell= dgvStudentList.CurrentRow.Cells["ColumnSName"];
                DataGridViewCell addressCell = dgvStudentList.CurrentRow.Cells["ColumnSAddress"];

                string strName = nameCell != null && nameCell.Value != null ? nameCell.Value.ToString() : "";
                string strAddress = addressCell != null && addressCell.Value != null ? addressCell.Value.ToString() : "";
                _txtBox.Text = string.Format("{0},{1}",strName,strAddress);
                this.Dispose();
            }
        }
    }
}

效果图： 点击Textbox后弹出自定义控件

在弹出控件中输入关键字：温

选中一条记录后 弹出界面消失，并把选中的值显示在TextBox中

你可以自己解决在弹出层中显示什么，

比如只显示两列，

还可以设置弹出界面自动适应随内容的宽度，这样内容不会被截取显示，也就是说没有横向滚动条出现

以此，我另外做了个下拉列表 大家有兴趣的可以下来看看  点击下载