WinForm入门(三) 常用控件

作者: 熊爸天下_56c7 | 来源:发表于2020-06-29 08:12 被阅读0次

WinForm入门(三) 常用控件
在GridControl控件上绑定图片的几种操作方式
WinForm DataGridview.AutoSizeCol
winform自制控件
C# winform datagridview实时更新显示查询结
在Bootstrap开发框架中使用Grid++报表
c#自定义窗体
11.6
Swift-14.Swift UI（一）
IOS开发(三)高级控件

VS操作快捷键

(说实话,我块吐了)
这和VScode完全不在一个档次,但无奈VSCode调试Winform程序不太可能,只能凑合

VS代码美化: ctrl + K + F
任何你看到的代码提示都可以双TAB输入
类的无参构造函数 ctor +双TAB
类的属性 prop + 双TAB

Tips

每个解决方案里可以放多个项目，但需要把一个项目设置为启动项目
窗体ICON图标一般大小 32*32
我们自己写的初始化语句最好写在窗体load方法中
有时候一些控件遮挡另一些控件,此时我们可以在对应位置右键,在弹出框中选择后面的控件

有些事件是有时态的,比如closing和closed;这跟英语的时态逻辑一样. 在做清理、销毁等程序时，放在closing里比较适合
使用进程管理器等外部工具关闭窗口时，是不会触发内部的closing和closed方法的
下面这些事件可以让程序互动性更好，比如添加hover等效果

所有的控件均被this.Controls管理着
如果有超链接可以用LinkLabel来做,和label一样,只是样式更像链接

一、combox下拉列表控件

1. 外观样式

combox的外观分为三种：

其中simple模式下不用下拉，直接展现：

DropDown和DropDownList的区别是 DropDown的选中文字可以修改，DropDownList的选中项目不能修改

DropDown可以修改

DropDownList不能修改

2. combox导入数据及级联小例子

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    public partial class Form1 : Form
    {
        Dictionary<string, string> D1 = new Dictionary<string, string> { };
        public Form1()
        {
            InitializeComponent();
        }
        private void Form1_Load(object sender, EventArgs e)
        {
            D1.Add("北京", "东城,西城,故宫");
            D1.Add("上海", "闵行,宝山,陆家嘴");
            D1.Add("济南", "趵突泉,大明湖,英雄山");
            foreach (var item  in  D1) 
            {
                comboBox1.Items.Add( item.Key);
            }
            comboBox1.SelectedIndex = 0;
        }
        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            comboBox2.Items.Clear();
            comboBox2.Items.AddRange(D1[comboBox1.SelectedItem.ToString()].Split(','));
            comboBox2.SelectedIndex = 0;
        } 
    }
}

二. CheckBox复选框

1. CheckBox可以设置三种状态

就像下面的例子. 想达到这种效果,我们只需要将需要三态的复选框的ThreeState属性设为True
然后操作其CheckState属性即可.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp2
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
        private void ChildCheckBox_CheckedChanged(object sender, EventArgs e)
        {
            if (checkBox2.Checked & checkBox3.Checked)
                checkBox1.CheckState = CheckState.Checked;
            else if (!checkBox2.Checked & !checkBox3.Checked)
                checkBox1.CheckState = CheckState.Unchecked;
            else
                checkBox1.CheckState = CheckState.Indeterminate;
        }
    }
}

三. 列表选择框 ListBox

ListBox中的元素可以通过属性Items来添加或绑定
ListBox中的多选与否可以用SelectionMode来选定

如果是单选, 可以用listBox1.SelectedItem获取被选择对象, 也可以使用listBox1.SelectedIndex访问被选中的项的索引.
如果是多选, 可以用listBox1.SelectedItems获取被选择对象集合, 用listBox1.SelectedIndex获取被选中对象们的索引集合. (要遍历)
我们可以使用listBox1.DataSource来指定列表框的数据源

            List<int> list1 = new List<int>();
            for (int i = 0; i < 10; i++)
            {
                list1.Add(i);
            }
            listBox1.DataSource = list1;

确定了DataSource,我们可以使用listBox1.DisplayMember来指定显示DataSource的哪个属性作为listBox1.SelectedValue展示
同时, 我们可以使用``
比如:
我们的DataSource是很多鱼, 这些鱼有自己的Name和No, 我们想再列表中展示它们的Name

鱼的类定义如下:

    class Fish
    {
        public Fish()
        {

        }
        public string Name { get; set; }
        public int No { get; set; }       
    }

我们做这么一个ListBox

        public Form1()
        {
            InitializeComponent();
            List<Fish> list1 = new List<Fish>();
            for (int i = 0; i < 10; i++)
            {
                Fish fishTemp = new Fish {
                    Name = "🐟Fish"+i.ToString()+"🐟",
                    No = 0+i
                };
                list1.Add(fishTemp);
            }
            listBox1.DataSource = list1;
            listBox1.DisplayMember = "Name";
            listBox1.ValueMember = "No";// listBox1.SelectedValue以对象的No作为value
        }

        private void listBox1_SelectedValueChanged(object sender, EventArgs e)
        {
            Console.WriteLine(listBox1.SelectedValue);
        }

注意: winforms里的数据不是双向绑定的, 所以要更新数据源的内容时, ListBox的内容并不会跟着刷新. 要自己刷新的

例: 点击刷新列表

        private void Reflash_BTN_Click(object sender, EventArgs e)
        {
            list1.Add(new Fish { Name = "❤美人鱼❤", No=998});
            listBox1.DataSource = null;
            listBox1.DataSource = list1;
            listBox1.DisplayMember = "Name";
            listBox1.ValueMember = "No";
        }

四. 打开文件对话框 openFileDialog

添加此控件会显示在GUI设计界面底下

选择好文件后会触发: FileOk事件

可以用OpenFileDialog1.FileName或者OpenFileDialog1.FileNames读取文件路径

同时, 我们可以用以下格式为其添加格式筛选器

图片文件|*.jpg;*.png|Excle文件|*.xls|所有文件|*.*

五. 时间日期选择器 dateTimePicker

1. 我们可以调整控件的format属性来调整显示格式:

long : 2020年 8月 3日
short: 2020-08-03
time: 14:41:16
-custom : 自定义. 选定此项后在属性customformat中定义格式.

2. 我们可以通过`dateTimePicker.Value`来获取选择

返回的是一个DateTime类型的数据

DateTime类型的数据有很多方法获取此时间的信息. 请自行尝试

3. 我们也可以通过`dateTimePicker.Text`来获取选择

返回的是一个string类型的数据, 而且受格式设置影响

六. 进度条 ProcessBar

关键属性:

MaxNum : 最大值
MinNum : 最小值
Step : 步进幅度调用ProgressBar.PerformStep();时的步进
value : 除了调用ProgressBar.PerformStep();,我们也可以直接控制value的值,如

ProgressBar1.Value= ProgressBar1.Value+ ProgressBar1.Step;

我们分步骤完成某事时也可以用这种进度条

例子:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void BTN2_Click(object sender, EventArgs e)
        {
            if (ProgressBar1.Value == ProgressBar1.Maximum)
            {
                Form2 form2 = new Form2();
                form2.ShowDialog();
            }
            ProgressBar1.PerformStep();
            label1.Text = ProgressBar1.Value.ToString()+ "%";
            
        }

        private void BTN1_Click(object sender, EventArgs e)
        {
            if (ProgressBar1.Value>0) ProgressBar1.Value = ProgressBar1.Value- ProgressBar1.Step;
            label1.Text = ProgressBar1.Value.ToString();
        }
    }
}

七. 数字输入框 numericUpDown

关键属性:

Maximum : 最大值
Minimum : 最小值
DecimalPlaces: 小数点后位数
Increment: 增长步进
value : 当前的值
Hexadecimal : 是否用16进制
ThousandsSeparator : 是否有千位分割逗号

八. 气泡提示 ToolTip

tooltip控件并不会放在窗体上,而是在窗体下的不可视控件区域里
重要属性:

