?? prov_textedittutorial4.html
字號:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="Author" content="TF">
<meta name="generator" content="HTML Tidy, see www.w3.org">
<title>數據庫應用程序開發者指南: 從一個數據源中獲得數據</title>
<link type="text/css" href="jbdocs.css" rel="stylesheet">
</head>
<body>
<a name="tableds_visual"></a>
<h3>創建一個用戶界面</h3>
<hr>
譯者名字:cage_yang(JD012)<br>
郵件地址:<a href="mailto:cage_yang@163.com">cage_yang@163.com</a>
<!--BNDX="UI components:tutorial for adding;user interfaces:tutorial for adding UI components;UI designer:using;designing applications:;UI elements:adding"-->
<blockquote class="bsku">數據庫應用程序開發是JBuilder專業版本與企業版本的一個特征. 分布式應用程序開發是JBuilder企業版本的一個特征.</blockquote>
<p>現在你已經準備好為你的數據庫應用程序創建一個用戶界面了. 最快的方法是用用戶界面設計器.</p>
<p><span class="bscan">注意:</span> 通常建立一個用戶界面的第一步是為你的應用程序決定一個適當的布局(怎樣可視化安排組件,以及使用哪一個布局管理器來控制它們的位置),然后, 學習怎樣使用Java布局管理器本身是一個重要的任務. 因此,為了讓這個指南重點在建立一個數據庫應用程序,你將使用默認的布局(<code>BorderLayout</code>), 并且通過設置它們的<code>constraints</code> 屬性來控制組件的位置.</p>
<p>學習關于使用布局的資料,見在線幫助 <a href="../pg/designer.html">"布置你的用戶界面"</a>, 以及<cite> 用JBuilder建立應用程序 </cite>中 <a href="../pg/layouts.html">"使用布局管理器"</a> </p>
<p>以下步驟從組件欄中dbSwing標簽中增加以下的用戶界面組件:</p>
<ul>
<li><a href="../ref/dbswing/com.borland.dbswing.JdbTable.html"><code>JdbTable</code></a> (and container), 用于以類似電子數據表的格式顯示二維護數據.</li>
<li><a href="../ref/dbswing/com.borland.dbswing.JdbNavToolBar.html"><code>JdbNavToolBar</code></a>, 一組按鈕用于幫助瀏覽<code>JdbTable</code>中的數據. 當程序運行時它使你能夠快速移動數據集.</li>
<li><a href="../ref/dbswing/com.borland.dbswing.JdbStatusLabel.html"><code>JdbStatusLabel</code></a>, 用于顯示關于當前記錄或者當前操作以及任何錯誤信息.</li>
</ul>
<p>你必須將這些組件添加到<code>contentPane (BorderLayout)</code>, 該面板是一個<code>JPanel</code>, 也是一個主要的用戶界而容器,可視化組件放于該面板中. </p>
<ol>
<li>對<code>Frame1.java</code>點擊 Design 標簽以打開用戶界面設計器, 然后在組件樹中選取<code>contentPane (BorderLayout)</code>以便選中它.</li>
<li>
<p>在組件板上點取 dbSwing 標簽, 然后點取 <code>JdbNavToolBar</code>.</p>
</li>
<li>
<p>點擊靠近用戶界面設計器的中心以及面板頂邊緣. 一個<code>JdbNavToolBar</code>實例, 叫做<code>jdbNavToolBar1</code>的被添加到面板上并且顯示在組件樹中. <code>jdbNavToolBar1</code> 自動將自己和具有焦點的 <code>StorageDataSet</code> 聯系起來.</p>
<p><code>jdbNavToolBar1</code> 是現在被選中的組件, 并伸展到面板的頂邊緣. 假如它在你不所期望的地方,不用著急. 布局管理器控制著位置. 你能夠在下一步中確定它的位置.</p>
</li>
<li>
<p>在檢視器(Inspector)中察看<code>jdbNavToolBar1</code>的 <code>constraints</code> 屬性. 應該為值 NORTH. 如果不是,點擊它以顯示一個下拉列表框,并從列表中選擇North值.</p>
</li>
<li>用同樣的方法添加一個 <code>JdbStatusLabel</code> 組件. 拖動它到靠近面板中心與底邊緣的區域. <code>jdbStatusLabel1</code> 應該有一個<code>constraints</code> 屬性值 SOUTH. 如果不是改變它. <code>jdbStatusLabel1</code> 自動將自己附著在具有焦點的<code>DataSet</code> 組件上.</li>
<li>
<p>添加一個 <code>TableScrollPane</code> 組件到面板的中心. 確信它的<code>constraints</code> 屬性值是 CENTER. 一個表(table)將填充面板的其余部分.</p>
<p>任何一個Swing組件或者dbSwing的擴展其滾動功能默認下是不可用的,因此,為了獲得滾動效果,你一定要增加一個可滾動的Swing或者dbSwing組件到一介<code>JScrollPane</code> 或者一個<code>TableScrollPane</code>組件中. <code>TableScrollPane</code> 對<code>JdbTable</code>比之于<code>JScrollPane</code>提供了特別的性能. 更多的信息請看dbSwing 文檔.</p>
</li>
<li>
<p>最后, 拖動一個 <code>JdbTable</code> 到 <code>tableScrollPane1</code> 組件的中間. 使得<code>jdbTable1</code>填充到 <code>tableScrollPane1</code> 容器中去.</p>
</li>
</ol>
<p>你的用戶界面將看起來如下:</p>
<p class="bfig">數據庫用戶界面</p>
<p><img src="images/gs_tdf003.gif"></p>
<p><span class="bscan">注意:</span> 在設計期間TableScrollPane上的滾動條是不可見的,因為默認的屬性 <code>vertical scroll bars</code> 與 <code>horizontal scroll bars</code>屬性 設置是 AS_NEEDED. 為了一直讓它們顯示, 改變它們的屬性為 ALWAYS.</p>
<p>在你的應用程序中,JBuilder為你增加的或者修改的部分生成相應的源代碼,要看代碼,點擊Source標簽.</p>
<p class="bfig">源代碼</p>
<p><img src="images/gs_tdf004.gif"></p>
<a name="tableds_settingpropertiesvisual"></a>
<h3>連接 DataExpress 組件到一個用戶界而組件</h3>
<!--BNDX="UI components:tutorial for adding;user interfaces:tutorial for adding UI components;DataExpress:connecting to UI component;UI components;connections:DataExpress component;visual components:connecting to DataExpress components"-->
<p>下一步是準備將一個 <code>DataExpress</code> 組件連接到用戶界面組件. </p>
<p>為了將 <code>DataExpress</code> 組件與 <code>JdbTable</code>組件連接起來, 你一定要在<code>dataSet</code>屬性中指定一個 <code>DataSet</code> .</p>
<p>為了設置<code>JdbTable</code> 組件的 <code>dataSet</code> 屬性與連接用戶界面組件到一個實時數據,</p>
<ol>
<li>點擊 Design 標簽.</li>
<li>在內容面板選擇 <code>jdbTable1</code> 組件.</li>
<li>在<code>dataSet</code>屬性旁點擊編輯區域.</li>
<li>點擊下拉箭頭.</li>
<li>從下拉列表中選擇 <code>tableDataSet1</code> . 該列表包括了所有的實例化的 <code>DataSet</code> 組件 (僅存于該例子中).</li>
</ol>
<p>例頭與實時數據顯示在用戶界面的數據表中(table).</p>
<table width="100%">
<tr>
<td width="50%" height="3"><a href="prov_textedittutorial3.html"><img src="images/PreviousArrow.gif" width="26" height="26" border="0">在你的應用程序中添加一個 DataExpress 組件</a></td>
<td width="50%" height="3"><a href="prov_textedittutorial5.html">編譯, 運行, 調試程序<img src="images/NextArrow.gif" width="26" height="26" border="0"></a></td>
</tr>
</table>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -