2019Windows窗体界面设计.ppt
第四课认识计算机操作系统(共17张PPT)(共2019)

“开始”按钮位于桌面左下角的位置。单击“开始”按钮显示“开始”菜单,其中包括各种选项,如图所示,我们使用的许多程序都可以从这个“开始”按钮中启动。
Windows 7的外观和主题
对桌面外观、主题的设置,不仅可以美化操作界面,还能体现我们的个人特色。通过设置桌面的个性化,可以改变Windows 7的显示窗口、对话框所使用的色彩方案和字体大小。桌面主题是预先定义的一组桌面背景、窗口颜色、声音、屏幕保护程序以及其他窗口元素,设置主题可以改变桌面的整个外观。操作步骤如图所示。
Mac OS系统
Mac OS系统是一套运行于苹果计算机上的操作系统。它基于Unix的核心系统,增强了系统的稳定性、性能及响应能力。它的最大优势在于提供了2D、3D和多媒体图形性能以及广泛的字体支持。 macOS是首个在商用领域成功的图形用户界面操作系统。macOS是基于XNU混合内核的图形化操作系统,般情况下在普通PC上无法安装的操作系统。网上也有在PC上运行的macOS。另外,疯狂肆虐的电脑病毒几乎都是针对Windows的,由于macOS的架构与Windows不同所以很少受到电脑病毒的袭击。
Linux系统
简单地说,Linux系统是一套免费使用和自由传播的类Unix 操作系统,是一个支持多用户、多任务的操作系统。Linux操作系统具有如下特点:它是一个免费软件,您可以自由安装并任意修改软件的源代码。Linux操作系统与主流的UNIX系统兼容,这使得它一出现就有了一个很好的用户群。支持几乎所有的硬件平台,包括Intel系列,680x0系列,Alpha系列,MIPS系列等,并广泛支持各种周边设备。
小组讨论
统计小组同学使用过哪些操作系统,填写表4-1
操作系统名称
使用人数
使用最多的版本
登录窗体设计实验报告

一、实验目的1. 熟悉登录窗体的基本设计流程。
2. 掌握使用界面设计工具创建登录窗体的方法。
3. 学会使用事件驱动编程实现登录功能的验证。
4. 提高界面设计的美观性和用户体验。
二、实验环境1. 操作系统:Windows 102. 开发工具:Visual Studio 20193. 编程语言:C#三、实验内容1. 设计登录窗体界面2. 实现登录功能验证3. 界面美化与用户体验优化四、实验步骤1. 创建登录窗体界面(1)打开Visual Studio 2019,创建一个新的Windows Forms App (.NET Framework)项目。
(2)在项目中添加一个新的窗体Form1,用于设计登录界面。
(3)在Form1中,依次添加以下控件:- Label1:用于显示“用户名”文字。
- TextBox1:用于输入用户名。
- Label2:用于显示“密码”文字。
- TextBox2:用于输入密码,并设置其密码属性为True。
- Button1:用于实现登录功能,命名为“登录”。
- Button2:用于实现取消功能,命名为“取消”。
2. 实现登录功能验证(1)双击“登录”按钮,在代码编辑器中为Button1控件添加Click事件处理程序。
(2)在事件处理程序中,编写以下代码:```csharpprivate void Button1_Click(object sender, EventArgs e){// 获取用户名和密码string username = TextBox1.Text;string password = TextBox2.Text;// 判断用户名和密码是否为空if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password)){MessageBox.Show("用户名或密码不能为空!", "错误", MessageBoxButtons.OK, MessageBoxIcon.Error);}else{// 验证用户名和密码(此处以静态数据为例,实际应用中需与数据库进行交互)if (username == "admin" && password == "123456"){MessageBox.Show("登录成功!", "提示", MessageBoxButtons.OK, rmation);// 登录成功后的操作(如打开主界面等)}else{MessageBox.Show("用户名或密码错误!", "错误", MessageBoxButtons.OK, MessageBoxIcon.Error);}}}```(3)双击“取消”按钮,在代码编辑器中为Button2控件添加Click事件处理程序。
《用户界面设计》PPT课件