AutoPopDelay : 气泡弹出后的持续时间
InitialDelay : 触发前延时时间
AutomaticDelay : 鼠标悬停时间
IsBalloon: 是否是气泡风格
ToolTipIcon: 提示图标. 可以是提示,警告错误
ToolTipTitle : 提示的标题

设置完成后, 我们点开其他控件, 在属性栏里就能找到对应的tooltip, 并可以设置具体提示内容

如果用代码添加:

toolTip1.SetToolTip(textBox3,"textbox3用代码绑定了tooltip1,这是它的提示内容");

tooltip.show()

九. 托盘 notifyIcon

一般的窗体最小化时,会在任务栏上显示, 如果想最小化到托盘, 我们可以先把窗体的ShowInTaskBar属性false了
notifyIcon必须设置自己的Icon图标才会在托盘中显示
需要添加双击事件来还原窗口,最常见的是绑定它的鼠标双击事件

private void notifyIcon1_MouseDoubleClick(object sender, MouseEventArgs e)
        {
            this.WindowState = FormWindowState.Normal;
        }

托盘图标上加上下文菜单可以实现更多内容, 详见下一节

十. 上下文菜单 contextMenuStrip

在菜单项上右键还有更多选项

和tooltip一样, 这个控件要绑定在别的控件身上

比如,绑定在托盘上

十一. 节点树控件 TreeView

关键属性:

node : 集合在里面添加一级\二级\三级菜单 Nodes作为所有子项的集合

checkboxs : 节点前是否有checkbox
itemHeight : 条目高度

例: 代码管理节点树

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp3
{
    public partial class Form1 : Form
    {
        int num = 0;
        public Form1()
        {
            InitializeComponent();
        }

        private void BTN01_Click(object sender, EventArgs e)
        {
            TreeNodeCollection tv1 = this.treeView1.Nodes;

            TreeNode tn1 = new TreeNode();
            tn1.Name = "newNode" + num.ToString();
            tn1.Text = "新的根节点:" + num++.ToString();
            tv1.Add(tn1);
        }

        private void BTN3_Click(object sender, EventArgs e)
        {
            TreeNodeCollection tv1 = this.treeView1.Nodes;
            tv1.Remove(treeView1.SelectedNode);
            
        }

        private void treeView1_NodeMouseClick(object sender, TreeViewEventArgs e)
        {
            textBox1.Text = treeView1.SelectedNode.Text;
        }

        private void BTN02_Click(object sender, EventArgs e)
        {
            TreeNode tn1 = new TreeNode();![Video_20200805162148.gif](https://img.haomeiwen.com/i16670204/5619641eae3a1d77.gif?imageMogr2/auto-orient/strip)

            tn1.Name = "newNode" + num.ToString();
            tn1.Text = "新的子根节点";
            treeView1.SelectedNode.Nodes.Add(tn1);
        }
    }
}

十二. 列表视图 ListView

其实每个控件上都有一个快捷扩展箭头用来进行一些主要的设置

重要属性:

View : 视图的形式, 一般选detail
colums : 列的集合

可以在属性栏选择此属性也可以用快捷方式选择:编辑列

添加完成后:

items : 集合项的集合(每一行被称为一个项). 第一列被自动认为是主键, 其他列的内容作为数据(子项)添加入集合subitems中, 如果设置了groups, 还可以对其进行分组管理

groups : 对items进行分组管理, 可以用ShowGroups属性管理groups的显示
CheckedItems : 是前面打勾的项 //和SelectedItems不一样
SelectedItems: 是被选择的 //和CheckedItems 不一样

例: 学生管理系统

我们创立了一个简单的Student对象

student.cs

namespace WindowsFormsApp4
{
    class Student
    {
        public Student()
        {

        }
        public string Stu_No { get; set; }
        public string Stu_Name { get; set; }
        public string Stu_Sex { get; set; }
        public int Stu_Chinese { get; set; }
        public int Stu_Math { get; set; }
        public int Stu_English { get; set; }
    }
}

在主窗口中:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp4
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            //创建一个学生,并初始化
            Student stu1 = new Student();
            stu1.Stu_No = textBox1.Text;
            stu1.Stu_Name = textBox2.Text;
            stu1.Stu_Sex = comboBox1.SelectedItem.ToString();
            stu1.Stu_Chinese = (int) numericUpDown1.Value;
            stu1.Stu_Math = (int) numericUpDown2.Value;
            stu1.Stu_English = (int) numericUpDown3.Value;
            //将学生添加到listView中
            AddStu(stu1);
            //一些善后工作
            textBox1.Text = (listView1.Items.Count + 1).ToString("000");
            textBox2.Text = "";
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            textBox1.Text = (listView1.Items.Count + 1).ToString("000");
        }

        private void AddStu(Student stu)
        {
            //创建一个项目, 将传入的学生的信息传递给他
            ListViewItem listViewItem1 = new ListViewItem();
            listViewItem1.Text = stu.Stu_No;
            listViewItem1.SubItems.Add(stu.Stu_Name);
            listViewItem1.SubItems.Add(stu.Stu_Sex);
            listViewItem1.SubItems.Add(stu.Stu_Chinese.ToString());
            listViewItem1.SubItems.Add(stu.Stu_Math.ToString());
            listViewItem1.SubItems.Add(stu.Stu_English.ToString());
            listView1.Items.Add(listViewItem1);
        }

        private void button2_Click(object sender, EventArgs e)
        {
            //遍历check中的条目,删除它们
            foreach (ListViewItem item in listView1.CheckedItems)
            {
                listView1.Items.Remove(item);
                textBox1.Text = (listView1.Items.Count + 1).ToString("000");
            }
        }
    }
}

