?? 002.htm
字號(hào):
<HTML><HEAD><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><TITLE>-->DELPHI基礎(chǔ)教程-->第一章 Delphi快速入門（二）</TITLE>
<META NAME="keywords" CONTENT=" DELPHI基礎(chǔ)教程 第一章 Delphi快速入門（二）">
<META NAME="description" CONTENT=" - DELPHI基礎(chǔ)教程 - 第一章 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 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%" bgcolor="#e0e0e0"><strong><A HREF="003.htm"><FONT style="FONT-SIZE: 9pt">后一頁(yè)</font></A><BR>
<A HREF="001.htm"><FONT style="FONT-SIZE: 9pt">前一頁(yè)</font></A><BR>
<A HREF="index.html"><FONT style="FONT-SIZE: 9pt">回目錄</font></A><BR>
<A HREF="../../../../index.htm"><FONT style="FONT-SIZE: 9pt">回首頁(yè)</font></A><BR>
</strong>
</TD>
<TD class="tt2" bgcolor="#F5F8F8" 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">設(shè)計(jì)簡(jiǎn)單的用戶界面 </p>
</font><p><font face="宋體" lang="ZH-CN">
首先從空白窗體開始工作。我們將設(shè)計(jì)一個(gè)簡(jiǎn)單的程序</font>:<font
face="宋體" lang="ZH-CN">在屏幕上開一個(gè)窗口，窗口中有一個(gè)圖框，用三個(gè)按鈕來改變圖框的形狀；再用一個(gè)圖標(biāo)按鈕來進(jìn)行圖框的顏色設(shè)置，通過顏色編輯對(duì)話框來選擇變成哪一種顏色。</font></p>
<p><font face="宋體" lang="ZH-CN">
在菜單上選用</font>File|New Application<font face="宋體" lang="ZH-CN">菜單項(xiàng)來生成新的工程文件。這時(shí)，屏幕上出現(xiàn)圖</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">應(yīng)用程序的要素。</font>Delphi<font face="宋體"
lang="ZH-CN">為用戶提供了豐富的部件庫(kù)，既有可視的部件</font>(<font
face="宋體" lang="ZH-CN">如編輯框、按鈕</font>)<font face="宋體" lang="ZH-CN">等，也有不可視的部件</font>(<font
face="宋體" lang="ZH-CN">如系統(tǒng)定時(shí)器、數(shù)據(jù)表等</font>)<font face="宋體"
lang="ZH-CN">。它們按照功能分別排列在</font>Component Panel<font face="宋體"
lang="ZH-CN">的各頁(yè)上。</font></p>
<p><font face="宋體" lang="ZH-CN">
移動(dòng)鼠標(biāo)到</font>Component Panel<font face="宋體" lang="ZH-CN">上，在部件按鈕上“猶豫”一、兩秒鐘，一個(gè)黃色小提示框就會(huì)彈出，寫有該部件的名稱，我們稱之為提示</font>(Hint)<font
face="宋體" lang="ZH-CN">。在要選擇的部件上單擊左鍵，則該部件按鈕被按下，表示部件已被當(dāng)前選擇。然后，將鼠標(biāo)移動(dòng)到窗體上，按下左鍵，該部件被放到窗體中。部件的輪廓線上會(huì)顯現(xiàn)八個(gè)被稱為尺寸調(diào)整器</font>(Sizing
Handles)<font face="宋體" lang="ZH-CN">的黑色小方塊。它除了供用戶調(diào)整尺寸使用之外，還可以表示該對(duì)象處于當(dāng)前編輯狀態(tài)。此時(shí)，按“</font>Delete<font
face="宋體" lang="ZH-CN">”鍵可以將該部件刪除。</font></p>
<p><font face="宋體" lang="ZH-CN">
在</font>Component Panel<font face="宋體" lang="ZH-CN">上，點(diǎn)動(dòng)寫有“</font>Additional<font
face="宋體" lang="ZH-CN">”的頁(yè)標(biāo)簽，切換到</font>Additional<font face="宋體"
lang="ZH-CN">頁(yè)，再移動(dòng)鼠標(biāo)，逐個(gè)用觀看</font>Hint<font face="宋體"
lang="ZH-CN">的辦法查看部件的名稱，找到“</font>Shape<font face="宋體"
lang="ZH-CN">”部件</font>(<font face="宋體" lang="ZH-CN">其圖標(biāo)為圓、方形、三角形三個(gè)幾何體</font>)<font
face="宋體" lang="ZH-CN">，將其放到窗體的左方。</p>
</font><p><font face="宋體" lang="ZH-CN">
再按動(dòng)“</font>Standard<font face="宋體" lang="ZH-CN">”頁(yè)標(biāo)簽，找到“</font>Button<font
face="宋體" lang="ZH-CN">”部件</font>(<font face="宋體" lang="ZH-CN">圖標(biāo)上畫有</font>OK<font
face="宋體" lang="ZH-CN">按鈕</font>)<font face="宋體" lang="ZH-CN">。</font>Delphi<font
face="宋體" lang="ZH-CN">允許在添加多個(gè)同類型的部件時(shí)，不必每次到部件選項(xiàng)板上選取。按住“</font>Shift<font
face="宋體" lang="ZH-CN">”鍵，同時(shí)在“</font>Button<font face="宋體"
lang="ZH-CN">”部件上單擊鼠標(biāo)左鍵，這時(shí)“</font>Button<font face="宋體"
lang="ZH-CN">”部件處于按下狀態(tài)，并有藍(lán)色邊框，表示已經(jīng)被選擇固定。依次在窗體右方的三個(gè)位置單擊左鍵，則會(huì)放置三個(gè)相同的</font>Button<font
face="宋體" lang="ZH-CN">部件。把鼠標(biāo)光標(biāo)移到部件選項(xiàng)板左側(cè)的箭頭圖標(biāo)處，這是“取消選擇”按鈕，它沒有提示。按動(dòng)它，會(huì)發(fā)現(xiàn)“</font>Button<font
face="宋體" lang="ZH-CN">”部件按鈕恢復(fù)彈起狀態(tài)。否則，每次“</font>Form1<font
face="宋體" lang="ZH-CN">”上的鼠標(biāo)單擊左鍵動(dòng)作，都會(huì)導(dǎo)致增加一個(gè)按鈕部件。</font></p>
<p><font face="宋體" lang="ZH-CN">
再次進(jìn)入“</font>Additional<font face="宋體" lang="ZH-CN">”部件頁(yè)，選擇一個(gè)“</font>BitBtn<font
face="宋體" lang="ZH-CN">”按鈕</font>(<font face="宋體" lang="ZH-CN">圖標(biāo)是有綠色對(duì)號(hào)的</font>OK<font
face="宋體" lang="ZH-CN">按鈕</font>),<font face="宋體" lang="ZH-CN">把它放到其它三個(gè)按鈕部件的下面。</font></p>
<p><font face="宋體" lang="ZH-CN">
點(diǎn)動(dòng)“</font>Dialog<font face="宋體" lang="ZH-CN">”頁(yè)標(biāo)簽，選擇以</font>16<font
face="宋體" lang="ZH-CN">色網(wǎng)格做圖標(biāo)的</font>ColorDialog<font face="宋體"
lang="ZH-CN">部件并把它放到窗體的任意位置。因?yàn)檫@一部件是不可視部件，所以它的位置并不影響大局。 </p>
</font><p>1.2.3.2 <font face="宋體" lang="ZH-CN">部件的調(diào)整與對(duì)齊 </p>
</font><p><font face="宋體" lang="ZH-CN">
一般來講，此時(shí)放置到窗體的部件是分散排列的，而且其大小不是真正需要的尺寸。除了不可視的</font>ColorDialog<font
face="宋體" lang="ZH-CN">部件外，其它的部件都需要進(jìn)行位置、大小和顯示字樣的調(diào)整。</font>Delphi<font
face="宋體" lang="ZH-CN">提供的對(duì)齊工具和窗口柵格為這些調(diào)整提供了方便。</font></p>
<p>1<font face="宋體" lang="ZH-CN">、移動(dòng)部件</font></p>
<p><font face="宋體" lang="ZH-CN">
只需把鼠標(biāo)落到想移動(dòng)的部件上，按住左鍵并移動(dòng)光標(biāo)，到合適的位置再釋放左鍵，整個(gè)部件即被移到新位置。</font></p>
<p>2<font face="宋體" lang="ZH-CN">、調(diào)整尺寸</font></p>
<p><font face="宋體" lang="ZH-CN">
先把鼠標(biāo)光標(biāo)移動(dòng)到要改變尺寸的部件上，單擊左鍵，選中該部件，尺寸調(diào)整器會(huì)出現(xiàn)，把鼠標(biāo)移動(dòng)到其中的一個(gè)小黑色方塊上，當(dāng)鼠標(biāo)變成拖動(dòng)方向指示時(shí)，按下并拖動(dòng)鼠標(biāo)左鍵，可以放大或縮小部件。上下左右的小方塊用來移動(dòng)對(duì)應(yīng)的各邊，四個(gè)角的方塊可以移動(dòng)相連的兩條邊。如果要精確地表述部件的尺寸，可以在</font>Object
Inspector<font face="宋體" lang="ZH-CN">上，改變</font>Left(<font face="宋體"
lang="ZH-CN">表示部件左邊緣到窗體左邊框的象素點(diǎn)數(shù)</font>)<font
face="宋體" lang="ZH-CN">、</font>Top(<font face="宋體" lang="ZH-CN">表示窗體上邊框到部件上邊緣的象素點(diǎn)數(shù)</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">等屬性。關(guān)于改變部件的屬性，下文還將仔細(xì)講解。</font></p>
<p>3<font face="宋體" lang="ZH-CN">、使得一組部件對(duì)齊</font></p>
<p><font face="宋體" lang="ZH-CN">
用調(diào)整位置的方法可以對(duì)齊部件，但操作步驟復(fù)雜。</font>Delphi<font
face="宋體" lang="ZH-CN">提供的對(duì)齊工具可以使多個(gè)部件的對(duì)齊極為迅速方便。下面我們來使四個(gè)按鈕對(duì)齊。先將四個(gè)按鈕選為一組：按住并向右下方拖動(dòng)鼠標(biāo)左鍵，在窗體上畫出圍繞四個(gè)按鈕的矩形，釋放左鍵后，被選中的按鈕周邊會(huì)出現(xiàn)暗灰色的邊框。選用</font>Edit|Align<font
face="宋體" lang="ZH-CN">命令，或使用彈出式菜單</font>(<font face="宋體"
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -