C# winForm自定义弹出页面

在C#的windows窗体应用程序中,添加弹出框效果.最后就是这样的效果.

页面Form2上有2个文本框,textBox1和textBox2.点击任意一个文本框,根据准备好的数据,弹出Form1.其中Form1中的button个数是根据准备好的数据生成的.并且Form1的弹出位置,应该是文本框上面.最后,点击任意一个按钮,会将按钮上的值,显示到对应的文本框中,然后弹出页面关闭.

两个文本框显示的数据效果就是如下,这是textBox2.

这个是textBox1的效果.

主要做法就是,自定义了一个用户控件.由于此代码是在颜料板的基础上改过来的,所以起名不大对.这个用户控件的作用就是根据数据生成button数,并且给button绑定click事件,并且接收参数textBox.在click事件中,获取button的text,然后给之前的textBox的Text赋值button的text,然后textBox初始化.这样就可以在textBox上显示button按钮上的值.而生成的button是放在flowLayoutPanel1控件中,这样他就会自动的一个一个排列.

首先单独新建一个windows窗体应用程序,叫ColorHelper.然后在里面加自定义用户控件ColorSelector.整个项目完成之后的截图是这样的.

然后再ColorSelector中,拖一个flowLayoutpanel控件就是flowLayoutPanel1。

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

namespace ColorHelper
{
    /// <summary>
    /// 自定义颜色控件
    /// </summary>
    public partial class ColorSelector : UserControl
    {

        //接收传递的参数,文本框和键值对的数据。
        public Control textBox = new Control();
        public Dictionary<string, string> dict = new Dictionary<string, string>();

        public Dictionary<string, string> Dict
        {
            get { return dict; }
            set
            {
                dict = value;
            }
        }

        //构造函数
        public ColorSelector()
        {
            InitializeComponent();
        }

        //选中的Text值
        private string selectText;

        public string SelectedText
        {
            get { return selectText; }
            set
            {
                selectText = value;
            }
        }

        //选中的Key值
        private string selectKey;

        public string SelectedKey
        {
            get { return selectKey; }
            set
            {
                selectKey = value;
            }
        }

        /// <summary>
        /// 生成Button
        /// </summary>
        public void LoadButton()
        {
            //情况panel中原来的所有控件
            flowLayoutPanel1.Controls.Clear();

            //根据传递的dict键值对生成Button,并设置button的大小,Text,Tag值,以及绑定鼠标点击事件。
            foreach (KeyValuePair<string, string> temp in dict)
            {
                Button button1 = new Button();
                button1.Text = temp.Value;
                button1.Tag = temp.Key;
                button1.Font = new Font("宋体", 22);
                button1.AutoSize = true;
                button1.Width = 120;
                button1.MouseClick += new MouseEventHandler(button_MouseClick);
                flowLayoutPanel1.Controls.Add(button1);
            }
        }

        /// <summary>
        /// 绑定到button上的事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void button_MouseClick(object sender, MouseEventArgs e)
        {
            //声明一个button,获取到button上的Text和Tag上的值,分别是value和key。
            Button cb = (Button)sender;
            selectText = cb.Text;
            selectKey = cb.Tag.ToString();
            //将value和key分别给textBox的Text和Tag。
            textBox.Text = selectText;
            textBox.Tag = selectKey;
            //重绘textBox
            textBox.Invalidate();
            textBox.Enabled = true;
            //隐藏控件,并将控件所在的Form关闭
            this.Visible = false;
            this.FindForm().Close();
        }

    }

}

然后自定义用户控件建立好了。可以再建立一个项目ColorTest,然后建立2个Form。其中Form1放这个控件,Form2放文本框,弹出Form1.

然后再ColorTest中添加引用,把colorHelper引用过来。

而添加到工具箱中,需要在工具箱中右击,选择选择项,然后浏览找到dll或者exe,就可以了。效果就是这样。

然后就能把这个Colorselector的自定义控件拖到Form1上。然后Form1的边框风格FormBorderStyle改为None,并且Form的AutoSize一定要是false。还有Form1的startPosition属性要改为Manual,自定义。

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

namespace colorTest
{
    public partial class Form1 : Form
    {
        //接收textBox和dict数据
        public TextBox textBox;
        public Dictionary<string, string> dict;

