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

阿新 • • 發佈：2020-10-13

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

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

主要功能：

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

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

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

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

最後的效果如下：

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

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

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

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

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

//輸入文字後，把輸入的文字賦值給標籤。
protectedvoidButton1_Click(objectsender,EventArgse)

//用複選組給標籤的字型設定顏色
protectedvoidRadioButtonList1_SelectedIndexChanged(objectsender,EventArgse)

//判斷單選框（CheckBox1和CheckBox2）的選擇狀態並給標籤和輸入框賦值
protectedvoidCheckBox1_CheckedChanged(objectsender,EventArgse)

//設子標籤字型大小
protectedvoidCheckBoxList1_SelectedIndexChanged(objectsender,EventArgse)

3. 具體程式碼如下：

usingSystem;
usingSystem.Drawing;//新增顏色控制名稱空間
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;

namespaceWebApplication2
{
publicpartialclassWebForm1:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{

}

//輸入文字後，把輸入的文字賦值給標籤。
protectedvoidButton1_Click(objectsender,EventArgse)
{
Label1.Text=TextBox1.Text;
}

//用複選組給標籤的字型設定顏色
protectedvoidRadioButtonList1_SelectedIndexChanged(objectsender,EventArgse)
{
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的文字相同，也就是讓標籤給輸入框賦值
publicvoidLableToTextBox(stringlablevalue)
{
TextBox1.Text=lablevalue;
}

//判斷單選框（CheckBox1和CheckBox2）的選擇狀態並給標籤和輸入框賦值
protectedvoidCheckBox1_CheckedChanged(objectsender,EventArgse)
{
if(CheckBox1.Checked==true)
{
Label1.Text="CheckBox1被選中。";
LableToTextBox(Label1.Text);
}
if(CheckBox1.Checked==false)
{
Label1.Text="取消CheckBox1的選中選中狀態。";
LableToTextBox(Label1.Text);
}
}
protectedvoidCheckBox2_CheckedChanged(objectsender,EventArgse)
{
if(CheckBox2.Checked==true)
{
Label1.Text="CheckBox2被選中。";
LableToTextBox(Label1.Text);
}
if(CheckBox2.Checked==false)
{
Label1.Text="取消CheckBox2的選中選中狀態。";
LableToTextBox(Label1.Text);
}
}

//設子標籤字型大小
protectedvoidCheckBoxList1_SelectedIndexChanged(objectsender,EventArgse)
{
if(CheckBoxList1.Items[0].Selected)
{
Label1.Font.Size=FontUnit.Small;
}
elseif(CheckBoxList1.Items[1].Selected)
{
Label1.Font.Size=FontUnit.XLarge;
}
elseif(CheckBoxList1.Items[2].Selected)
{
Label1.Font.Size=FontUnit.XXLarge;
}
}

}
}

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

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