C# Winform编程自学笔记（五）_picturebox 点击隐藏-CSDN博客

本文链接：https://blog.csdn.net/Cambridge26/article/details/105343453

注：本文为C#编程自学笔记第五篇，上接（四）
本实验笔记代码（这是我个人编写的代码，仅供参考）：
链接：https://pan.baidu.com/s/1ZU5PgNpfFf0-z3IPEzsjXA
提取码：q3j2

内容一览

单选按钮 Radio Button；
图片框控件 Picture Box;
选项卡控件 tabControl;
进度条控件 progressBar1;
图片列表 ImageList；

——————————正文——————————

（一）单选按钮 RadioButton

单选按钮是一种多选一类型的按钮，通常情况下用来处理用户从多个选项中选择的唯一信息。
在这里插入图片描述

RadioButton控件为用户提供由两个或多个互斥选项组成的选项集。虽然单选按钮和复选框功能相近，但单选按钮被设置为：
当用户选择其中一项时，其他所有项均不可选。

注意：
1）在一个容器内（如group box）内绘制单选按钮时，即可将它们分组；只要放在一个容器里，就默认分为一组。
2）若要添加不同的组，必须将它们放到面板或分组框中。

案例学习：
1）从工具箱的“Windows窗体”选项卡中，将GroupBox或者Panel控件拖到窗体上；
2）在GroupBox或Panel控件上绘制RadioButton控件；
3）双击“信息选择”按钮，进入按钮button1的时间编辑，代码如下:

private void button1_Click(object sender, EventArgs e)
        {
            if(radioButton1.Checked)//如果选中某个选项
            {
                MessageBox.Show("您选择的是小王子");
            }
            else if(radioButton2.Checked)
            {
                MessageBox.Show("您选择的是何温柔");
            }
            else if(radioButton3.Checked)
            {
                MessageBox.Show("您选择的是少年风流");
            }
            else if(radioButton4.Checked)
            {
                MessageBox.Show("您选择的是成熟儒雅");
            }
        }

实验结果：
在这里插入图片描述

（二）图片框控件 Picture Box

Windows图片框控件是用于显示图像的空间，使用频度很高，主要用于显示窗体文本信息。

1.属性

属性Image	用于指定图片框显示的图像，该图像可以在设计或运行时设置
属性SizeMode	用于指定图像的显示方式，可以指定各种大小模式
方法 Show	是否显示控件，设置为true时显示图片，设置为false时不显示
事件Click	用户单击控件时发生该事件

2.实践案例：

1）添加图片框，并对所属项进行配置：

属性	参数设置
Image	导入图片
SizeMode	StrechImage

2)通过单击图片控件，实现隐藏和显示的基本效果。双击图片控件，进入代码编辑区域：

private void pictureBox1_Click(object sender, EventArgs e)
        {
            if(pictureBox1.Image!=null)
            {
                pictureBox1.Image.Dispose();
                pictureBox1.Image = null;
            }
            else
            {
                pictureBox1.Visible = false;
            }
        }

在这里插入图片描述

（三）选项卡控件 tabControl

选项卡控件用于将相关的空间集中在一起，放在一个页面中以显示多种综合信息。改控件通常用于显示多个选项卡，其中每个选项卡均可包含图片和其他控件。
（它看起来很像字体设置页面）

案例学习：
1）从工具箱中拖拽一个tabControl空间，通过设置其TabPages属性打开TabPages集合编辑器，单击该编辑器添加按钮，连续添加四个子页面，设置每个子页面的text名称属性。
在这里插入图片描述

2）接下来，设置选项卡的提示信息。即当鼠标移动到某个页面之后，弹出提示信息。设置步骤为：设置TabControl控件的ShowToolTips属性为true,打开TabControl控件的TabPages属性，在打开的TabPages集合编辑器中，在某个具体选项卡的ToolTipText属性中键入提示信息。
【截图没截到，鼠标放在上面的时候会显示“这是我的理想型”】
在这里插入图片描述

3）从工具箱拖拽一个Label标签，放在TabControl下面，选择TabControl的SelectedIndexChanged事件，双击后进入代码编辑区域，输入以下代码：【重点学习tabControl控件是如何记录有关变量的】

