用Eclipse開發iPhone Web 應用程序

　　清單 2. 定制 textRow CSS 擴展以正確顯示靜態文本
 
　　/* 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 的一種構造方法的詳細信息頁面。

　　清單 3. 使用 textRow 元素的 HTML 詳細信息頁面

　　<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> 標記內的所有內容都位于圓角矩形內，textRow <div> 用于分隔行。帶有 <h2> 標記的標題顯示為列表上方的組標簽。圖 10 顯示了最終頁面。

圖 10. java.math.BigDecimal 中的構造函數的詳細視圖
 

　　擁有三個導航級別和目標詳細信息頁面后，UI 就完成了。iDoc 使用戶可以專注于具體任務。借助 iUi 框架和一些定制的 CSS，它看上去很像本機 iPhone 應用程序。

　　開發 iDoc

　　現在已經設計了 UI，接下來需要編寫代碼來生成 HTML 文件。創建一個插入到 Sun 的 javadoc 命令中的簡單 doclet。我們的示例將使用標準 java.* 包，但是 iDoc 可以從任何源代碼生成 Javadoc。使用 OpenJDK 源代碼，因為它可以公開獲得并且 GNU Public License (GPL) V2 許可證允許我們生成和發布其 Javadoc。

　　使用 iDoc，只需迭代包和類并調用方法打印上述格式的靜態 HTML 頁面。清單 4 顯示打印目標詳細信息頁面的方法。