📄 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" bgcolor="#FFFFFF" leftmargin="3" topmargin="3" marginheight="3" marginwidth="3"><TABLE WIDTH="100%" CELLPADDING=10 CELLSPACING=0 BORDER=0><TR><TD CLASS="tt3" VALIGN="top" width="8%" ><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></strong></TD><TD class="tt2" width="84%"><center><B><FONT style="FONT-SIZE: 16.5pt" COLOR="#FF6666" FACE="隶书">第一章 Delphi快速入门（二）</FONT></B></center><hr width="94%"><p>1.2.3 <font face="宋体" lang="ZH-CN">设计简单的用户界面 </p></font><p><font face="宋体" lang="ZH-CN"> 首先从空白窗体开始工作。我们将设计一个简单的程序</font>:<fontface="宋体" lang="ZH-CN">在屏幕上开一个窗口，窗口中有一个图框，用三个按钮来改变图框的形状；再用一个图标按钮来进行图框的颜色设置，通过颜色编辑对话框来选择变成哪一种颜色。</font></p><p><font face="宋体" lang="ZH-CN"> 在菜单上选用</font>File|New Application<font face="宋体" lang="ZH-CN">菜单项来生成新的工程文件。这时，屏幕上出现图</font>1.2<fontface="宋体" 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<fontface="宋体" lang="ZH-CN">应用程序的要素。</font>Delphi<font face="宋体"lang="ZH-CN">为用户提供了丰富的部件库，既有可视的部件</font>(<fontface="宋体" lang="ZH-CN">如编辑框、按钮</font>)<font face="宋体" lang="ZH-CN">等，也有不可视的部件</font>(<fontface="宋体" 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)<fontface="宋体" lang="ZH-CN">。在要选择的部件上单击左键，则该部件按钮被按下，表示部件已被当前选择。然后，将鼠标移动到窗体上，按下左键，该部件被放到窗体中。部件的轮廓线上会显现八个被称为尺寸调整器</font>(SizingHandles)<font face="宋体" lang="ZH-CN">的黑色小方块。它除了供用户调整尺寸使用之外，还可以表示该对象处于当前编辑状态。此时，按“</font>Delete<fontface="宋体" lang="ZH-CN">”键可以将该部件删除。</font></p><p><font face="宋体" lang="ZH-CN"> 在</font>Component Panel<font face="宋体" lang="ZH-CN">上，点动写有“</font>Additional<fontface="宋体" 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>)<fontface="宋体" lang="ZH-CN">，将其放到窗体的左方。</p></font><p><font face="宋体" lang="ZH-CN"> 再按动“</font>Standard<font face="宋体" lang="ZH-CN">”页标签，找到“</font>Button<fontface="宋体" lang="ZH-CN">”部件</font>(<font face="宋体" lang="ZH-CN">图标上画有</font>OK<fontface="宋体" lang="ZH-CN">按钮</font>)<font face="宋体" lang="ZH-CN">。</font>Delphi<fontface="宋体" lang="ZH-CN">允许在添加多个同类型的部件时，不必每次到部件选项板上选取。按住“</font>Shift<fontface="宋体" lang="ZH-CN">”键，同时在“</font>Button<font face="宋体"lang="ZH-CN">”部件上单击鼠标左键，这时“</font>Button<font face="宋体"lang="ZH-CN">”部件处于按下状态，并有蓝色边框，表示已经被选择固定。依次在窗体右方的三个位置单击左键，则会放置三个相同的</font>Button<fontface="宋体" lang="ZH-CN">部件。把鼠标光标移到部件选项板左侧的箭头图标处，这是“取消选择”按钮，它没有提示。按动它，会发现“</font>Button<fontface="宋体" lang="ZH-CN">”部件按钮恢复弹起状态。否则，每次“</font>Form1<fontface="宋体" lang="ZH-CN">”上的鼠标单击左键动作，都会导致增加一个按钮部件。</font></p><p><font face="宋体" lang="ZH-CN"> 再次进入“</font>Additional<font face="宋体" lang="ZH-CN">”部件页，选择一个“</font>BitBtn<fontface="宋体" lang="ZH-CN">”按钮</font>(<font face="宋体" lang="ZH-CN">图标是有绿色对号的</font>OK<fontface="宋体" 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<fontface="宋体" 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<fontface="宋体" lang="ZH-CN">部件外，其它的部件都需要进行位置、大小和显示字样的调整。</font>Delphi<fontface="宋体" 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>ObjectInspector<font face="宋体" lang="ZH-CN">上，改变</font>Left(<font face="宋体"lang="ZH-CN">表示部件左边缘到窗体左边框的象素点数</font>)<fontface="宋体" lang="ZH-CN">、</font>Top(<font face="宋体" lang="ZH-CN">表示窗体上边框到部件上边缘的象素点数</font>)<fontface="宋体" lang="ZH-CN">、</font> Width(<font face="宋体" lang="ZH-CN">部件本身的宽度</font>)<fontface="宋体" lang="ZH-CN">、</font>Height(<font face="宋体" lang="ZH-CN">部件本身的高度</font>)<fontface="宋体" lang="ZH-CN">等属性。关于改变部件的属性，下文还将仔细讲解。</font></p><p>3<font face="宋体" lang="ZH-CN">、使得一组部件对齐</font></p><p><font face="宋体" lang="ZH-CN"> ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -