📄 002.htm
字号:
<HTML><HEAD><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><TITLE>-->DELPHI基础教程-->第一章 Delphi快速入门（二）</TITLE>
<META NAME="keywords" CONTENT=" DELPHI基础教程 第一章 Delphi快速入门（二）">
<META NAME="description" CONTENT=" - DELPHI基础教程 - 第一章 Delphi快速入门（二）">
<style>
<!--
#page {position:absolute; z-index:0; left:0px; top:0px}
.tt3 {font: 9pt/12pt "宋体"}
.tt2 {font: 12pt/15pt "宋体"}
a {text-decoration:none}
a:hover {color: blue;text-decoration:underline}
-->
</style>
</HEAD>
<body text="#000000" aLink=#9900ff link=#006699 vLink=#006699 background="bg.gif" leftmargin="3" topmargin="3" marginheight="3" marginwidth="3">
<TR>
<TD CLASS="tt3" VALIGN="top" width="8%" background="bg.gif"><strong><A HREF="003.htm" ><FONT style="FONT-SIZE: 9pt">后一页</font></A><BR>
<A HREF="001.htm" ><FONT style="FONT-SIZE: 9pt">前一页</font></A><BR>
<A HREF="index.html" ><FONT style="FONT-SIZE: 9pt">回目录</font></A><BR>
<A HREF="../../../../../index.htm"><FONT style="FONT-SIZE: 9pt">回首页</font></A><BR>
</strong>
</TD>
<TD class="tt2" background="bg.gif" width="84%"><center><B><FONT style="FONT-SIZE: 16.5pt" COLOR="#FF6666" FACE="楷体_GB2312">第一章 Delphi快速入门（二）</FONT></B></center>
<hr color="#EE9B73" size="1" width="94%">
<p>1.2.3 <font face="宋体" lang="ZH-CN">设计简单的用户界面 </p>
</font><p><font face="宋体" lang="ZH-CN">
首先从空白窗体开始工作。我们将设计一个简单的程序</font>:<font
face="宋体" lang="ZH-CN">在屏幕上开一个窗口，窗口中有一个图框，用三个按钮来改变图框的形状；再用一个图标按钮来进行图框的颜色设置，通过颜色编辑对话框来选择变成哪一种颜色。</font></p>
<p><font face="宋体" lang="ZH-CN">
在菜单上选用</font>File|New Application<font face="宋体" lang="ZH-CN">菜单项来生成新的工程文件。这时，屏幕上出现图</font>1.2<font
face="宋体" lang="ZH-CN">所示的窗体。 </font></p>
<p>1.2.3.1 <font face="宋体" lang="ZH-CN">选取部件加入到窗体中 </p>
</font><p><font face="宋体" lang="ZH-CN">
部件</font>(Component)<font face="宋体" lang="ZH-CN">是建立</font>Delphi<font
face="宋体" lang="ZH-CN">应用程序的要素。</font>Delphi<font face="宋体"
lang="ZH-CN">为用户提供了丰富的部件库，既有可视的部件</font>(<font
face="宋体" lang="ZH-CN">如编辑框、按钮</font>)<font face="宋体" lang="ZH-CN">等，也有不可视的部件</font>(<font
face="宋体" lang="ZH-CN">如系统定时器、数据表等</font>)<font face="宋体"
lang="ZH-CN">。它们按照功能分别排列在</font>Component Panel<font face="宋体"
lang="ZH-CN">的各页上。</font></p>
<p><font face="宋体" lang="ZH-CN">
移动鼠标到</font>Component Panel<font face="宋体" lang="ZH-CN">上，在部件按钮上“犹豫”一、两秒钟，一个黄色小提示框就会弹出，写有该部件的名称，我们称之为提示</font>(Hint)<font
face="宋体" lang="ZH-CN">。在要选择的部件上单击左键，则该部件按钮被按下，表示部件已被当前选择。然后，将鼠标移动到窗体上，按下左键，该部件被放到窗体中。部件的轮廓线上会显现八个被称为尺寸调整器</font>(Sizing
Handles)<font face="宋体" lang="ZH-CN">的黑色小方块。它除了供用户调整尺寸使用之外，还可以表示该对象处于当前编辑状态。此时，按“</font>Delete<font
face="宋体" lang="ZH-CN">”键可以将该部件删除。</font></p>
<p><font face="宋体" lang="ZH-CN">
在</font>Component Panel<font face="宋体" lang="ZH-CN">上，点动写有“</font>Additional<font
face="宋体" lang="ZH-CN">”的页标签，切换到</font>Additional<font face="宋体"
lang="ZH-CN">页，再移动鼠标，逐个用观看</font>Hint<font face="宋体"
lang="ZH-CN">的办法查看部件的名称，找到“</font>Shape<font face="宋体"
lang="ZH-CN">”部件</font>(<font face="宋体" lang="ZH-CN">其图标为圆、方形、三角形三个几何体</font>)<font
face="宋体" lang="ZH-CN">，将其放到窗体的左方。</p>
</font><p><font face="宋体" lang="ZH-CN">
再按动“</font>Standard<font face="宋体" lang="ZH-CN">”页标签，找到“</font>Button<font
face="宋体" lang="ZH-CN">”部件</font>(<font face="宋体" lang="ZH-CN">图标上画有</font>OK<font
face="宋体" lang="ZH-CN">按钮</font>)<font face="宋体" lang="ZH-CN">。</font>Delphi<font
face="宋体" lang="ZH-CN">允许在添加多个同类型的部件时，不必每次到部件选项板上选取。按住“</font>Shift<font
face="宋体" lang="ZH-CN">”键，同时在“</font>Button<font face="宋体"
lang="ZH-CN">”部件上单击鼠标左键，这时“</font>Button<font face="宋体"
lang="ZH-CN">”部件处于按下状态，并有蓝色边框，表示已经被选择固定。依次在窗体右方的三个位置单击左键，则会放置三个相同的</font>Button<font
face="宋体" lang="ZH-CN">部件。把鼠标光标移到部件选项板左侧的箭头图标处，这是“取消选择”按钮，它没有提示。按动它，会发现“</font>Button<font
face="宋体" lang="ZH-CN">”部件按钮恢复弹起状态。否则，每次“</font>Form1<font
face="宋体" lang="ZH-CN">”上的鼠标单击左键动作，都会导致增加一个按钮部件。</font></p>
<p><font face="宋体" lang="ZH-CN">
再次进入“</font>Additional<font face="宋体" lang="ZH-CN">”部件页，选择一个“</font>BitBtn<font
face="宋体" lang="ZH-CN">”按钮</font>(<font face="宋体" lang="ZH-CN">图标是有绿色对号的</font>OK<font
face="宋体" lang="ZH-CN">按钮</font>),<font face="宋体" lang="ZH-CN">把它放到其它三个按钮部件的下面。</font></p>
<p><font face="宋体" lang="ZH-CN">
点动“</font>Dialog<font face="宋体" lang="ZH-CN">”页标签，选择以</font>16<font
face="宋体" lang="ZH-CN">色网格做图标的</font>ColorDialog<font face="宋体"
lang="ZH-CN">部件并把它放到窗体的任意位置。因为这一部件是不可视部件，所以它的位置并不影响大局。 </p>
</font><p>1.2.3.2 <font face="宋体" lang="ZH-CN">部件的调整与对齐 </p>
</font><p><font face="宋体" lang="ZH-CN">
一般来讲，此时放置到窗体的部件是分散排列的，而且其大小不是真正需要的尺寸。除了不可视的</font>ColorDialog<font
face="宋体" lang="ZH-CN">部件外，其它的部件都需要进行位置、大小和显示字样的调整。</font>Delphi<font
face="宋体" lang="ZH-CN">提供的对齐工具和窗口栅格为这些调整提供了方便。</font></p>
<p>1<font face="宋体" lang="ZH-CN">、移动部件</font></p>
<p><font face="宋体" lang="ZH-CN">
只需把鼠标落到想移动的部件上，按住左键并移动光标，到合适的位置再释放左键，整个部件即被移到新位置。</font></p>
<p>2<font face="宋体" lang="ZH-CN">、调整尺寸</font></p>
<p><font face="宋体" lang="ZH-CN">
先把鼠标光标移动到要改变尺寸的部件上，单击左键，选中该部件，尺寸调整器会出现，把鼠标移动到其中的一个小黑色方块上，当鼠标变成拖动方向指示时，按下并拖动鼠标左键，可以放大或缩小部件。上下左右的小方块用来移动对应的各边，四个角的方块可以移动相连的两条边。如果要精确地表述部件的尺寸，可以在</font>Object
Inspector<font face="宋体" lang="ZH-CN">上，改变</font>Left(<font face="宋体"
lang="ZH-CN">表示部件左边缘到窗体左边框的象素点数</font>)<font
face="宋体" lang="ZH-CN">、</font>Top(<font face="宋体" lang="ZH-CN">表示窗体上边框到部件上边缘的象素点数</font>)<font
face="宋体" lang="ZH-CN">、</font> Width(<font face="宋体" lang="ZH-CN">部件本身的宽度</font>)<font
face="宋体" lang="ZH-CN">、</font>Height(<font face="宋体" lang="ZH-CN">部件本身的高度</font>)<font
face="宋体" lang="ZH-CN">等属性。关于改变部件的属性，下文还将仔细讲解。</font></p>
<p>3<font face="宋体" lang="ZH-CN">、使得一组部件对齐</font></p>
<p><font face="宋体" lang="ZH-CN">
用调整位置的方法可以对齐部件，但操作步骤复杂。</font>Delphi<font
face="宋体" lang="ZH-CN">提供的对齐工具可以使多个部件的对齐极为迅速方便。下面我们来使四个按钮对齐。先将四个按钮选为一组：按住并向右下方拖动鼠标左键，在窗体上画出围绕四个按钮的矩形，释放左键后，被选中的按钮周边会出现暗灰色的边框。选用</font>Edit|Align<font
face="宋体" lang="ZH-CN">命令，或使用弹出式菜单</font>(<font face="宋体"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -