WebSphere快速入門(9)

3．添加與定制樣式庫
在樣式庫中添加 JavaBean。只要單擊添加按鈕，就將出現對話框（參見圖3-6）以進行選擇。典型情況下可以從 .jar 文件添加現有的 bean。為此目的，單擊“從 jar 文件中添加 bean”單選按鈕，在文本框中輸入 jar 文件的路徑或單擊查找...按鈕以查找所需的 .jar 文件。使用分類域中的下拉列表以指定添加 bean 的樣式庫分類。單擊確定增加 bean。如果指定的 jar 文件有多個 bean，所有的將添加到指定的分類中。如果想要在添加 bean 時添加新的分類，只要在分類域中輸入新名稱。然后單擊確定添加 bean 和新的分類。注意：也可通過將 .jar 文件放置到 BeanBuilder 的“Beans”文件夾將 bean 添加到樣式庫中?！癇eans”文件夾包含所有 bean 的 BeanBuilder 樣式庫。下一次 BeanBuilder 啟動時，它將會探測到新添了 bean，并自動將它添加到樣式庫中。BeanBuilder 選擇 jar 文件的名稱作為 bean 分類的名稱。通常也可以用VA Java來創建beans，然后添加到BeanBuilder 樣式庫。
除了向 BeanBuilder 樣式庫添加以外，還可以定制樣式庫。要定制樣式庫，單擊樣式庫上的定制按鈕。這將顯示對話框以提供選項?？梢灾匦屡帕?bean、隱藏 bean 或刪除它們。
    (1) 要重新排列樣式庫中的 bean，可在列表中選擇想要移動的 bean，并使用箭頭按鈕在列表中移動它到想要的位置。甚至可以移動它到另一個分類。

                                    圖3-6：添加到樣式庫  

    (2) 也可以隱藏特定的 bean 或整個分類的 bean。要隱藏 bean 或分類，可單擊它旁邊的復選框。如果框包含復選標記，此特定 bean 或分類將顯示在樣式庫中。如果框不包含復選標記，bean 或分類將在視圖中隱藏。
    (3) 要完全刪除 bean，突出顯示該 bean 并單擊刪除按鈕。如果可能以后需要該 bean，可使用隱藏替代刪除，這樣能夠快速恢復此 bean 而不用重新增加它到樣式庫中。
注意：雖然可以刪除創建的分類，但不能刪除 BeanBuilder 所帶的分類。要注意到刪除按鈕在這些分類突出顯示時，是不能使用的。如果刪除分類，所有的 bean 將會消失。
    4．構建applet
    單擊 Windows 的“開始”按鈕，從“程序”菜單中啟動 BeanBuilder 進入“新建applet向導”?？梢酝ㄟ^這個向導快速創建第一個applet。閱讀并熟悉向導，在準備就緒之后單擊“下一步”，在“動畫”附簽中選擇“是”。單擊“查找”定位動畫的第一幀，將BeanBuilder安裝目錄的doc 文件夾中的 dot001.jpg 作為動畫的第一幀。BeanBuilder 使用相同的基礎文件名（dot002.jpg、dot003.jpg 等）在第一幀圖像所在的文件夾中搜索其他序號的文件，從而自動定義動畫的其余幀。在本樣例中，BeanBuilder 查找到 7 個文件來完成動畫。BeanBuilder 自動識別動畫中剩余幀。選擇“中速”定義動畫的播放速度?？梢詥螕簟邦A覽”按鈕預覽動畫的播放效果。這樣就簡單的完成了動畫的創建。單擊“完成”繼續下面的操作。此時的設計器窗口如圖3-7所示：
                                  圖3-7：設計器窗口  

    下面讓我們通過創建“連接”來使它動起來。連接可以看作是兩個部件之間的命令或交互作用。連接的作用方式為“當事件發生時，執行操作”。操作可以是諸如播放聲音剪輯或者設置屬性（背景顏色）之類的任意動作。在本樣例中，操作就是播放動畫。記住，所有的操作都要由事件觸發。通過直接定義觸發操作的事件來創建連接。在本樣例中，我們需要在單擊按鈕之后開始播放動畫。因此在創建連接之前，首先添加一個按鈕。
    BeanBuilder 中提供了多種按鈕，可以使用標準按鈕或是更為生動的感應按鈕。感應按鈕中附加了一些內置特性，當將鼠標移動到感應按鈕上，或者在其上按下鼠標時，可以自動顯示不同的圖像。首先確保樣式庫中顯示多媒體分類；如果沒有，從下拉框中選擇它。當多媒體分類出現后，單擊感應按鈕 bean。此時的光標將轉換成十字指針，并且裝載感應按鈕 。下一步，將光標移動到applet畫布上，單擊鼠標并放置 bean。需要設置某些屬性，以便定制感應按鈕?？梢栽谠敿毿畔⒋翱诘膶傩愿胶炛袑⒏袘粹o鏈接到創建的圖片文件上。根據按鈕狀態的不同，顯示的圖片也有所不同：
    (1) 正常圖片：鼠標指針沒有移動到按鈕上時的圖片。
    (2) 移入時圖片：鼠標指針移動到按鈕上時的圖片。
    (3) 按下時的圖片：鼠標單擊按鈕時的圖片。
    (4) 禁止時圖片：用戶不能操作按鈕時的圖片。
    在詳細信息窗口的屬性附簽中為不同的感應按鈕狀態指定不同的圖片。選擇圖片屬性，然后單擊右邊的按鈕。屏幕上將顯示“打開”對話框，可以指定 3LSbutton3.jpg 作為圖片屬性，3LSbutton3P.jpg和 3LSbutton3R.jpg分別作為按下時圖片和移入時圖片屬性。將按鈕的名稱屬性修改為3LostSoulsButton。如果沒有定義感應按鈕的移入時圖片、單擊時圖片或者禁止時圖片，那么 BeanBuilder 將使用已經指定的藝術圖片。
在創建連接之前，選擇動畫 bean 并且將它的自動啟動屬性設置為否。如果將這個屬性設置為是，自動啟動屬性將告訴applet在啟動時自動播放動畫。但是，在本樣例中，我們希望單擊感應按鈕之后再播放動畫?，F在，我們開始創建連接。首先，必須確定選中按鈕。通過下面的三種方法可以知道當前選中的 bean：選中 bean 的四周會顯示選取控制端點，它的名稱會顯示在詳細信息窗口的標題條中，它的名稱會顯示在主工具條的選定 Bean 的下拉列表中。如果選中了感應按鈕，那么詳細信息窗口（參見圖3-8）的標題條將顯示詳細信息—3LostSoulsButton。單擊連接附簽，由于還沒有定義任何連接，此時連接列表的內容為空。在事件下面選擇第一個元素，屏幕上將顯示一個下拉列表，可以在這里查看感應按鈕的事件。因為我們希望單擊按鈕后播放動畫，因此從列表中選擇“單擊”。接著選擇 Bean 下面的元素，在這里查看當前applet中可以與感應按鈕進行連接的 bean。在列表中選擇動畫1，最后的單元是操作列表，可以在這里查看單擊感應按鈕時動畫 bean 執行的操作。為使動畫在單擊按鈕時開始，選擇啟動操作。
                                 圖3-8：詳細信息窗口  

    現在，請保存這個applet。保存之后，可以單擊主工具條上的運行按鈕進行測試。短暫的停頓之后，屏幕上將出現applet查看器（Applet Viewer）窗口并顯示剛創建的運行applet。單擊按鈕測試動畫的播放效果。測試完成之后，關閉applet查看器窗口。
    通過類似的方法，可以添加聲音并創建一些有趣的連接。單擊主工具條上的試演按鈕可以進行試演。單擊主工具條上的發布按鈕可以將剛才創建的 3 Lost Souls applet中包含的圖像文件、動畫文件以及 BeanBuilder 創建的 Java (.class) 文件放到服務器上。單擊主工具條上的發布按鈕啟動發布向導，在向導的指導下將applet放置在本地文件系統或遠程的任何地方。在這里，我們將applet發布到本地文件系統。定位域中已經添入文件夾名 Publish。這是運行applet所需的所有文件的位置。當然，可以修改此文件夾為所需文件夾。在發布向導上單擊完成按鈕之后，BeanBuilder 整理applet中包含的所有文件并把它們復制到指定的文件夾中。如果已經設置好 Web 服務器，那么只需把這些文件從發布文件夾復制到服務器的文件夾中即可。記住，必須把applet中的所有文件和 Java (.class) 文件放置在服務器的同一個文件夾中，以便applet能夠正確運行。這樣就完成Java動畫的開發和發布。
    總之， BeanBuilder 是一個applet開發環境。它提供了非常靈活的手段，幫助用戶發揮 Java 的強大功能，并自帶豐富的JavaBeans。它使得放置可視化控件、創建動畫applet、寫簡單的Java代碼變得容易。對需要客戶端動態的頁面，applet是理想的，而BeanBuilder是開發applet的及其優越的可視化制作工具。

原文轉自：http://www.anti-gravitydesign.com