《计算机信息管理基础》第十讲 用户界面设计

用户界面设计 用户界面设计基本原则 窗体设计 菜单与工具栏设计 多页面设计 多文档窗口设计 多窗体设计 x 信息交互

用户界面设计 用户界面设计基本原则 窗体设计 菜单与工具栏设计 多页面设计 多文档窗口设计 多窗体设计 信息交互

用户界面设计基本原则 ●控制权在用户 ●使用图形界面 界面与操作的一致性 ●宽容性 简洁与美观并重

用户界面设计基本原则 ⚫控制权在用户 ⚫使用图形界面 ⚫界面与操作的一致性 ⚫宽容性 ⚫简洁与美观并重

窗体外观设计 象体设计有关一个应用的整体形象 ● Auto scro‖决定必要时是否出现滚动杆 ● Bordericons决定哪些按钮图标岀现在 Form的标题栏上。 ● Border Style决定Form边框的作用与样 式 ●Form的 showhint(为真)

窗体外观设计 窗体设计有关一个应用的整体形象 ⚫AutoScroll 决定必要时是否出现滚动杆 ⚫Bordericons 决定哪些按钮图标出现在 Form的标题栏上。 ⚫BorderStyle 决定Form边框的作用与样 式 ⚫Form的 showhint （为真）

Bordericons决定标题栏上的内容 Object Inspector Bisystemmenu决定 Form1: TForm1 个控制菜单(或称系统 Properties Events 菜单)是否出现在标题 Active Control Auto Scroll True 栏上。 Borderlcons biMaximize biminimize决定一个最 biSystemMenu True biMinimize True 小化按钮是否出现在标 biMaximizeTrue 题栏上。 PHElp False BorderStyle bs sizeable bimaximize决定一个最 Caption Form1 ClientHeight 260 大化按钮是否出现在标 Clientwidth 461 题栏上

Bisystemmenu 决定一 个控制菜单（或称系统 菜单）是否出现在标题 栏上。 biminimize 决定一个最 小化按钮是否出现在标 题栏上。 bimaximize决定一个最 大化按钮是否出现在标 题栏上。 Bordericons 决定标题栏上的内容

Form1 X 还原(E 移动(M) 大小(s) 最小化(M 最大化(x 关闭(C)A1tF4 Bisystemmenu为True 但 biminimize和 bimaximize为Fase

Bisystemmenu 为 True 但 biminimize 和 bimaximize 为 False

Form1 close Bisystemmenu为 False,无按钮 但可以改变大小(鼠标拖动边框)

Bisystemmenu为False，无按钮 但可以改变大小（鼠标拖动边框）

BorderStyle决定Form边框的作用与样式 Object Inspector 区 Form1: TForm1 Properties Events Active Control Auto scroll rue +Borderlcons [biSystemMet BorderStyle s Sizeable Caption diAlog ClientHeig ht bsNone Clientwidth bs single ibs Sizeable Color bsSize) Ctl3D bs Toolwindow

BorderStyle 决定Form边框的作用与样式

Form 1 学号 姓名 确定 退出 Border Style为 diAlog(不能改变大小) 此时指定 Bordericons的 minimize和 bimaximize 为True就矛盾了

BorderStyle 为bsDialog (不能改变大小) 此时指定 Bordericons 的 biminimize 和 bimaximize 为 True 就矛盾了

菜单与工具 菜单与工具栏设计 凹文件〔)编辑c)视图插入〔)格式@)菜单栏中的菜单项 新建⑩ CTRL+N 栏\ 打开@) CTRL+O 关闭c CTRL+S 菜单列表中的菜单项 分剖条 键盘快捷键

菜 菜单与工具栏设计 单与工具栏

菜单设计的基本过程 与 ●建立一个 MAin menu类型的对象 具 栏·打开菜单设计器,设计菜单结构 ●为菜单项设计功能 Standard Additional PO)EA

菜单设计的基本过程 ⚫建立一个TMainMenu类型的对象 ⚫打开菜单设计器,设计菜单结构 ⚫为菜单项设计功能 菜 单 与 工 具 栏