?? 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 + -