C#學習筆記（20140910）-單選控制項和單選組控制項、複選控制項、複選組控制項

標籤：c# asp.net mvc 基礎 教程 學習 web 控制項

    晚上學習了一下單選控制項和單選組控制項、複選控制項、複選組控制項。

    稍微動了點腦筋，做了一個小小的網頁程式。主要功能是相互賦值已經設定標籤的字型大小和顏色已經前後背景色。

    主要功能：

    1. 在文本輸入框中輸入文字，提交後可以對標籤賦值；

    2. 選擇單選框可以給標籤賦值；

    3. 選擇單選組控制項時可以給標籤設定顏色；

    4. 選擇單選組控制項時可以給字型設定大小。

    最後的效果如下：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/49/2B/wKioL1QQYBDw_m8PAAHGPBoFgRo696.jpg" title="1.png" alt="wKioL1QQYBDw_m8PAAHGPBoFgRo696.jpg" />

    分塊設定就不多說了，看看用到了哪些模組吧：

    1. 自訂了一個方法，把標籤的值賦值給輸入框。使得輸入框中的內容和標籤的內容一致。

此方法雖然很簡單，但是很好用。

        //設定方法，讓label的文字和textbox的文字相同，也就是讓標籤給輸入框賦值        public void LableToTextBox(string lablevalue)        {            TextBox1.Text = lablevalue;        }

    2. 其他的都是直接使用控制項的動作和事件如下：

        //輸入文字後，把輸入的文字賦值給標籤。        protected void Button1_Click(object sender, EventArgs e)                //用複選組給標籤的字型設定顏色        protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)                //判斷單選框（CheckBox1和CheckBox2）的選擇狀態並給標籤和輸入框賦值        protected void CheckBox1_CheckedChanged(object sender, EventArgs e)                //設子標籤字型大小        protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)

    3. 具體代碼如下：

using System;using System.Drawing;   //添加顏色控制命名空間using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;namespace WebApplication2{    public partial class WebForm1 : System.Web.UI.Page    {        protected void Page_Load(object sender, EventArgs e)        {        }        //輸入文字後，把輸入的文字賦值給標籤。        protected void Button1_Click(object sender, EventArgs e)        {            Label1.Text = TextBox1.Text;        }        //用複選組給標籤的字型設定顏色        protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)        {            if(RadioButtonList1.SelectedValue=="紅色")            {                Label1.ForeColor = Color.Red;            }            if (RadioButtonList1.SelectedValue == "綠色")            {                Label1.ForeColor = Color.Green;            }            if (RadioButtonList1.SelectedValue == "***")            {                Label1.ForeColor = Color.Yellow;                Label1.BackColor = Color.Black;            }        }        //設定方法，讓label的文字和textbox的文字相同，也就是讓標籤給輸入框賦值        public void LableToTextBox(string lablevalue)        {            TextBox1.Text = lablevalue;        }        //判斷單選框（CheckBox1和CheckBox2）的選擇狀態並給標籤和輸入框賦值        protected void CheckBox1_CheckedChanged(object sender, EventArgs e)        {            if (CheckBox1.Checked == true)            {                Label1.Text = "CheckBox1被選中。";                LableToTextBox(Label1.Text);            }            if (CheckBox1.Checked == false)            {                Label1.Text = "取消CheckBox1的選中選中狀態。";                LableToTextBox(Label1.Text);            }        }        protected void CheckBox2_CheckedChanged(object sender, EventArgs e)        {            if (CheckBox2.Checked == true)            {                Label1.Text = "CheckBox2被選中。";                LableToTextBox(Label1.Text);            }            if (CheckBox2.Checked == false)            {                Label1.Text = "取消CheckBox2的選中選中狀態。";                LableToTextBox(Label1.Text);            }        }         //設子標籤字型大小        protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)        {            if(CheckBoxList1.Items[0].Selected)            {                Label1.Font.Size = FontUnit.Small;            }            else if(CheckBoxList1.Items[1].Selected)            {                Label1.Font.Size = FontUnit.XLarge;            }            else if (CheckBoxList1.Items[2].Selected)            {                Label1.Font.Size = FontUnit.XXLarge;            }        }    }}

    下面來看看運行後的效果吧：

    運行後的主介面，是不是很清爽：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/49/2B/wKioL1QQYeSzhiVSAAEe1pCXrg8669.jpg" title="2.png" alt="wKioL1QQYeSzhiVSAAEe1pCXrg8669.jpg" />

    1. 在文本輸入框中輸入文字，提交後可以對標籤賦值；

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/49/2A/wKiom1QQYiiCySnwAAFpFgZF72k846.jpg" title="3.png" alt="wKiom1QQYiiCySnwAAFpFgZF72k846.jpg" />

    2. 選擇單選框可以給標籤賦值，勾選CheckBox2後，標籤和輸入框的內容變成了對應的值：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/2A/wKiom1QQYomxGGSCAAErapcRr2o875.jpg" title="4.png" alt="wKiom1QQYomxGGSCAAErapcRr2o875.jpg" />

    3. 選擇單選組控制項時可以給標籤設定顏色；

先設定成紅色，紅色沒有設定背景色：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/49/2A/wKiom1QQYtOSp0CdAAFaXxSm14c683.jpg" title="5.png" alt="wKiom1QQYtOSp0CdAAFaXxSm14c683.jpg" />

在設定為***，***設定的有黑色的背景色：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/49/2B/wKioL1QQYxqCKGgBAAFVF4iEzlg174.jpg" title="6.png" alt="wKioL1QQYxqCKGgBAAFVF4iEzlg174.jpg" />

    4. 選擇單選組控制項時可以給字型設定大小。實際上在第三步中就已經給文字設定了大小的。設定了最大字型，這個地方我就設定成中號字型：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/49/2B/wKioL1QQY3CwC0-eAAFTXDB_o28174.jpg" title="7.png" alt="wKioL1QQY3CwC0-eAAFTXDB_o28174.jpg" />

    哈哈，以上就是所有內容了，是不是很有意思？C#真的很神奇，不對，應該說Asp.Net真的很神奇。

本文出自 “曉風要做大神” 部落格，請務必保留此出處http://felix520cy.blog.51cto.com/7129746/1550929

C#學習筆記（20140910）-單選控制項和單選組控制項、複選控制項、複選組控制項