        //有参构造函数,接收Form1传递的值
        public Form1(TextBox textBox, Dictionary<string, string> dict)
        {
            InitializeComponent();
            this.textBox = textBox;
            this.dict = dict;
        }

        //加载时将textBox和Dict给自定义控件,并生成button按钮,最后显示button框
        private void Form1_Load(object sender, EventArgs e)
        {
            //设置重画控件
            colorSelector1.textBox = textBox;

            //返回到自定义用户控件上
            colorSelector1.Dict = dict;
            colorSelector1.LoadButton();
            //设置弹出事件
            colorSelector1.Visible = true;
        }

    }
}

最后就是Form2的效果。这个就是这样。

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 colorTest
{
    public partial class Form2 : Form
    {
        public Form2()
        {
            InitializeComponent();
        }

        private void textBox2_MouseClick(object sender, MouseEventArgs e)
        {
            //先去查询数据,获取到返回值为实体数组,转成Dictionary<string,string>
            Dictionary<string, string> dict = new Dictionary<string, string>();
            dict.Add("1", "汽油");
            dict.Add("2", "柴油");
            dict.Add("3", "煤油");
            dict.Add("4", "4油");
            Form1 form = new Form1(this.textBox2, dict);
            form.Size = new Size(10, 10);
            //MessageBox.Show(textBox2.Location.X + " " + textBox2.Height + " " + textBox2.Location.Y + " " + textBox2.Width + " ");
            //form.Location = new Point(textBox2.Location.X + this.Location.X, this.Location.Y + textBox2.Location.Y - textBox2.Height);
            //MessageBox.Show(textBox2.Location.X + " " + textBox2.Height+" "+ textBox2.Location.Y+" " +textBox2.Width+ " " );
            //form.Location = new Point(textBox2.Location.X - textBox2.Height, textBox2.Location.Y - textBox2.Width);
            //MessageBox.Show(this.Location.X + " " + this.Location.Y );
            //每行显示5个button按钮
            if (dict.Count >= 5)
            {
                //并且设置5个时,form的size,直接为626,这个是多次测试过得到的结果。
                form.Size = new Size(626, 33 * (dict.Count / 5 + 1));
            }
            else
            {
                form.Size = new Size(125 * dict.Count, 33);
            }

            //form的弹出位置,必须要设置Form2的startposition为自定义,否则不管用。
            //在窗体的x的基础上,加上textBox的x坐标,就能控制弹出框的x坐标,而窗体的y坐标加上窗体的y坐标,还要考虑form的height
            form.Location = new Point(textBox2.Location.X + this.Location.X, this.Location.Y + textBox2.Location.Y - 15 * (dict.Count / 5 + 1));

            //弹出form
            form.ShowDialog();

        }

        /// <summary>
        /// textBox1的鼠标点击事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void textBox1_MouseClick(object sender, MouseEventArgs e)
        {
            //先去查询数据,获取到返回值为实体数组,转成Dictionary<string,string>
            Dictionary<string, string> dict = new Dictionary<string, string>();
            dict.Add("1", "汽油");
            dict.Add("2", "柴油");
            dict.Add("3", "煤油");
            dict.Add("4", "4油");
            dict.Add("5", "5油");
            dict.Add("7", "6油");
            dict.Add("8", "7油");
            dict.Add("9", "8油");
            dict.Add("10", "9油");
            dict.Add("11", "10油");
            dict.Add("12", "6油");
            dict.Add("13", "7油");
            dict.Add("14", "8油");
            dict.Add("15", "9油");
            dict.Add("16", "10油");
            Form1 form = new Form1(this.textBox1, dict);

            if (dict.Count >= 5)
            {
                form.Size = new Size(626, 33 * (dict.Count/5+1));
            }
            else
            {
                form.Size = new Size(125 * dict.Count, 33);
            }
            form.Location = new Point(textBox2.Location.X + this.Location.X, this.Location.Y + textBox2.Location.Y -15*(dict.Count/5+1));

            form.ShowDialog();
        }
    }
}

以上就是弹出框的全部代码了。花了我不少时间,并且,学会了算x,y的值。发现所有的显示的location的值,都是相对值,相对于包含他们的容器。textBox是在form2中,他的location是相对于form2,而form2的location的相对于屏幕。