子菜单
下拉式菜单 弹出式菜单
华侨大学
9.1.1 下拉式菜单设计
菜单通过菜单编辑器进行编辑
菜单属性设置区
编辑区
菜单项显示区
华侨大学
9.1.1 下拉式菜单设计
例 9-1 设计如图9-3所示的窗体,通过选择 菜单实现窗体中诗词文字的颜色修改(红色、 绿色、蓝色)和字型修改(加粗、加下划 线)。
MaxButton
MinButton
False
False
取消最大化按钮
取消最小化按钮
华侨大学
9.2.2自定义对话框
例如,图9-28是Visual Basic 6.0编辑菜单 中的“查找”对话框,它有4个命令按钮, 没有最大化和最小化按钮,也没有控制菜单 按钮,不能改变窗口的大小。
图9-28“查找”对话框
菜单栏与工具栏概述
菜单栏和工具栏 是Windows界面的 菜单栏 工具栏 重要组成部分, 几乎所有的应用 软件都是通过菜 单栏和工具栏来 实现各种操作的。 应用程序中菜单 栏和工具栏的位 置如图 9-1所示。
图 9-1菜单栏和工具栏
华侨大学
菜单栏与工具栏概述
VB的菜单分成下拉式菜单和弹出式菜单两种 基本类型。单击菜单栏所显示的是下拉式菜单, 而在操作时单击鼠标右键后显示的菜单是弹出 式菜单。
华侨大学
9.3 多重窗体的创建与操作
多重窗体是指一个应用程序中有多个并列 的普通窗体,每个窗体可以有自己的界面 和程序代码,完成不同的功能,其创建过 程如下: 1. 添加窗体 2. 设置启动对象 3. 与窗体相关的方法 4. 不同窗体间数据的存取
华侨大学
9.3 多重窗体的创建与操作
例9-5 编写一个打字游戏程序,具有两个窗体, 第一个窗体选择游戏难度,第二个窗体是打字 游戏的主界面,程序运行界面如图9-29和图 9-30所示。程序具有检测用户的输入,以及计 算正确的输入字符数,总字符数和打字正确率 的功能。
软件界面设计

例如一个控件双击可以执行某些动作,而同样控件,双击却没有任何反映
一个控件只做单一功能,不复用
很多人为了写程序方便,喜欢把一个控件在不同情况下做不同功能用,这些对用户初次 理解增加难度,只有用户熟悉后才能理解。 例如 :改变红色选项,左边的参数代表 不同的设置,可能由于为了节省控件或者编程量,但是只有熟练用户才回使用,这种情 况下解决方法: 1:分组,使用双份控件. 2:使用TABLE页,给用户很明显的视觉 变化
五:(Text)文字表达
提示信息、帮助文档文字表达遵循以下准则:
1:口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字 2:断句逗号 句号顿号分号的用法,\r\n 提示信息比较多的话,应该分段, 3:警告、信息、错误 使用对应的表示方法 4:使用统一的语言描述,例如一个关闭功能按钮,可以描述为 退出、返回、关闭,则应该统一规定。 5: 根据用户不同采用相应的词语语气语调,
Onsize的时候做控件位置、大小的相应改变。 BCB/DELPHI的VCL中,大部分控件 有布局属性: 某些控件拥有alignment属性,可以用来做布局调节:TcustomPanel, Tmemo等,考左靠右靠上靠下以及撑满(Client)属性,用 来根据版面自动调节。 大 部分控件有属性Anchors,里面上下左右akLeft, akTop等如果为true,则表示相对各个边 缘的距离是否改变。这个可以进一步设计好排版工作。
2:区域排列 一行控件,纵向中对齐, 控件间距基本保持一致 行与行之间间距相 同,靠窗体Border距离应大于行间间距(间距加边缘留空)。 当屏幕有多个编辑区域, 要以视觉效果和效率来组织这些区域。 3:数据对齐要适当 说明文字,中文版应 使用中文全角冒号,纵向对齐时,并按冒号右对其,如图。 纵向控件宽度尽量保持 相通。并左对齐。 例如金额等字符穿应根据小数点对齐,或者右对齐 4:有效组 合 逻辑上相关联的控件应当加以组合,以表示其关联性,反之,任何不想光的项目 应当风格开,在项目集合间,用间隔对其进行分组,或者使用方框划分各自区域。 例如: 以下界面,选择搜索方式来判断号码范围是表示主叫号码范围还是被叫号码范 围,和入帐方式无关, 则应该修改为: 搜索方式和入帐方式调换位置。以免用户产 生误解。 5:窗口缩放时,控件位置、布局: 为了使界面不出现跑版或者难看的 局面,解决方法: 1:固定窗口大小,不允许改变尺寸, 2:改变尺寸辨率的大小,缩放时的状态和原则,并且为将来设 计 的按钮,菜单,标签,滚动条及状态栏预留位置。设计中将整体色彩组合进行合理 搭配,将软件商标放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状 态 栏放在下边,以符合视觉流程和用户使用心理
Windows窗体基础精品PPT课件

