C# winForm自定義彈出頁面效果
本文實例為大傢分享瞭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，不能自適應，否則他就一行顯示瞭。
以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。