C# winForm自定義彈出頁面效果

2022-02-12 16:00:15

本文範例為大家分享了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，不能自適應，否則他就一行顯示了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。

C# winForm自定義彈出頁面效果

熱門文章