應用程式結構

---

bbUI工具包旨在能力逐步增強基於Web的能力呈現引擎BB5系列/ BB6 / BB7 /playbook和黑莓10。這意味著，在某些情況下，工具欄是固定的，而在別的情況下它們滾動內容。CSS用於生成使用者介面是由bbUI工具箱，這樣你不需要處理不同的佈局引擎的特性。

每個佈局和控制使用的自定義屬性data-bb——這樣工具包可以確定需要的控制型別，然後使用相應的風格。不新增任何佈局邏輯螢幕元素，bbUI可以以任何方式修改DOM，它需要這樣以達到期望的結果。

所有DOM操作發生在HTML片段不上 DOM生活 。這允許DOM操作發生非常非常快，它不產生任何WebView佈局計算，直到整個片段插入到DOM。佈局計算在JavaScript DOM操作是最昂貴的操作，可以降低一個基於Web的UI。

每個螢幕建立一個 HTML片段。通過AJAX載入到應用程式時，將DOM的大小和記憶體使用量降至最低。

應用程式的結構將會看起來像一個主要指標。htm提供應用程式的框架通過載入bbUI工具包CSS和JavaScript，然後每個螢幕將HTML片段。

HTML片段是什麼?

HTML片段（或文件片段）的HTML，您在單獨的一個Web伺服器上的檔案。在這種情況下或WebWorks應用程式。這些都是不完整的HTML文件，包括諸如<頭>和<身體>標記。 他們只是一個文件，其中包含一個div顯示。

對於bbUI，這些HTML片段單獨的螢幕。在其他一些工具包jQuery移動，這些螢幕有時會被載入到一個大文件，然後由有形/無形之間移動時螢幕。然而建立一個大型DOM，這是儲存在記憶體中，即使您的使用者可能永遠不會進入這些螢幕。通過這些螢幕一個單獨的檔案中，只有通過載入他們需求 Ajax 你減少記憶體開銷。

儘管每個螢幕都是

我如何載入螢幕?

為您的應用程式建立一個螢幕的第一步是建立一個HTML片段檔案。在這個檔案中您將建立一個螢幕定義。這是每個螢幕的基礎，您將建立在您的應用程式。

之前您需要載入您的第一個螢幕初始化bbUI工具包。一旦初始化工具包推你的第一個螢幕。

bbUI工具包運作在螢幕上堆疊正規化。你基本上推和流行螢幕的堆疊，堆疊大多數螢幕頂部顯示給終端使用者。 推動和的螢幕可以通過設定動畫效果在你的螢幕HTML片段。bbUI工具箱處理所有“啪”或“返回”操作。 您可以簡單地指定特定的按鈕“後退”按鈕,工具箱將處理出現的螢幕當使用者選擇按鈕。在黑莓作業系統智慧手機硬體物理“返回”鍵是跌入到bbUI使用黑莓WebWorks api自動陷阱，使用者互動和流行當前螢幕。

推動一個螢幕壓入堆疊一樣簡單地提供路徑為螢幕和一個HTML片段惟一的ID螢幕上的堆疊。

bb.pushScreen('myscreen.htm', 'myUniqueId');

如果您需要將資訊傳遞給你的螢幕還可以提供一個可選的第三個引數。這第三個引數可以是任何物件。通過提供這個引數將傳遞到 onscreenready和ondomready事件，每次載入螢幕，這樣你就可以檢索它的內容。

bb.pushScreen('myscreen.htm', 'myUniqueId', {'myid' : 23});

宣告式和JavaScript

目前bbUI非常宣告性的。建立螢幕HTML片段時，負載在螢幕和允許bbUI風格匹配裝置的使用者體驗。但是有兩種方法來操縱你的螢幕之前 , 後它已經被載入。

之前你可以操縱螢幕上的內容bbUI樣式被分配一個JavaScript函式的應用 onscreenready 事件和操縱DOM HTML片段。你也可以指定一個JavaScript函式 ondomready 事件將火螢幕樣式後，插入到DOM中。這兩個事件期間分配工具包的初始化。

操縱螢幕的外觀和感覺後插入到DOM與bbUI仍有點挑戰性。v0.9.4里程碑將使用這個更好的方法。目前有一些api提供的不同控制更新它們，同時可見。

需要更多bbUI Tos如何?

如果你正在尋找更多的開始資訊請登入一個github的問題，或聯絡 @BlackBerryDev 或 @brcewane。