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