C#学习笔记（20140910）-单选控件和单选组控件、复选控件、复选组控件

时间：2014-09-11 02:24:22 阅读：229 评论：0 收藏：0 [点我收藏+]

标签：c# asp.net mvc 基础教程学习 web 控件

晚上学习了一下单选控件和单选组控件、复选控件、复选组控件。

稍微动了点脑筋，做了一个小小的网页程序。主要功能是相互赋值已经设置标签的字体大小和颜色已经前后背景色。

主要功能：

1. 在文本输入框中输入文字，提交后可以对标签赋值；

2. 选择单选框可以给标签赋值；

3. 选择单选组控件时可以给标签设置颜色；

4. 选择单选组控件时可以给字体设置大小。

最后的效果如下：

分块设置就不多说了，看看用到了哪些模块吧：

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;
            }
        }

    }
}

下面来看看运行后的效果吧：

运行后的主界面，是不是很清爽：