❖首先,在窗体中选中控件。然后在属性窗 口设置该控件相应的属性
名称
Label1 Label2 button1 TextBox1 TextBox2 TextBox3
属 性 text text text text text text
设置 值
+ = 计算 空 空 空
2.2 自动创建窗体
2021/2/21
❖
3、窗体及其常用属性
2021/2/21
C# 程序设计课程
❖ 窗体是对象,对这些对象可以定义其外观属性、行为方法 以及与用户交互的事件。通过设置窗体的属性,编写响应 其事件的代码,可自定义该对象以满足应用程序的要求。
❖ 与.NET 框架中的所有对象一样,窗体是类的实例。用 “Windows 窗体设计器”创建的窗体是类,它是用来创 建窗体的模板。该框架使用户可以从现有窗体继承,添加 功能或修改现有行为。。
❖ 下面介绍Windows窗体的常用属性。 ❖ 1.Visible 属性 ❖ 窗体的可见性通常由 Visible 属性控制。在事件中,如果
希望 Windows 应用程序的主窗体在应用程序启动时不可 见,将会发现将它的 Visible 属性设置为假的方法无效, 因为通常启动窗体的生存期决定了应用程序的生存期,只 要将应用程序的启动变为一个模块,这样就可以随意使窗 体可见(和不可见),因为当“关闭”模块时,应用程序 的生存期也随之结束。
C# 程序设计课程
❖4.编写程序代码
双击button1,进入代码编辑器。编写代码如下: private void button1_Click(object sender, EventArgs e) {
if (textBox1.Text == string.Empty || textBox2.Text == string.Empty) {
UI界面设计报告50页PPT文档

软件界面设计:菜单设计
软件界面设计:标签设计
标签设计应该注意转角部分的变化,状态可参 考按钮。
软件界面设计:图标设计
图标设计色彩不宜超过64色,大小为16x16、 32x32两种,图标设计是方寸艺术,应该加以 着重考虑视觉冲击力,它需要在很小的范围表 现出软件的内涵,所以很多图标设计师在设计 图标时使用简单的颜色,利用眼睛对色彩和网 点的空间混合效果,做出了许多精彩图标。
糟糕的界面
未经美化的程序界面
windows95
windows7
软件界面设计
具体包括:
软件启动封面设计/软件框架设计 / 按钮设计/面板设计/菜单设计/ 标签设计/图标设计/滚动条及状态栏设计/ 安装过程设计 /包装及商品化
软件界面设计:软件启动封面设计
高清晰度的图像 安全色 志、产品商标,软件名称,版本
UI界面设计要素:布局
平衡原则 注意屏幕上下左右平衡。不要堆挤数据,过 分拥挤的显示会产生视觉疲和接收错误。
UI界面设计要素:布局
预期原则 屏幕上所有对象,如窗口、按钮、菜单等处 理应一致化,使对象的动作可预期。
UI界面设计要素:布局
顺序原则 对象显示的顺序应依需要排列。通常应最先 出现对话,然后通过对话将系统分段实现。
软件界面设计:软件面板设计
软件面板设计应该具有缩放功能,面板应该对 功能区间划分清晰,应该和对话框,弹出框等 风格匹配,尽量节省空间,切换方便。
软件界面设计:菜单设计
菜单设计一般有选中状态和未选中状态,左边 应为名称,右边应为快捷键,如果有下级菜单 应该有下级箭头符号,不同功能区间应该用线 条分割。
用户体验是以用户为中心的设计UCD/User
窗体的实验报告

一、实验目的1. 熟悉窗体设计的基本概念和原理。
2. 掌握使用设计工具创建和编辑窗体。
3. 学会设置窗体的属性,包括字体、颜色、大小等。
4. 掌握窗体中常见控件的使用方法,如按钮、文本框、标签等。
5. 理解窗体布局和事件处理的基本知识。
二、实验环境1. 操作系统:Windows 102. 开发环境:Visual Studio 20193. 编程语言:C#三、实验内容1. 窗体设计基本概念2. 创建和编辑窗体3. 设置窗体属性4. 使用窗体控件5. 窗体布局和事件处理四、实验步骤1. 窗体设计基本概念(1)了解窗体的定义:窗体是应用程序中的基本界面,用于显示数据和与用户进行交互。
(2)掌握窗体的布局:窗体的布局决定了控件在窗体上的排列方式,常用的布局方式有:堆叠布局、网格布局、表格布局等。
(3)了解事件处理:事件是窗体与用户交互的方式,如按钮点击、文本框输入等。
2. 创建和编辑窗体(1)打开Visual Studio 2019,创建一个新的Windows Forms Application项目。
(2)在Solution Explorer中找到Form1,双击打开Form1的设计视图。
(3)在Form1的设计视图中,可以添加、删除、修改控件,调整控件的位置和大小。
3. 设置窗体属性(1)设置窗体的标题、大小、背景颜色等属性。
(2)设置控件的属性,如文本框的文本内容、按钮的文本等。
4. 使用窗体控件(1)添加按钮控件:在工具箱中选择Button控件,拖动到窗体上,设置按钮的属性。
(2)添加文本框控件:在工具箱中选择TextBox控件,拖动到窗体上,设置文本框的属性。
(3)添加标签控件:在工具箱中选择Label控件,拖动到窗体上,设置标签的属性。
5. 窗体布局和事件处理(1)设置窗体布局:使用布局工具栏中的工具调整控件的位置和大小。
(2)编写事件处理代码:双击控件,在代码视图下编写相应的事件处理代码。
五、实验结果与分析1. 实验结果(1)成功创建一个具有基本功能的窗体。
C界面设计教程

本章将介绍建立Windows应用程序、使用Windows Forms常用控件、菜单和多文档界面设计等。
同时向大家展示用Windows窗体来编写程序的特点以 及技巧。
2019/3/19
3
C#程序设计实用教程
9.1 Windows应用程序的结构
•
集成开发环境是基于.NET Framework构建的, 该框架提供了一个有条理的、面向对象的、可扩展的 类集,它使用户得以开发丰富的Windows应用程序。 通过Windows“窗体设计器”进行设计窗体,用户就 可以创建Windows应用程序和客户机/服务器应用程 序。用户可对窗体设定某些特性并在其上添加控件, 然后编写代码以增加控件和窗体的功能。
9.1.1 计算器窗体
(1)运行,在【起始页】上单击【新建项目】按
2019/3/19
7
C#程序设计实用教程
9.1.1 计算器窗体
(2)单击“确定”按钮后就进入的主界面,如图9-2所示。
•从图9-2可以看出,当选择“Windows应用程序”作为应 用程序的模板后,系统会自动为用户生成一个空白窗体, 一般名为Form1。 •该窗体就是应用程序运行时显示给用户的操作界面,下 一步就是向窗体中添加各种控件。
2019/3/19 17 C#程序设计实用教程
9.1.3 计算器事件
private void btnDiv_Click(object sender, EventArgs e) { Button btn = (Button)sender; textBox1.Text = textBox1.Text + " " + btn.Text + " ";//空格用于分 隔数字各运算符 }
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
5
1.2 单文档窗体(SDI)与多文档窗体(MDI)
(4)添加“打开Form2”、“打开Form3”事件: private void 打开Form2ToolStripMenuItem_Click(……) { Form2 fm = new Form2(); 不能省略,如果不设置,将其作 为子窗体时,其Name属性默认 fm.MdiParent = this; 为空字符串(String.Empty) = "Form2"; fm.Show(); } private void 打开Form3ToolStripMenuItem_Click(……) { Form3 fm = new Form3(); fm.MdiParent = this; = "Form3"; fm.Show(); }
4
label1.Parent = pictureBox1;
pictureBox2.Parent = pictureBox1; 则label1和PictureBox2相对于PictureBox1是透明的,
而PictureBox1相对于窗体Form1是透明的。
1.2 单文档窗体(SDI)与多文档窗体(MDI)
9
2 Windows窗体基本控件
2.1 控件中常用的属性和方法 1.常用基本属性
10
除了书上讲的属性外,还要注意以下属性的用法:
1) (Name):指定控件的名称,它是控件在当前应用程序中的 唯一标识,代码通过该属性来访问控件
2) Enabled:决定控件是否可用,取值为true时可用,取值 为false时不可用
6
1.2 单文档窗体(SDI)与多文档窗体(MDI)
(5) 添加“关闭Form2”、“关闭Form3”事件: private void 关闭Form2ToolStripMenuItem_Click(……) { Form[] mdiChildren = this.MdiChildren; foreach(Form fm in mdiChildren) { if ( == "Form2") fm.Close(); } } private void 关闭Form3ToolStripMenuItem_Click(……) { Form[] mdiChildren = this.MdiChildren; foreach (Form fm in mdiChildren) { if ( == "Form3") fm.Close(); } }
Windows窗体界面设计
1 窗体、属性与事件
2 Windows窗体基本控件 3 菜单与工具栏 4 其他Windows窗体控件
1
2
本章教学目的 介绍Windows窗体基本设计方法以及基本控件的用法。
本章教学要求
(1)掌握基本控件的属性设置方法以及常用属性;
(2)掌握基本控件的常用事件处理方法;
3)Anchor属性:保持控件与边框的距离不变
4)Dock属性:让控件始终紧靠边框
2.1 控件中常用的属性和方法
7ห้องสมุดไป่ตู้
1.2 单文档窗体(SDI)与多文档窗体(MDI)
(6) 添加子窗体排列事件: private void 水平平铺ToolStripMenuItem_Click(……) { youtMdi(MdiLayout.TileHorizontal); } private void 垂直平铺ToolStripMenuItem_Click(……) { youtMdi(MdiLayout.TileVertical); } private void 层叠ToolStripMenuItem_Click(……) { youtMdi(MdiLayout.Cascade); } (7) 添加“退出”事件: private void 退出ToolStripMenuItem_Click(……) { Application.Exit(); } (8) 运行,观察效果。
(3)掌握菜单与工具栏的用法; (4)了解其他内容。
先观察:界面设计举例1
3
1 窗体的属性和透明显示
利用Transparent和Parent属性,可以将Label放到PictureBox上透明显 示,也可以将多个PictureBox重叠透明显示。 举例2: (1)将label1、PictureBox1和PictureBox2重叠放到一个Panel控件内 (2)设置label1、PictureBox1和PictureBox2控件的BackColor属性均 为 Transparent (3)在构造函数中,设置label1和PictureBox2的父控件为PictureBox1:
8
实验中发现的问题回答
问题:我希望知道程序是否执行到某处,但又不希望在设计窗体上显示,有 哪些方法可以做到? 答:方法1:在判断是否执行的地方设置断点。 方法2:利用调试输出窗口输出相应信息。 (1)选择菜单的“视图” “输出”,以便显示调试信息 (2)利用调试信息测试执行情况。例如测试每次循环计算的结果: int sum = 0; for (int i = 0; i < 100; i++) { sum += i; System.Diagnostics.Debug.Print("第{0}次循环:{1}", i,sum); } 调试信息只在调试输出窗口中显示,不会在设计窗体上显示。在进行需要 大量时间的后台操作时,这种方法很有用。