用户界面设计PPT课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4）bsSizeable属性值：默认属性值，是标准窗体，有边界， 有标题栏，可以改变其窗体的大小。
5）bsSizeToolWin属性值：与bsSizeable的效果相似，但是 标题栏比较窄。
6）bsToolWindow属性值：与bsSingle的效果相似，但是标 题栏比较窄。
（4）Caption属性：显示窗体标题栏上的文字，对窗体进行 说明。此属性非常简单，只输入需要的文字即可。在运行时，标 题栏显示所输入的文字。
（5）Color属性：用于设置窗体的背景颜色。可以从下拉列 表中选择需要的颜色，设置非常简单。
（6）Cursor属性：用于设置鼠标的形状，单击Cursor属性在 其下拉列表中可以显示鼠标的各种形状，如图3.1.3所示。通过 设置界面的鼠标显示来通知用户程序是否在运行及程序的执行 状态。
2．应用窗体 应用窗体非常重要，大多数功能都在应用窗体中实现。一般 地，应用窗体不止一个，它们能够完成各种功能。在程序设计时， 一般不分主窗体和应用窗体，而是统称为窗体。
图3.1.1 设置主窗体
3.1.2 简单窗体设计 窗体设计包括界面设计和程序编写。在界面设计时，需要设 置窗体的属性和窗体的事件。窗体设计的好坏直接影响用户的使 用情况。 1．界面设计时应注意的问题 界面设计时应该注意以下几个问题： （1）简洁性，设计时应做到界面简洁。在窗体上添加的组 件不能杂乱无章，用户看到的应是简洁美观的界面。
图3.1.2 设置系统按钮
1）biSystemMenu属性值：用于设置标题栏右上角“最大 化”、“最小化”、“关闭”3个系统按钮的显示。当 biSystemMenu属性值为false时，biMinimize属性、biMaximize属性 和biHelp属性设置成true或false都不起作用。
2）biMinimize属性值：用于设置最小化按钮是否可用。 3）biMaximize属性值：用于设置最大化按钮是否可用。 4）biHelp属性值：用于设置是否显示帮助按钮。
（3）BorderStyle属性：用于设置窗体边框的类型，其属性 值有6个。
1）bsDialog属性值：使窗体运行时用户不能自由地改变其 大小，是标准的对话框窗体。
2）bsNone属性值：不能改变窗体大小，无边界，无标 题栏。
3）bsSingle属性值：用户不能拖动改变其窗体大小，只能 最大化和最小化窗体。
第3章 用户界面设计
3.1 窗体设计 3.2 3.3 编辑组件 3.4 按钮 3.5 单选按钮和复选框 3.6 列表框 3.7 修饰组件 3.8 其他常用组件 3.9 小结
3.1 窗体设计
窗体是程序中最基本、最主要的操作界面。Delphi程序中所 有组件都是在窗体上设计的，窗体是一个特殊的类，它具有属性、 事件、方法等其他组件特性。一般来讲，一个应用程序都包含多 个窗体，其中有一个是主窗体。
3.1.1 窗体的简介 在Delphi中，窗体可分为主窗体和应用窗体两种。主窗体是 整个应用窗体的核心，程序的运行是从主窗体开始的，如果关闭 主窗体，整个应用程序也就结束。
选择“File”→“New”→“VCL Forms Application”命令，即可 创建一个新的VCL应用程序，这时打开一个空白的窗体，按 “F12”键，查看代码编辑器，Delphi自动生成的代码如下：
（2）一致性，在同一个应用程序中，界面设计要一致。重 点是颜色、字体、样式、操作区域窗体出现的位置和快捷键等。 不能将这个窗体的背景颜色设置为红色，那个窗体的背景颜色设 置为蓝色，使颜色不一致。同样字体也要保持一致。
（3）突出重点，界面设计时要把常用的功能放到显著的位 置，如工具栏和快捷键。
2．窗体的常见属性 （1）Align属性：该属性是窗体显示在屏幕中的显示方式， 该属性值有7个。
6）alRight和alLeft值相似，使窗口在屏幕的右边显示。 7）alTop和alBottom值相似，使窗口在屏幕的顶部显示。 （2）BroderIcons属性：该属性是设置窗体中右上角的系统 按钮，如图3.1.2所示。BroderIcons属性有4个子属性，即 biSystemMenu，biMinimize，biMaximize和biHelp，它们的属性值 都是布尔型。
Form1: TForm1; implementation {$R *.nfm} end. 这个单元文件的默认窗体是Form1。每个窗体都对应着一个 单元文件，但是单元文件并不一定对应窗体。
1．主来自百度文库体 从界面上看主窗体与应用窗体并没有区别，设计和执行也相 同。一个应用程序只有一个主窗体，在创建项目时，将默认创建 一个窗体，此窗体默认为主窗体。在多个窗体中可以选择任意一 个窗体做主窗体，但要注意的是要选择一个核心的窗体做主窗体。 选择“Project”→“Options”命令，弹出“Project Options for Project1.exe”对话框，在左侧树型列表中选择“Forms”选项，右 侧显示如图3.1.1所示。图中窗体Form1是主窗体，单击“Main form”右侧的 按钮，在弹出的下拉列表中选择窗体Form2，单击 “OK”按钮，即可设置窗体Form2为主窗体。
unit Unit1; interface uses
Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
Dialogs; type
TForm1 = class(TForm) private { Private declarations } public { Public declarations } end; var
1）alBottom：使窗口显示在屏幕的底部，拖动窗口时不能 移动窗口的位置，但是可以改变窗口的大小。
2）alClient：使窗口充满整个屏幕，单击“最大化”按钮， 窗口的显示大小和alClient显示的窗口大小类似，一般用于主窗口 的显示。
3）alCustom：使窗口以传统的方式显示。 4）alLeft和alBottom值相似，使窗口在屏幕的左边显示。 5）alNone：默认显示方式，即原样显示。
5）bsSizeToolWin属性值：与bsSizeable的效果相似，但是 标题栏比较窄。
6）bsToolWindow属性值：与bsSingle的效果相似，但是标 题栏比较窄。
（4）Caption属性：显示窗体标题栏上的文字，对窗体进行 说明。此属性非常简单，只输入需要的文字即可。在运行时，标 题栏显示所输入的文字。
（5）Color属性：用于设置窗体的背景颜色。可以从下拉列 表中选择需要的颜色，设置非常简单。
（6）Cursor属性：用于设置鼠标的形状，单击Cursor属性在 其下拉列表中可以显示鼠标的各种形状，如图3.1.3所示。通过 设置界面的鼠标显示来通知用户程序是否在运行及程序的执行 状态。
2．应用窗体 应用窗体非常重要，大多数功能都在应用窗体中实现。一般 地，应用窗体不止一个，它们能够完成各种功能。在程序设计时， 一般不分主窗体和应用窗体，而是统称为窗体。
图3.1.1 设置主窗体
3.1.2 简单窗体设计 窗体设计包括界面设计和程序编写。在界面设计时，需要设 置窗体的属性和窗体的事件。窗体设计的好坏直接影响用户的使 用情况。 1．界面设计时应注意的问题 界面设计时应该注意以下几个问题： （1）简洁性，设计时应做到界面简洁。在窗体上添加的组 件不能杂乱无章，用户看到的应是简洁美观的界面。
图3.1.2 设置系统按钮
1）biSystemMenu属性值：用于设置标题栏右上角“最大 化”、“最小化”、“关闭”3个系统按钮的显示。当 biSystemMenu属性值为false时，biMinimize属性、biMaximize属性 和biHelp属性设置成true或false都不起作用。
2）biMinimize属性值：用于设置最小化按钮是否可用。 3）biMaximize属性值：用于设置最大化按钮是否可用。 4）biHelp属性值：用于设置是否显示帮助按钮。
（3）BorderStyle属性：用于设置窗体边框的类型，其属性 值有6个。
1）bsDialog属性值：使窗体运行时用户不能自由地改变其 大小，是标准的对话框窗体。
2）bsNone属性值：不能改变窗体大小，无边界，无标 题栏。
3）bsSingle属性值：用户不能拖动改变其窗体大小，只能 最大化和最小化窗体。
第3章 用户界面设计
3.1 窗体设计 3.2 3.3 编辑组件 3.4 按钮 3.5 单选按钮和复选框 3.6 列表框 3.7 修饰组件 3.8 其他常用组件 3.9 小结
3.1 窗体设计
窗体是程序中最基本、最主要的操作界面。Delphi程序中所 有组件都是在窗体上设计的，窗体是一个特殊的类，它具有属性、 事件、方法等其他组件特性。一般来讲，一个应用程序都包含多 个窗体，其中有一个是主窗体。
3.1.1 窗体的简介 在Delphi中，窗体可分为主窗体和应用窗体两种。主窗体是 整个应用窗体的核心，程序的运行是从主窗体开始的，如果关闭 主窗体，整个应用程序也就结束。
选择“File”→“New”→“VCL Forms Application”命令，即可 创建一个新的VCL应用程序，这时打开一个空白的窗体，按 “F12”键，查看代码编辑器，Delphi自动生成的代码如下：
（2）一致性，在同一个应用程序中，界面设计要一致。重 点是颜色、字体、样式、操作区域窗体出现的位置和快捷键等。 不能将这个窗体的背景颜色设置为红色，那个窗体的背景颜色设 置为蓝色，使颜色不一致。同样字体也要保持一致。
（3）突出重点，界面设计时要把常用的功能放到显著的位 置，如工具栏和快捷键。
2．窗体的常见属性 （1）Align属性：该属性是窗体显示在屏幕中的显示方式， 该属性值有7个。
6）alRight和alLeft值相似，使窗口在屏幕的右边显示。 7）alTop和alBottom值相似，使窗口在屏幕的顶部显示。 （2）BroderIcons属性：该属性是设置窗体中右上角的系统 按钮，如图3.1.2所示。BroderIcons属性有4个子属性，即 biSystemMenu，biMinimize，biMaximize和biHelp，它们的属性值 都是布尔型。
Form1: TForm1; implementation {$R *.nfm} end. 这个单元文件的默认窗体是Form1。每个窗体都对应着一个 单元文件，但是单元文件并不一定对应窗体。
1．主来自百度文库体 从界面上看主窗体与应用窗体并没有区别，设计和执行也相 同。一个应用程序只有一个主窗体，在创建项目时，将默认创建 一个窗体，此窗体默认为主窗体。在多个窗体中可以选择任意一 个窗体做主窗体，但要注意的是要选择一个核心的窗体做主窗体。 选择“Project”→“Options”命令，弹出“Project Options for Project1.exe”对话框，在左侧树型列表中选择“Forms”选项，右 侧显示如图3.1.1所示。图中窗体Form1是主窗体，单击“Main form”右侧的 按钮，在弹出的下拉列表中选择窗体Form2，单击 “OK”按钮，即可设置窗体Form2为主窗体。
unit Unit1; interface uses
Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
Dialogs; type
TForm1 = class(TForm) private { Private declarations } public { Public declarations } end; var
1）alBottom：使窗口显示在屏幕的底部，拖动窗口时不能 移动窗口的位置，但是可以改变窗口的大小。
2）alClient：使窗口充满整个屏幕，单击“最大化”按钮， 窗口的显示大小和alClient显示的窗口大小类似，一般用于主窗口 的显示。
3）alCustom：使窗口以传统的方式显示。 4）alLeft和alBottom值相似，使窗口在屏幕的左边显示。 5）alNone：默认显示方式，即原样显示。