private void tabControl1_SelectedIndexChanged(object sender, EventArgs e)
        {
            label1.Text = "当前操作统计信息为：页面为第" + this.tabControl1.SelectedIndex.ToString() + "页，选项卡为：" + tabControl1.SelectedTab.Text + ",共有页数" + tabControl1.TabCount.ToString();

        }

在这里插入图片描述

（四）进度条控件 ProgressBar1

进度条控件主要用于指示某种操作的进度及完成的百分比，其外观是排列在水平条中的一定数目的矩形，在进行数据库读写操作或者文件的读写复制等操作的时候，该控件经常被用于告知操作进度。

实验步骤：
1）从工具箱中将一个进度控件ProgressBar1，一个标签控件label1，设置其Visible属性为FALSE，即让其初始时不可见；再另加一个按钮控件，一起拖动到form窗体上。
在这里插入图片描述
2）双击按钮控件，在其鼠标单击事件中加入如下代码：

private void button1_Click(object sender, EventArgs e)
        {
            string sqlstring = "Data Source =(local);Initial Catalog=NorthWind;User ID=sa";
            SqlConnection conn = new SqlConnection(sqlstring);
            string sql = "select* from Orders";
            SqlCommand cmd = new SqlCommand(sql, conn);
            SqlDataAdapter adp = new SqlDataAdapter();
            adp.SelectCommand = cmd;
            DataSet ds = new DataSet();
            adp.Fill(ds);
            conn.Dispose();
            conn.Close();
            conn = null;


  label1.Visible = true;
            progressBar1.Visible = true;
            progressBar1.Minimum = 0;
            progressBar1.Maximum = ds.Tables[0].Rows.Count;
            progressBar1.BackColor = Color.Red;
            for(int i=0;i<ds.Tables[0].Rows.Count;i++)
            {
                progressBar1.Value++;
                Application.DoEvents();
                this.label1.Text = progressBar1.Value.ToString();
            }
        }

（五）图片列表信息 ImageList控件

主要用于缓存用户预定义好的图片信息，该控件并不可以单独使用以显示图片内容，必须和其他控件联合使用才可以显示预先存储在其中的图片内容。

基本属性：

项目	说明
属性Image	该属性表示图像列表中包含的图像的合集
属性Imagesize	该属性表示图像的大小，默认高度和宽度为16X16，最大大小为256X256
方法Draw	该方法用于绘制指定图像

案例学习：
1）从工具箱拖拽一个Imagelist控件到Form窗体上，选择该控件并打开其属性，进行配置：向Image属性添加图片合集；同时要配合Imagesize属性，该属性将决定今后图片的大小。（比如25,30）

2）单击Images顺序性边上的按钮，在打开的窗口中选择“添加”按钮，选择具体的一组图片；

3）右击工具箱，选择“选择项”命令，在打开的选择工具箱中将ToolBar组件勾选之后，在当前的Form窗体中拖拽该ToolBar控件；

4）单击ToolBar控件，指定其ImageList控件对象为刚添加的图片列表的ImageList1控件，并选择该ToolBar控件的Buttons属性；

5）在打开的ToolBarButton集合编辑器中连续添加五个Button按钮，并为每个按钮的ImageIndex属性配置来自ImageList控件的图片信息。

实验结果：
在这里插入图片描述

（六）顶部工具栏 ToolBar

主要用于Windows窗体的顶部工具栏的实现。

主要的属性方法如下：

属性	说明
属性Buttons	工具栏按钮控件的集合
属性ShowToolTips	鼠标移到各工具栏按钮上时，是否显示相应的工具提示，如果该属性的值设置为True，则显示工具提示
属性ImageIndex	工具栏按钮所制定的图像在图像列表中的索引值
属性Parent	工具栏按钮所属的ToolBar控件
属性Style	工具栏按钮的样式，其中包括下拉按钮，分隔符与切换按钮等
方法ButtonClick	单击工具栏按钮时，将触发该事件

实验案例：
1）在（五）的实验基础之上继续对ToolBar控件进行属性设置。将ShowToolTips属性设置为True，表示显示相应的提示信息。（鼠标移动到上面的时候就会显示），单击ToolBar控件的Buttons属性，打开图像集合编辑器，分别社会每个按钮的Text属性，和ToolTipText属性。
【学个程序也夹带私货是我本人……都来欣赏何老师的不老美颜！】

在这里插入图片描述