ListView显示图片

首先有三种显示图片的模式:

其次数据源要使用一个 ImageList 控件生成

然后绑定这个imageList

最后每一类都可以指定 imageIndex 来决定显示哪一张图片

十三. 面板 panel

panel相当于div, 是一个容器

十四. 分隔容器 splitContainer

它的特点是可以将布局分为两个panel, 且可以调整大小

这个控件不容易被选定, 可以通过这种方法选定

借用分隔容器我们可以轻松的实现基本的分隔式布局

重要属性:

Orientation : 是水平分隔还是竖直分隔
Panel1Collapsed : 折叠splitContainer的Panel1吗?
Panel2Collapsed : 折叠splitContainer的Panel2吗?

利用这些属性,可以方便的做成边界可调的效果

十五. TabControl 标签控制器

关键属性:

TabPages : 集合. Tab页面的集合

Alignment : 标签显示的位置

WinForm入门(三) 常用控件
VS操作快捷键 (说实话,我块吐了)这和VScode完全不在一个档次,但无奈VSCode调试Winform程序不太...
在GridControl控件上绑定图片的几种操作方式
我们知道，基于DevExpress的开发Winform的项目界面的时候，GridControl控件是经常用来绑定数...
WinForm DataGridview.AutoSizeCol
WinForm 控件 datagridview.AutoSizeColumnsMode属性更改datagridv...
winform自制控件
1 自定义控件与用户控件区别 WinForm中，用户控件（User Control）：继承自 UserContr...
C# winform datagridview实时更新显示查询结
datagridview是winform编程上很常见也很常用的控件之一，下面就根据一个小需求来展示一下datagr...
在Bootstrap开发框架中使用Grid++报表
之前在随笔《在Winform开发中使用Grid++报表》介绍了在Winform环境中使用Grid++报表控件，本篇...
c#自定义窗体
我想美化窗体或者是其他控件、无外乎三种方式： 1、重写WinForm自带的控件，这需要熟练掌握GDI+ 技术、并且...
11.6
今天，老师继续讲解了winform的模式与非模式窗体，image控件，定时器控件，滚动条控件，还是要多了解谢谢控件...
Swift-14.Swift UI（一）
本章包含内容：入门视图与手势视图控制器常用控件一、入门入门小节包含一下内容： iOS项目模板的介绍您...
IOS开发(三)高级控件
IOS基础控件思维导图三、高级控件 1、UITabBarController (1)常用属性 (2)常用方法 (...