用Eclipse開發(fā)iPhone Web 應(yīng)用程序
清單 2. 定制 textRow CSS 擴(kuò)展以正確顯示靜態(tài)文本
/* Adding a new row CSS style to iUi for displaying blocks of text */
position: relative;
border-bottom: 1px solid #999999;
-webkit-border-radius: 0;
text-align: right;
}
text-align: left;
margin: 5px 8px 5px 10px;
padding: 0px 0px 0px 0px;
}
fieldset > .textRow:last-child {
border-bottom: none !important;
}
清單 3 顯示了 java.math.BigDecimal 的一種構(gòu)造方法的詳細(xì)信息頁面。
清單 3. 使用 textRow 元素的 HTML 詳細(xì)信息頁面
<div id="java.math.BigDecimal(long,java.math.MathContext)" title="BigDecimal"
class="panel">
<div class="textRow"><p><b>
public BigDecimal(long, MathContext)</b></p></div>
<div class="textRow"><p>Translates a
<code>long</code> into a
<code>BigDecimal</code>, with rounding according to the context settings.
The scale of the <code>BigDecimal</code>, before any rounding, is zero.
<h2>Parameters</h2>
<div class="textRow"><p><b>long val
</b>: <code>long</code> value to be converted
to <code>BigDecimal</code>.</p></div>
<div class="textRow"><p><b>MathContext mc
</b>: the context to use.</p></div>
<h2>Throws</h2>
<div class="textRow"><p><b>ArithmeticException
</b>: if the result is inexact but
the rounding mode is <code>UNNECESSARY</code>.</p></div>
</div>
<fieldset> 標(biāo)記內(nèi)的所有內(nèi)容都位于圓角矩形內(nèi),textRow <div> 用于分隔行。帶有 <h2> 標(biāo)記的標(biāo)題顯示為列表上方的組標(biāo)簽。圖 10 顯示了最終頁面。
圖 10. java.math.BigDecimal 中的構(gòu)造函數(shù)的詳細(xì)視圖
擁有三個(gè)導(dǎo)航級(jí)別和目標(biāo)詳細(xì)信息頁面后,UI 就完成了。iDoc 使用戶可以專注于具體任務(wù)。借助 iUi 框架和一些定制的 CSS,它看上去很像本機(jī) iPhone 應(yīng)用程序。
開發(fā) iDoc
現(xiàn)在已經(jīng)設(shè)計(jì)了 UI,接下來需要編寫代碼來生成 HTML 文件。創(chuàng)建一個(gè)插入到 Sun 的 javadoc 命令中的簡單 doclet。我們的示例將使用標(biāo)準(zhǔn) java.* 包,但是 iDoc 可以從任何源代碼生成 Javadoc。使用 OpenJDK 源代碼,因?yàn)樗梢怨_獲得并且 GNU Public License (GPL) V2 許可證允許我們生成和發(fā)布其 Javadoc。
使用 iDoc,只需迭代包和類并調(diào)用方法打印上述格式的靜態(tài) HTML 頁面。清單 4 顯示打印目標(biāo)詳細(xì)信息頁面的方法。
評(píng)論