知道了改不来FlowLayoutpanel,每5个换一行,可以控制他的容器Form1,控制他的大小。所以里面的FlowLayoutpanel也不能设置autosize为true,不能自适应,否则他就一行显示了。

时间: 2024-10-29 03:18:48

C# winForm自定义弹出页面的相关文章

WINFORM 自定义开关按钮控件-

本文章转载:http://www.cnblogs.com/feiyangqingyun/archive/2013/06/15/3137597.html OK,大工告成,上图演示效果. 源码下载:http://files.cnblogs.com/feiyangqingyun/myButtonCheckTest.zip WINFORM 自定义开关按钮控件-,布布扣,bubuko.com

WinForm自定义ListBox显示样式

WinForm自定义ListBox显示样式,多列分不同颜色显示,效果如下图: 首先向winForm窗口拖入一个ListBox控件,命名为lstConsole,同时将DrawMode设置为:OwnerDrawFixed,这里一定要注意否则我们接下来的工作都不会起作用. 然后我们来自定义ListBoxItem,代码如下: public class ColoredListBoxItem { /// <summary> /// creates a new ColoredListBoxItem ///

WinForm自定义窗体

public partial class Form3 : Form { const int WM_NCHITTEST = 0x0084; const int HT_LEFT = 10; const int HT_RIGHT = 11; const int HT_TOP = 12; const int HT_TOPLEFT = 13; const int HT_TOPRIGHT = 14; const int HT_BOTTOM = 15; const int HT_BOTTOMLEFT = 16

winform自定义皮肤思路

声明: 思路来自于网上源码,具体作者不清楚了,大家可以搜索Paway.Windows.Forms. 一.去掉边框 this.FormBorderStyle = FormBorderStyle.None; 二.绘制基本元素 1.基本元素:图标.标题.窗口控制(最小化.最大化.关闭). 2.如何绘制:重写OnPaint,在制定区域绘制基本元素. 3.异形窗口:比如圆角矩形,在OnResize中指定重绘区域,如果区域为矩形,重绘出的窗口就是圆角矩形了. 三.窗口控制区域鼠标动作 当以上工作完成后,一个

[转] WinForm自定义函数FindControl实现按名称查找控件

原文地址 WinForm自定义函数FindControl实现按名称查找控件 本文所述实例实现WinForm自定义函数FindControl实现按名称查找控件的功能,在C#程序开发中有一定的实用价值. /// <summary> /// 按名称查找控件 /// </summary> /// <param name="parentControl">查找控件的父容器控件</param> /// <param name="find

Winform 自定义窗体皮肤组件

分享一个很久之前写的一个Winform换肤组件. 主要利用CBT钩子,NativeWindow来实现.可实现动态换皮肤插件修改窗体显示外观. 我们先定义一个自定义组件 using Skin; using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Linq; using System.Reflection; using Syste

Winform自定义表单(转)

出处:http://www.newlifex.com/showtopic-167.aspx 好吧,附件真的损坏了,原始代码我也没有了,再提取我也没精力了,不好意思,哪位之前下过可以重发一遍吗?不过即使没有也可以参考下面几个示例很快就可以做出来了...... 最近在做个项目,业务方面较繁琐,用户需要自定义数据库,也就是石头开源的魔方所提供的功能,但winform实现自定义表单,这个......在网上搜索了前人的代码发现以下几个参考意义:http://www.codeproject.com/Arti

winform 自定义自动完成控件

做过前端的朋友肯定很清楚自动完成控件,很多优秀的前端框架都会带有自动完成控件,同样的,winform也有,在我们的TextBox和ComboBox中,只需要设置AutoCompleteSource属性为CustomSource,然后将值加入到AutoCompleteCustomSource中就可以了 比如: string[] dataSource=new string[]{"apple","orange","banner"}; textBox1.

Winform自定义无边框窗体

你还在为Winform原生窗体的丑陋而烦恼么?下面来看一下如何制作一个既漂亮又简单的窗体 先看一下效果图: 首先我们新建一个窗体FormM继承原生Form 看一下主要的代码 public partial class FormM : Form { public FormM() { InitializeComponent(); } /// <summary> /// 是否允许最大化 /// </summary> private bool maxVisible = true; [Desc