第8章《图形化用户界面设计》
Python-Tkinter图形化界面设计（详细教程）
Python-Tkinter图形化界⾯设计（详细教程）Python-Tkinter 图形化界⾯设计（详细教程）⼀.图形化界⾯设计的基本理解当前流⾏的计算机桌⾯应⽤程序⼤多数为图形化⽤户界⾯（Graphic User Interface,GUI）,即通过⿏标对菜单、按钮等图形化元素触发指令,并从标签、对话框等图型化显⽰容器中获取⼈机对话信息。
Python⾃带了tkinter 模块，实质上是⼀种流⾏的⾯向对象的GUI⼯具包 TK 的Python编程接⼝，提供了快速便利地创建GUI应⽤程序的⽅法。
其图像化编程的基本步骤通常包括：○导⼊ tkinter 模块○创建 GUI 根窗体○添加⼈机交互控件并编写相应的函数。
○在主事件循环中等待⽤户触发事件响应。
⼆.窗体控件布局2.1. 数据集导⼊根窗体是图像化应⽤程序的根控制器，是tkinter的底层控件的实例。
当导⼊tkinter模块后，调⽤ Tk()⽅法可初始化⼀个根窗体实例 root ,⽤ title() ⽅法可设置其标题⽂字，⽤geometry()⽅法可以设置窗体的⼤⼩（以像素为单位）。
将其置于主循环中，除⾮⽤户关闭，否则程序始终处于运⾏状态。
执⾏该程序，⼀个窗体就呈现出来了。
在这个主循环的根窗体中，可持续呈现中的其他可视化控件实例，监测事件的发⽣并执⾏相应的处理程序。
下⾯是根窗体呈现⽰例：from tkinter import *root= Tk()root.title('我的第⼀个Python窗体')root.geometry('240x240') # 这⾥的乘号不是 * ，⽽是⼩写英⽂字母 xroot.mainloop()2.2. tkinter 常⽤控件常⽤控件：常⽤的10 多种，如下：2.2.1 控件的共同属性在窗体上呈现的可视化控件，通常包括尺⼨、颜⾊、字体、相对位置、浮雕样式、图标样式和悬停光标形状等共同属性。
图形用户界面设计及发展趋势
彩对 比更为突 出。例如苹果手机的 ｉｈ ｎ Ｓ Ｐｏ ｅＯ 以流 畅的触控体
７ ６
视 觉 设计
Ａ Ｒ Ｔ Ｄ Ｕ Ｃ Ａ Ｔ １ Ｎ Ｒ Ｅ Ｓ Ｅ Ａ Ｒ Ｇ Ｈ Ｅ ｏ
验和 美观 大方 的图标细节为广大手机 爱好者所称道 ， 而问世不 久的 ｉｈ ｎ Ｓ４０ Ｐｏ ｅ Ｏ ．也为我们 带来 了更加令人 叹为观止 的操 控 界面， 而同期 问世 的Ａ ｄｏｄ ２２ 以史 无前例 的快速 流畅 向 ｎ ｒ ｉ ． 也 我们彰显 了Ａ ｄｏｄＯ ｎ ｒ ｉ Ｓ的魅 力。
１ ０ｍ ＾ Ｉ
● 曩 ■一 ● ‘ （
ｌ 嚣 Ｉ
Ｉ ● 岫
囤 圆 圆 Ｉ 固 圈 西ｉ
■ ■叫 ＿ ■ ■＿ ■ 《
’
｝
作更为直观 、 便捷 。触摸屏 由于其坚 固耐用、 反应速度快 、 节省
空 间、 易于 交流 等诸 多优 点 ， 得到 了大 众 的认 同（ ３ ４ ５ 。 图 、 、 ）
四 、 来 图形界面 设计 的发展 趋势 未
随着信息社会 的发展 、 人们 生活水平 的不 断提 高和审美情
者兴趣。
二、 图形界 面设计 的意义
图形界面充 当着人机交互信息交流的平 台， 信息 交流 能否
● Ｆｋ ｉ ￡ １ ｍ Ｊ ｓ 囊Ｉ １ Ｊ Ｄ ｍ ｌ ’
图３
图４
图５
能。 图标符 号所具 有的易用 性语 义和 显著 的识别 能力， 使其成
为 国际通用 的识别 符号， 同语言和文化背景的入都能够快速 不 地掌握 ， 有效地避 免文字标 识所 带来 的一些问题（ ） 图２ 。
爱 秀唷 开 土 充
图形用 户界 面设 计及发展趋势
操作系统(1~8章的课后习题答案)
1.1：存储程序式计算机的主要特点是：集中顺序过程控制（1）过程性：模拟人们手工操作（2）集中控制：由CPU集中管理（3)顺序性：程序计数器1.2：a:批处理系统的特点：早期批处理有个监督程序，作业自动过渡直到全部处理完，而脱机批处理的特点：主机与卫星机并行操作。
b:分时系统的特点：（1）：并行性。
共享一台计算机的众多联机用户可以在各自的终端上同时处理自己的程序。
（2）：独占性。
分时操作系统采用时间片轮转的方法使一台计算机同时为许多终端上同时为许多终端用户服务，每个用户的感觉是自己独占计算机。
操作系统通过分时技术将一台计算机改造为多台虚拟计算机。
（3）：交互性。
用户与计算机之间可以进行“交互会话”，用户从终端输入命令，系统通过屏幕（或打印机）将信息反馈给用户，用户与系统这样一问一答，直到全部工作完成。
c：分时系统的响应比较快的原因：因为批量操作系统的作业周转时间较长，而分时操作系统一般采用时间片轮转的方法，一台计算机与许多终端设备连接，使一台计算机同时为多个终端用户服务，该系统对每个用户都能保证足够快的响应时间，并提供交互会话功能。
1.3：实时信息处理系统和分时系统的本质区别：实时操作系统要追求的目标是：对外部请求在严格时间范围内做出反应，有高可靠性和完整性。
其主要特点是资源的分配和调度首先要考虑实时性然后才是效率。
此外，实时操作系统应有较强的容错能力，分时操作系统的工作方式是：一台主机连接了若干个终端，每个终端有一个用户在使用。
用户交互式地向系统提出命令请求，系统接受每个用户的命令，采用时间片轮转方式处理服务请求，并通过交互方式在终端上向用户显示结果。
用户根据上步结果发出下道命。
分时操作系统将CPU 的时间划分成若干个片段，称为时间片。
操作系统以时间片为单位，轮流为每个终端用户服务。
每个用户轮流使用一个时间片而使每个用户并不感到有别的用户存在。
分时系统具有多路性、交互性、“独占”性和及时性的特征。
了解电脑操作系统的用户界面设计
了解电脑操作系统的用户界面设计在电脑操作系统中，用户界面设计扮演着至关重要的角色。
一个良好设计的用户界面可以提高用户的工作效率和体验，使得操作系统更易用。
本文将深入探讨电脑操作系统的用户界面设计，帮助读者更好地了解这一主题。
一、什么是电脑操作系统的用户界面设计电脑操作系统用户界面设计是指为了使用户能够与操作系统进行交互而设计的一系列图形化或文本化界面。
它提供了用户与操作系统及其应用程序之间的桥梁，使得用户可以通过点击按钮、拖拽文件等方式，执行各种操作。
二、用户界面设计的原则1. 一致性：用户界面的各个部分应该保持一致，包括图标、按钮、窗口等。
这样可以减少用户的学习成本，提高用户的熟悉度和操作效率。
2. 可视化：操作系统的用户界面应该尽可能以图形化方式呈现，通过图标、颜色、动画等元素增加可视化效果，使用户更直观地理解界面的功能和操作。
3. 简洁性：用户界面应该追求简洁，避免过多的复杂操作和冗余的信息展示。
简洁的用户界面能够提高用户的专注度和工作效率。
4. 易学性：用户界面的设计应该尽量符合用户的心理预期，遵循常用的交互习惯。
这样用户可以更快速地上手，并且降低出错率。
5. 可访问性：用户界面应该考虑到所有用户的需求，包括视觉障碍、听觉障碍等特殊群体。
通过提供辅助功能和界面自定义选项，使得所有用户都能够方便地使用操作系统。
三、不同操作系统的用户界面设计不同的操作系统在用户界面设计上有着各自的特点和风格。
1. Windows操作系统：Windows操作系统以图形用户界面为主，采用了窗口、菜单、图标等经典的界面元素。
它提供了直观的操作方式和多样化的视觉效果，用户可以通过鼠标点击和键盘输入等方式进行交互。
2. macOS操作系统：macOS操作系统也是以图形用户界面为主，与Windows相比，它更注重设计的精致和简洁。
菜单栏位于屏幕顶部，应用程序的窗口具有圆角和渐变的特色，给人一种时尚、优雅的感觉。
3. Linux操作系统：Linux操作系统以自由开放的精神受到许多开发者和技术爱好者的喜爱。
[Python程序设计基础(第2版)][李东方 (8)[47页]
![[Python程序设计基础(第2版)][李东方 (8)[47页]](https://img.taocdn.com/s3/m/143b63835022aaea998f0fef.png)
【例8-5】 用grid()方法排列标签，效果如图8-6所示。设想有一个3×4 的表格，起始行、列序号均为0。将标签lbred置于第2列第0行；将标签 lbgreen置于第0列第1行；将标签lbblue置于第1列起跨2列第2行，占 20像素宽
import tkinter root = () lbred = bel(root, text="Red",
# 创建一个320×240的窗体
8.1.2 tkinter常用控件
【例8-2】 标签及其常见属性示例
import tkinter root=() lb=bel(root,text='我是一个标签',\
bg='#d3fbfb',\ fg='red',\ font=('华文新魏',32),\ width=20,\ height=2,\ relief=tkinter.SUNKEN) lb.pack() root.mainloop()
8.1.3 控件布局 控件的布局通常有pack()、grid()和place()三种方法。 1．pack()方法 方法pack()是一种简单的布局方法，如果用不加参数的默认方式，将按布 局语句的先后，以最小占用空间的方式自上而下地排列控件实例，并且保 持控件本身的最小尺寸。 【例8-3】 用pack()方法不加参数排列标签。为看清楚各控件实例所占用 的空间大小，文本使用了不同长度的中英文，并设置 relief=tkinter.GROOVE的凹陷边缘属性
2．grid()方法 方法grid()是基于网格的布局。先虚拟一个二维表格，再在该表格中布局 控件实例。由于在虚拟表格的单元格中所布局的控件实例大小不一，单 元格也没有固定或均一的大小，因此其仅用于布局的定位。grid()方法与 pack()方法不能混合使用。 方法grid()常用的布局参数如下。
8第八章GUI
《JAVA程序设计》课程
8.1组件
8.1.1 项目(8-1)描述 请设计出如下登录窗口，如图8-1所示。
图8-1 登录窗口
《JAVA程序设计》课程
8.1组件
8.1.2 项目知识准备 （1）AWT 图形用户界面（Graphics User Interface,GUI）就是为应用程序提供一个图形化界面，方便用户和用户程序实 现友好交互的一个桥梁。常用的GUI图形界面开发工具分为以下两种： AWT（Abstract Window ToolKit,抽象窗口工具包）。AWT依赖具体的平台来构件图形用户界面的外观，所以使 用AWT编制的程序中在不同的平台上运行，会出现不同的运行效果。AWT工具包javax.awt，包括对话框，按钮， 复选框，列表，菜单，滚动条和文本域，高级窗口，可视控件如文本框和下压按钮，以及在屏幕上绘制图象的 简单元素有相似的功能。组件类，是所有图形界面元素的超类。图8-1表示组件的分层结构.
《Java 程序设计》课程 第八章 GUI
主讲人： 谢先伟
2017年3月
Java程序设计
汇报提纲
1、GUI顶层容器 2、GUI常用组件 3、GUI常用布局 4、GUI事件处理模型、监听机制和常用事件
《JAVA程序设计》课程
学习目标
1、了解AWT、Swing包的相关概念； 2、理解组件的概念，掌握对常用组件的使用； 3、理解容器的概念，掌握对常用容器的使用； 4、理解组建布局管理的概念，掌握对常用布局的使用 5、理解事件处理过程，掌握对事件处理过程的使用；
《JAVA程序设计》课程
8.1组件
表8-2 JFrame的方法及方法说明
方法
方法说明
《信息系统分析与设计》课后习题参考答案
参考答案第1章一、填空题1. 整体性层次性环境适应性目的性自组织性相关性2. 整体性二、选择题1. A2. C三、问答题1. 系统是由若干具有特定属性的组成元素经特定联系而构成的、与周围环境相互联系的、具有特定的结构和功能的整体。
2. 统的特性有以下几个方面：整体性、层次性、环境适应性、目的性、自组织性以及相关性。
举例略。
3. 略。
第2章一、填空题1. 信源信宿载体2. 战略信息战术信息作业信息3. 客观性传递性时效性时滞性共享性二、选择题1. C2. A3. B三、问答题1. 信息具有以下几个特征：客观性、传递性、时效性、时滞性、共享性。
2. 信息系统的开发经历了以处理为中心、数据为中心、以对象为中心和以模型为中心的四个阶段。
以处理为中心的阶段，数据与程序是一体的，没有独立的数据库，主要用于完成特定的任务，数据各自孤立，无法共享。
这个阶段出现了结构化设计方法和模块化技术。
以数据为中心的阶段，数据与程序分离，数据由数据库管理系统（DBMS）管理，应用程序通过访问数据库，获取所需的数据并进行处理，各种应用程序共享数据库中的数据资源。
这一阶段主要解决数据的可重要问题。
以对象为中心的阶段，它把信息系统中所有要素看作对象，对象由数据（属性）和处理（方法）构成，持久性对象的数据存贮在数据库中，数据库中的数据通过影射（Mapping）转换为软件对象。
这个阶段出现了许多面向对象的分析与设计方法。
本阶段强调软件的可重用。
以模型为中心的阶段，基于信息模型开发软件产品。
UML作为一种标准的建模语言，用于建立软件及信息系统的信息模型，并利用软件工具实现软件开发的正向工程（Forward Engineering）和逆向工程（Reverse Engineering），乃至知识库的管理。
这一阶段强调模型和解决方案（模式）的可重用。
3. 系统科学是以系统及其机理为对象，研究系统的类型、性质和运动规律的科学。
系统科学主要包括以下五个方面的内容：（1）系统概念，即关于系统的一般思想和理论。
第八章 图形用户界面
方法
方法 public void repaint() public void stop() public void destroy()
调用时机和用途 在响应用户和Applet的交互时经常要 用到。通常只是调用，而不重写这个 方法。对于轻量级组件，它调用组件 的paint方法，对重量级组件它调用组 件的update方法，由update调用paint 用户离开Applet所在的HTML页时调 用该方法,它执行挂起Applet所需的所 有任务，例如停止动画和线程 用户关闭浏览器窗口，Applet将从内 存中移走的时候调用该方法
用当前色绘制实心三维矩形， 各参数含义同draw3DRect。 用xPoints，yPoints数组指定的 点的坐标依次相连绘制多边形， 共选用前nPoints个点。 绘制实心多边形，各参数含义 同drawPolygon。
public void fillPolygon(int[] xPoints, int [] yPoints, int nPoints) public void drawOval(int x, int y, int width, int height)
用指定的width和height绘制一个 矩形，该矩形的左上角坐标为 (x,y)
用指定的width和height绘制一个 实心矩形，该矩形的左上角坐标 为(x,y) 17
用指定的width和height，以当前背 public void clearRect(int x, int 景色绘制一个实心矩形。该矩形的 y, int width, int height) 左上角坐标为（x,y) public void drawRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight)
计算机绘制简单图形界面
Java语言程序设计
图形用户界面概述
• GUI（Graphics User Interfaces） • GUI界面由GUI组件构成，Java中有两套 GUI组件类 – AWT组件（java.awt包中）
• 可移植性差，组件种类少，重型组件
– Swing组件（javax.swing包中）
• 可移植性好，组件种类丰富，轻型组件
Java语言程序设计
Swing
• Swing组件完全用Java语言编写。 • Swing组件的实现没有使用本地代码。 • Swing组件的外观灵活多样，如按钮可以是某种图形，其形状 除了矩形外还可以是圆形或其他形状。 • Swing提供的组件比AWT更丰富，如Swing提供了AWT中没有 的导航、打印等功能。 • 但是，Swing并不是完全替代了AWT，而是对AWT的扩展，因 为Swing中的组件继承自AWT，Swing中的版面布局管理和事 件处理使用的还是AWT中定义的内容。一般将AWT组件称为 重量级组件，而将Swing中不依赖于本地GUI资源的组件称为 轻量级组件。
Java语言程序设计
第8章 GUI程序设计
Java语言程序设计
学习目标
• 理解图形用户界面的设计原则 • 能够创建图形用户界面 • 熟悉图形用户界面相关的组件类、事件处理类 和接口 • 能够创建多种组件和容器 • 能够使用布局管理器 • 理解动作事件、鼠标事件和键盘事件
Java语言程序设计
第一讲 绘制简单图形界面
组件类：如JButton、JTextField、JTextArea、JList 、JRadioButton、JMenu等，都是JComponent类的 子类。
辅助类：如Color、Font、FontMetrics、Dimension 和LayoutManager等，是组件和容器用于绘制和放置 对象的。
多媒体设计第八章
第八章 多媒体界面设计形式与创意
第一节 设计形式法则
统一
第八章 多媒体界面设计形式与创意
第二节 界面设计创意
设计界面类似于面对一幅空白画布，每一位艺术家在开始做画之前准 备调色版、画笔和构思，多媒体也不例外。设计界面的过程开始于将 在制作整个产品中使用的所有视觉和听觉元素，这些元素必须产生于 艺术家和技术家的想象。设计界面所包含的因素是极为广泛的，但在 运用中却只能有侧重、有强调的把握。设计因素虽多，但它仍是一个 不可分割的整体。它的结果是物化的形，但这个形却是代表了时代、 民族等方面的意识，并最终反映出人的“美”的心理活动。设计界面 的艺术综合了技术、艺术，心理学上的技能——它需要左脑和右脸都 参与， 优秀的界面简单且用户乐于使用，这意味着设计需适应硬件的 局限。 设计界面的运用，核心是设计分析。在一些国际性的大公司，如索尼、 松下、柯尼卡等，都有许多的成功案例可为借鉴。如柯尼卡公司设计 其相机时，首先不是去绘制“美”的形和考虑技术的进步，而是进行 对象人的日常行为分析，作出故事版(STORY)。
第二节 界面设计创意
多样化，即设计因素多样化考虑
第八章 多媒体界面设计形式与创意
第二节 界面设计创意
交互性，即界面设计强调交互过程
第八章 多媒体界面设计形式与创意
第二节 界面设计创意
共通性，即把握三类界面的协调统一，功能、情感、环境不能孤立而存在
第八章 多媒体界面设计形式与创意
第三节 界面设计整合
第八章 多媒体界面设计形式与创意
第二节 界面设计创意
第八章 多媒体界面设计形式与创意
第二节 界面设计创意
在我们界面设计创意过程中，需要注意以下几个方面 ：
合理性，即保证在系统设计基础上的合理与明确
郎波《Java语言程序设计(第4版)》教学进度表-48学时
6
12
2
第5章Java高级特征：
集合类；
枚举类型；
包装类与自动装箱和拆箱；
注解Annotation；
var局部变量类型推断
实训4：
练习4-3
习题5：
7
13
2
第6章异常处理：
异常的概念；
异常处理方法；
自定义异常类
实训5：
练习5-1
练习5-2
习题6：1-5
14
2
第7章输入/输出：
输入/输出流的概念；
《Java语言程序设计（第4版）》教学进度表（48学时）
课次
学时
计划教学内容
教学内容
实验
习题
1
2
第一章绪论：
面向对象程序设计概述；
Java发展历史与技术体系；
Java的特征
习题1:
1-2
2
2
第一章绪论：
Java语法机制；
Java运行系统；
Java应用;
Java程序示例
实训1：
练习1-1，
练习1-2
习题1:
19
2
第9章Applet编程：
Applet基本概念；
Applet的编写；
Applet中的图形化用户界面GUI
习题9：
1-7
20
2
第10章线程：
线程的概念；
线程的两种构造方法；
线程调度
实训8：
练习8-1
习题10：
1-4，8
21
2
第10章线程：
线程控制；
线程同步
习题10：
6，7
22
2
第10章线程：
线程间的交互；
操作系统中的可视化与用户界面设计
操作系统中的可视化与用户界面设计引言：操作系统是计算机系统的核心软件，它扮演着协调硬件与软件之间交互的重要角色。
而操作系统的用户界面设计则直接影响着使用者的体验和效率。
随着科技的进步，操作系统的可视化与用户界面设计也在不断演化和改进。
本文将就操作系统中的可视化与用户界面设计进行探讨。
一、可视化在操作系统中的应用可视化是指通过图形化的界面来表达信息和操作，使得用户可以更直观地进行交互和控制。
在操作系统中，可视化应用主要体现在以下几个方面：1. 图形化用户界面（GUI）图形化用户界面是操作系统中最常见的可视化应用之一。
通过使用图形、图标和窗口等元素，GUI让用户能够通过鼠标、键盘等输入设备来操作计算机。
相比于命令行界面，GUI更加直观、友好，并且降低了用户对计算机技术的要求。
Windows、MacOS等流行操作系统都采用了GUI作为默认的用户界面。
2. 桌面壁纸和主题除了基本的用户界面之外，操作系统还提供了一些个性化的可视化设置，如桌面壁纸和主题。
用户可以根据自己的喜好选择不同的背景图片和主题样式，从而为操作系统增添一些个人化和艺术化的元素。
3. 视频和音频播放现代操作系统通常内置了多媒体播放器，用户可以通过操作系统播放视频和音频文件。
播放界面通常提供了一系列控制按钮和进度条，以便用户方便地操作、管理和控制媒体文件。
二、用户界面设计原则良好的用户界面设计可以提升用户的使用体验和效率。
以下是一些常用的用户界面设计原则：1. 一致性用户界面中的各个部分应该保持一致性，即相同的功能或操作应该有相似的外观和行为。
这使得用户能够更容易地熟悉界面并进行操作，提高用户的工作效率。
2. 简洁性用户界面应该尽量简洁明了，避免复杂过载的设计。
通过精简和直观的布局，用户能够快速找到需要的功能和操作，并且减少出错的可能性。
3. 可见性重要的信息和控制功能应该在用户界面上可见，而不需要用户进行额外的操作或查找。
这样可以直接向用户提供需要的信息，避免用户的疑惑和不便。
图形化界面设计的主要思路和流程
图形化界面设计的主要思路和流程一、引言随着计算机应用领域的发展，图形化界面设计在软件开发中越来越常用，几乎所有电脑操作系统都提供了图形化界面操作，这些界面以直观、可理解的方式呈现软件的功能和操作方式，使得用户可以快速上手使用软件，拥有更好的用户体验。
图形化界面设计的主要思路和流程需要开发人员密切合作来实现。
二、图形化界面设计的主要思路图形化界面设计的主要思路是结合软件功能和用户需求，使用图形图像等视觉元素打造直观美观的界面。
图形化界面设计的主要思路如下：1. 了解软件的功能和运作在开始设计图形化界面之前，需要了解软件的功能和运作方式，这可以帮助设计师更好地规划视觉元素的布局和排版，使得用户能够更好地理解软件的使用方法。
2. 明确用户需求图形化界面设计的核心是为了满足用户的需求，因此必须明确用户的需求和使用习惯，从而设计出符合用户直觉的界面，在保证软件功能的完整性的同时，增强用户的使用体验。
3. 设计友好的用户界面友好的用户界面是设计图形化界面过程中的重点，设计师需要设计出符合使用场景的按钮、控件、文本框等视觉元素，保证用户的操作直观简单以及节省操作时间。
4. 统一的视觉风格界面设计统一的视觉风格可以使得图形化界面整体更加美观和协调。
同时，为保持设计的一致性和统一性，需要遵循统一的标准、颜色、字体的使用规范。
图形化界面的设计需要同时满足以下要求：美观、直观易用、简洁明了、注重用户体验。
三、图形化界面设计的流程1.需求分析首先需要进行详细的需求分析，明确软件的目标用户，了解用户的需求、使用场景，确定用户的功能需求和交互方式。
2.界面设计在需求分析完成后，需要进入界面设计阶段。
设计师应该将用户需求和软件功能结合起来，设计到功能完整且设计美观的界面。
同时，应该注重用户体验，了解用户对于界面设计的习惯和观点，从而创建一个易于理解和操作的界面。
3.实现和测试在将图形化界面设计完成之后，需要进行实现和测试。
测试的目的是检查界面设计的功能是否实现、界面是否美观，并测试软件的运行效果，确保软件正常稳定运行。
《Matlab程序设计》课程教学大纲
Matlab程序设计Matlab Program Design一、课程基本情况课程类别：专业任选课课程学分：2学分课程总学时：32学时，其中讲课：24学时，实验（含上机）：8学时课程性质：选修开课学期：第4学期先修课程：计算机基础，高等数学，线形代数适用专业：电子科学与技术教材：MATLAB程序设计教程，中国水利水电出版社，刘卫国，2010，第2版开课单位：电子与信息工程学院电子科学与技术系二、课程性质、教学目标和任务MATLAB程序设计是电子与电气信息类相关专业的专业任选课程之一。
MATLAB是由MathWorks 公司1985 年推出的一种面向科学与工程的计算软件，它具有极强的数值计算、图形文字处理、数据分析、动态仿真、信号处理等功能，涉及了数值分析、自动控制、信号处理、图像处理等十几个领域的计算和图形显示，功能强大。
因此，将MATLAB引入教学，强化应用能力培养，学生在学习专业基础课程时，增加工程应用背景，在打好专业基础的同时，提高学生的应用、创新意识。
通过本课程的学习，使学生学习和掌握如何利用MATLAB对所学理论、原理和方法进行计算机仿真，通过仿真，加深对所学知识的理解和掌握，解决学习相关课程中遇到的抽象问题，为后续专业课程的学习奠定基础。
通过工程软件在电气类专业基础课程的应用，提高学生动手能力、分析问题与解决问题的能力，到达对学生的工程意识培养的目的。
三、教学内容和要求第1章MATLAB系统环境（2学时）（1 ）了解MATLAB的影响及其开展历史和MATLAB 7.0的主要功能；（2）理解MATLAB 7.0的运行环境与安装过程，熟悉菜单栏、工具栏的使用；（ 3）掌握命令窗口、历史记录窗口、当前目录窗口的使用方法；重点：命令窗口、历史记录窗口、当前目录窗口的使用方法；难点：MATLAB 7.0的辅助局部和MATLAB的数学函数库。
第2章MATLAB数据及其运算（2学时）（1 ）了解元胞数组、结构与结构数组；（ 2）理解一、二维数组的创立方法；（ 3）掌握数值表示、变量表达式、矩阵的表示、字符串矩阵的算术运算、数组运算；重点：矩阵线性运算；创立数组、数组的算术运算；难点：数组运算。
《软件设计与体系结构》教学大纲
《软件设计与体系结构》教学大纲01.课程的性质、目的与任务《软件设计与体系结构》课程是为软件工程专业开设的必修课，也是计算机科学与技术软件开发方向课程。
本课程运用工程的思想、原理、技术、工具，来对软件设计以及软件体系结构的相关思想、理论与方法进行系统介绍，包括软件模型和描述、软件体系结构建模和UML、软件设计过程、软件体系结构风格、面向对象的软件设计方法、面向数据流的软件设计方法、用户界面设计、设计模式、Web服务体系结构、基于分布构件的体系结构、软件体系结构评估、软件设计的进化、云计算的体系结构等内容。
本课程的具体任务包括：1．让学生建立构建软件系统架构一般方法的感性认识，理解并掌握软件系统架构分析、体系结构建模与架构设计的相关理论知识，培养学生软件架构设计的基本能力，能从内部模块规划设计、系统层次结构的构建开始，了解构建系统结构的一般技术和方法。
2．在构建软件系统的过程中，理解软件系统构建的一些关键问题，学习应对不同需求的系统对策和设计实现技术，使学生初步具备一定的系统架构分析与设计能力，同时，深入理解各种典型框架技术及原理，并初步具备运用模式设计思想开展软件详细设计的能力。
3．一方面，让学生理解并掌握软件体系结构的重要概念、术语和系统化方法，建立软件架构设计的理念，了解当前流行的框架技术，并理解其原理。
另一方面，以加深知识理解和培养初步架构设计能力为目的，并在项目开发中加以实践；在实践环节中重点培养运用典型框架进行项目构建的能力和使用设计模式进行细化设计的能力。
02.课程教学基本要求及基本内容第1章引言（一）基本教学内容1.1 软件1.2 软件工程1.3 软件设计1.4 软件体系结构（二）基本要求教学目的：理解软件的本质、软件神话、软件工程，了解软件过程和软件工程实践的相关内容，了解网络环境带来的各类问题。
教学重点：软件工程中的设计、设计过程和设计质量、软件设计原则。
教学难点：什么是软件体系结构、软件体系结构的内容、设计阶段的软件体系结构。
新媒体美工设计 第8章 H5界面的设计与制作
8.1.4 H5界面设计要点
15
注重氛围
不同的氛围可以传达出不同的 情 感 ， 在 H5 中 营 造 某 种 氛 围 可 以 烘托出某种对应的情感，更好地传 达出H5的主题，将用户带入H5作 品中，实现情感上的共鸣。因此， 设计人员首先需要抓住用户的心理 诉求，然后从作品的主题特色入手， 最后结合互动玩法和强大的视听效 果来营造作品氛围。
8.3.2 案例设计：制作商品推广H5界面
30
8.3.2 案例设计：制作商品推广H5界面
31
目录 Content
8.1 H5的基础知识 8.2 活动运营型H5界面的设计与制作 8.3 商品推广型H5界面的设计与制作 8.4 项目实训
项目实训 制作企业招聘长图H5界面
33
项目目的
本项目将制作企 业招聘长图H5界面， 该界面主要由招聘海 报、招聘职位、企业 简介和二维码4个板 块组成，每个板块都 以文件夹的方式进行 组合显示，以便于在 H5 制 作 工 具 中 生 成 H5界面。
新媒体中的H5是指运用HTML5制 作出的H5界面效果。使用H5制作的界 面不仅视觉效果上有了大大的提升，还 拥有着图片效果所没有的强大优势，如 可操作性强、互动性强，展现方式多样， 表现形式丰富，视听效果好等特点。
8.1.2 H5的类型
4
活动运营型H5
动运营型H5即通过文字、 画面和音乐等手段和互动的 方式为用户营造活动场景， 从而达到营销目的的H5类型。 活动推广的H5界面形式多变， 包括游戏、邀请函、贺卡、 测试题等形式。如今的活动 运营型H5需要有更强的互动， 更高质量、更具话题性的内 容来促成用户的分享传播。
8.1.3 H5界面设计的五大原则
9
简洁性原则
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
‹#›
AWT
AWT(Abstract Window Toolkit) 是低版本 JDK提供的GUI开发工具包，包含60多个组件 类与接口，定义了布局管理器与事件处理机
制，能够快捷而有效地开发基于窗口或基于
Applet的GUI应用
清华大学出版社 —《Java程序设计（第2版）》
‹#›
Swing
Swing是Java 2发布的功能更加完善的第二
清华大学出版社 —《Java程序设计（第2版）》
‹#›
字体名称(Font Name)
当前环境下可用的字体名称取决于系统中安装的字库
Java系统为用户提供了五种标准的逻辑字体：
SansSerif、Serif、Monospaced、Dialog和DialogInput 系统将根据当前机器状态，自动将逻辑字体映射为计 算机上的物理字体
常用的Swing窗口容器组件包括：JFrame，JApplet， JDialog，JWindow等。其中JFrame与JDialog分别是AWT窗 口容器组件Frame与Dialog的替代组件
清华大学出版社 —《Java程序设计（第2版）》
‹#›
内容窗格ContentPane
内容窗格ContentPane是一个用来包含除菜单栏
他容器属主的容器组件
Container类直接派生出Window类、Panel类、ScrollPane类 等几种容器子类 Window类作为顶层窗口类，不依赖于其他容器而独立存在。 Window类直接派生两个子类：Frame类与Dialog类 Window、Frame及Dialog是唯一有资格作为顶级容器窗口的 三类组件
三原色所有可能取值的组合，能够形成256×256×256 种 不同的色彩。与每种色彩对应的三原色的分量值称为该色 彩的RGB值 通过RGB方式形成颜色的原理，被称为光的三原色原理
清华大学出版社 —《Java程序设计（第2版）》
‹#›
颜色设置
GUI编程中，Color类定义了操作颜色的常量与方法，该类
导入该包中含有的所有类与接口
清华大学出版社 —《Java程序设计（第2版）》
‹#›
AWT组件类的继承关系
清华大学出版社 —《Java程序设计（第2版）》
‹#›
AWT的基本组件列表
清华大学出版社 —《Java程序设计（第2版）》
‹#›
AWT的容器组件
GUI组件按照功能可分为基本组件与容器组件
组件不能直接在程序运行界面中显示，必须放置在 容器内才能呈现出来。容器自身首先也是一种组件， 具有其他组件的共同特性；其次容器是一种特殊的 组件，其特殊性在于容器的功能是用来容纳一般的 组件对象与容器组件对象的，即容器除提供给其他 组件作为安置场所外，其自身还可相互嵌套
清华大学出版社 —《Java程序设计（第2版）》
‹#›
字体设置示例
清华大学出版社 —《Java程序设计（第2版）》
‹#›
Java的屏幕坐标系
Java的GUI屏幕坐标原点 (0,0)对应位置为屏幕的左 上角，缺省的坐标单位为屏幕像素 GUI应用程序的窗体起始位置默认为屏幕原点(0,0)，
X坐标由左至右增加，Y坐标由上至下增加
‹#›
Swing的组件类
对应于Swing的GUI组件有一个共同的基类JComponent，Swing组件被 称为J类，因为这些类的类名首字母一律为J Swing的出现，将Java的图形用户界面提升到了一个新的层次。与AWT
相比，Swing的功能更强大，提供的组件更丰富，平台的独立性与可
移植性更好 Swing组件的事件处理机制与AWT的事件处理机制完全一样，除可使用 java.awt.event包中的各种类进行事件处理外，Swing还也可使用为
使用setLocation(x,y)或setBounds(x, y, width, height)方法可以将应用窗体的左上角位置设置到指 定的屏幕位置(x,y)
清华大学出版社 —《Java程序设计（第2版）》
‹#›
窗体与屏幕坐标系
清华大学出版社 —《Java程序设计（第2版）》
‹#›
创建AWT应用窗体的步骤
清华大学出版社 —《Java程序设计（第2版）》
‹#›
窗口容器组件Window
Window类为Frame类与Dialog类的基类，由它生成的 Window对象称为窗口 Window对象不拥有边框与菜单栏，在创建Window对象 时，必须指明它的属主 (owner) 对象；能用作窗口
属主的组件只能为顶级容器window、frame及dialog。
‹#›
获取RGB颜色分量的方法
Color类提供了获取RGB颜色分量的对应方法：
1 3 2 3 3 public int getRed();//获取颜色的红色分量值 public int getGreen();//获取颜色的绿色分量值
public int getBlue();//获取颜色的蓝色分量值
第八章 图形化用户界面设计
本章英文缩略词列表
缩 略 词
GUI AWT JFC TPC
英文全称
Graphical User Interface Abstract Window Toolkit Java Foundation Classes Three Primary Colours
汉译名称
图形用户界面 抽象窗口工具集 Java基础类库 三原色
清华大学出版社 —《Java程序设计（第2版）》
‹#›
字体Font类
通过Font类可以创建字体对象，为文本设置
字体属性。字体的属性通常包括以下三种：
1 3
2 3 3 字体名称:当前环境下可用的字体名称(Font Name) 字体样式:枚举常量代表标准字体样式(Font Style) 字体尺寸:字体尺寸(Font Size)表示字体的大小
‹#›
创建AWT应用窗体的步骤(续)
5 3
通过调用相应方法来设置窗口的尺寸大小、屏 幕位置、前、背景色、布局管理方案等特性 调用setVisible方法或设置visible属性，将 窗口对象默认的不可见状态改变为显示状态 启动事件处理机制为窗口设置关闭程序等 基本功能
6 3
7 3
清华大学出版社 —《Java程序设计（第2版）》
它专门定制的javax.swing.event事件处理包中的类来处理事件
清华大学出版社 —《Java程序设计（第2版）》
‹#›
Swing的容器组件
Swing的顶层容器组件包括JWindow、JFrame、JDialog与
JApplet等，其中，JApplet主要用于Applet小程序的开发。
此外，JOptionPane与JPanel也是Swing常用的容器组件
以外的其他GUI组件的容器对象
低版本的JDK中，向JFrame窗口中添加组件时，
必须先取得它的ContentPane对象，然后再使用
add()方法把组件加入到ContentPane对象中
清华大学出版社 —《Java程序设计（第2版）》
‹#›
添加组件到内容窗格的方法1
有2种方法将GUI组件添加到JFrame对象的内容窗格中： 【方法1】使用JFrame类的getContentPane方法首先获得当前 JFrame窗体的ContentPane对象，然后调用ContentPane对象
的add方法添加GUI组件
实现格式如下： Container contentPane=<JFrame对象>.getContentPane(); contentPane.add(<GUI组件对象>);
清华大学出版社 —《Java程序设计（第2版）》
‹#›
AWT容器类的层次结构
Component
Container
Window
ScrollPane
Panel
Frame
Dialog
Applet
清华大学出版社 —《Java程序设计（第2版）》
‹#›
顶级而不需要放置在任何其他容器对象内，并且能够作为其
清华大学出版社 —《Java程序设计（第2版）》
‹#›
字体样式(Font Style)
Java定义了三种枚举常量，来代表标准的字体样式。在 具体应用中，常用加号(+)将这些常量连接起来，得到 同时具备几种样式的复合样式 1 3 2 3 3 Font.PLAIN(常量值为0)：代表正常风格的字体
Font.BOLD(常量值为1)：代表加粗风格的字体
清华大学出版社 —《Java程序设计（第2版）》
‹#›
AWT容器组件的特征
容器组件可以嵌套，构建出一个层次结构 容器一般是矩形的，有一定的空间范围 与尺寸，可以显示出边界外框 容器有一定的位置坐标 容器还可设定背景颜色和背景图案
加载到容器内的GUI界面元素的显示与隐 藏依附于容器的打开与隐藏或关闭
清华大学出版社 —《Java程序设计（第2版）》
‹#›
颜色(Color)类
通过AWT提供的Color类，可以为窗体或其他组件设置前
景色与背景色。Color类的完整路径为java.awt.Color，
该类定义了与颜色相关的常量与方法 Color类中封装了常用的13种标准颜色的符号常量。如: Color.BLACK Color.WHITE Color.RED Color.GREEN Color.BLUE Color.YELLOW 等
的完整包路径为java.awt.Color Color类常用的三种构造方法的定义为：
1 3
2 3 3
public Color(int r,int g,int b); public Color(float r,float g,float b); public Color(int rgb);