扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >C# winForm自定义弹出页面效果
  • 933

0
分享到

C# winForm自定义弹出页面效果

2024-04-02 19:04:59 933人浏览 八月长安
摘要

本文实例为大家分享了C# winform自定义弹出页面效果的具体代码，供大家参考，具体内容如下 在C#的windows窗体应用程序中,添加弹出框效果.最后就是这样的效果. 页面FOR

本文实例为大家分享了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，不能自适应，否则他就一行显示了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。

--结束END--

本文标题: C# winForm自定义弹出页面效果

本文链接: https://lsjlt.com/news/138961.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • C# winForm自定义弹出页面效果
    本文实例为大家分享了C# winForm自定义弹出页面效果的具体代码，供大家参考，具体内容如下 在C#的windows窗体应用程序中,添加弹出框效果.最后就是这样的效果. 页面For...
    99+
    2024-04-02
  • 如何使用C# winForm自定义弹出页面效果
    这篇文章主要为大家展示了“如何使用C# winForm自定义弹出页面效果”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何使用C# winForm自定义弹出页面效果”这篇文章...
    99+
    2023-06-29
  • Android自定义弹出框dialog效果
    项目要用到弹出框，还要和苹果的样式一样(Android真是没地位),所以就自己定义了一个，不是很像(主要是没图)，但是也还可以。废话不多说了，直接上代码先看布局文件<?xml version="1.0" encoding="u...
    99+
    2023-05-31
    android 弹出框 dialog
  • 小程序自定义弹出框效果
    本文实例为大家分享了小程序自定义弹出框效果的具体代码，供大家参考，具体内容如下 my-pop----api： title ------字符串---------自定义弹窗标题con...
    99+
    2024-04-02
  • C#Winform实现自定义漂亮的通知效果
    目录前言优化调整调用并显示自定义通知主要实现过程代码实现前言 本文主要介绍其具体的实现思路(视频仅有代码输入，并无过程介绍等)，同时，在原本实现的基础上，进行了多处修改和优化，具体参...
    99+
    2024-04-02
  • Flutter自定义弹窗Dialog效果
    本文实例为大家分享了Flutter自定义弹窗Dialog效果的具体代码，供大家参考，具体内容如下 主要是基于系统的dialog机制做一些使用限制和自定义UI的优化 核心代码： cl...
    99+
    2024-04-02
  • Android自定义弹框Dialog效果
    本文实例为大家分享了Android自定义弹框Dialog效果的具体代码，供大家参考，具体内容如下 1.dialog_delete.xml <xml version=...
    99+
    2024-04-02
  • Android自定义弹窗提示效果
    本文实例为大家分享了Android 自定义弹窗提示的具体代码，供大家参考，具体内容如下 Java文件： private void showSetDeBugDialog() { ...
    99+
    2024-04-02
  • Android实现自定义的弹幕效果
    一、效果图 先来看看效果图吧~~ 二、实现原理方案 1、自定义ViewGroup-XCDanmuView，继承RelativeLayout来实现，当然也可以继承其他三大布局类...
    99+
    2022-06-06
    自定义 Android
  • Android自定义scrollview实现回弹效果
    在ios手机上经常看到页面上下滑动回弹效果，安卓中没有原生控件支持，这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollVie...
    99+
    2024-04-02
  • Android怎么自定义弹框Dialog效果
    今天小编给大家分享一下Android怎么自定义弹框Dialog效果的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。具体效果如下...
    99+
    2023-06-30
  • javascript+html5+css3如何实现自定义弹出窗口效果
    这篇文章主要介绍javascript+html5+css3如何实现自定义弹出窗口效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！效果图：源码：1.demo.jsp<%@&nb...
    99+
    2024-04-02
  • ionic如何实现自定义弹框效果
    这篇文章给大家分享的是有关ionic如何实现自定义弹框效果的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。思路利用ionic自带的弹框$ionicPopup。隐藏头部和尾部，只保留...
    99+
    2024-04-02
  • 微信小程序自定义弹框效果
    本文实例为大家分享了微信小程序自定义弹框效果的具体代码，供大家参考，具体内容如下 wxml <!-- 取消订单按钮 --> <view class="cancelB...
    99+
    2024-04-02
  • android自定义popupwindow仿微信右上角弹出菜单效果
    微信右上角的操作菜单看起来很好用，就照着仿了一下，不过是旧版微信的，手里刚好有一些旧版微信的资源图标，给大家分享一下。 不知道微信是用什么实现的，我使用popupwindow...
    99+
    2022-06-06
    菜单 弹出菜单 popupwindow Android
  • js+css如何自定义分页效果
    这篇文章给大家分享的是有关js+css如何自定义分页效果的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。网上看了好多分页插件都不太满意，所以根据网上的一些东西自己做了一个，可以搭配...
    99+
    2024-04-02
  • Android中自定义PopupWindow实现弹出框并带有动画效果
    使用PopupWindow来实现弹出框，并且带有动画效果 首先自定义PopupWindow public class LostPopupWindow extends Popu...
    99+
    2022-06-06
    popupwindow 动画 Android
  • Android自定义View实现弹性小球效果
    照例先看效果图 自定义代码示例 public class BezierView extends View { Paint paint;//画笔 Path path;//...
    99+
    2022-06-06
    弹性 view Android
  • Android怎么自定义scrollview实现回弹效果
    本篇内容主要讲解“Android怎么自定义scrollview实现回弹效果”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Android怎么自定义scrollview实现回弹效果”吧! 新建MyS...
    99+
    2023-06-29
  • jquery实现页面弹球效果
    本文实例为大家分享了jquery实现页面弹球效果的具体代码，供大家参考，具体内容如下 像windows屏保一样，实现小球在页面中的弹跳，并且随着页面的改变而改变 如下图: 源码 &...
    99+
    2024-04-02
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作