ext官網在4月22日推出了ext designer 1.0正式版，該版本可以試用14天。下面就是筆者的試用過程。
安裝過程很簡單，在這裡就不贅述了。
軟體執行後，將出現乙個下圖所示的註冊視窗：
這裡需要乙個官網論壇帳號。
註冊後，將顯示以下視窗：
單擊「new project
」開始乙個新專案，然後會看到下圖的設計視窗。
設計視窗和我們習慣的
ide工具一樣。下面我們嘗試製作乙個傳統的
3個區域布局介面。
首先在左邊控制項的「
containers
」中找到「
viewport
」，將其拖入設計區域，將看到如下圖的結果。
單擊設計區域「
viewport
」右上角的齒輪按鈕，將看到如下圖所示的小視窗。
在下拉列表中選擇「
border
」。這樣就定義了
viewport
內將使用「
borderlayout
」作為容器。
在左邊「
containers
」內將乙個「
panel
」拖到「
viewport
」內，單擊「
panel
」右上角的齒輪圖示將其「
layout
」修改為「
fit」，「
region
」修改為「
north
」。然後在右邊「
component config
」中將其「
height
」設定為
28，「
hedaer
」和「border
」設定為不選擇。
然後將乙個「
*******
」加入到
panel
中。將乙個「
button
」拖到「
*******
」內，修改其「
text
」為「檔案」。然後單擊齒輪圖示，增加「新建」和「開啟」兩個子選單。完成後將看到如下圖所示的結果。
接著將乙個「
treepanel
」拖到「
viewport
」中，並對應修改以下屬性： l
title
：目錄
lwidth
：200 l
minwidth
：300 l
region
：west l
split
：勾上
完成後，將乙個「
tabpanel
」拖到「
viewport
」內。最後結果如下圖所示。
經過以上幾個步驟就輕鬆完成了乙個介面的布局。現在我們來看看其生成的**。
生成的**分兩種，一種是類**，一種是
json
**。
生成的類**如下：
myviewportui = ext.extend(ext.viewport, ,]}
}]}},
,loader: },,
,]}];
myviewportui.superclass.initcomponent.call(this);
}});
生成的json
**如下： ,
]}}]
}},,"loader": {}},,
,]}]
} 從**中可以看出，類**對於實現**的模組化是相當實用。當然，簡單的
json
**也提供了另外一種選擇。
總體來說，
ext designer
是乙個不錯的
ui輔助設計工具，比較簡單實用。不過軟體的穩定性還需要加強，筆者在寫這篇博文的試用過程中就崩潰過幾次。
至於軟體的**，單使用者人民幣不到
1200
的**對公司來說還是可以接受。
ext designer
Adobe Spark試用手記
5月，夏，初夏。乙個不起眼的日子，起眼的是一家公司，一款產品，它叫adobe，它叫spark。沒有人知道adobe究竟有沒有發布過多終端產品，真正意義的多終端產品，它儼然動手了，就在一周之前，乾脆利落，不帶一絲遲疑。世人盡知adobe之名，源於其客戶端軟體之研發，尤長於photoshop，顯於fla...
EqualLogic PS5000試用手記
equallogic ps5000試用手記之一 先睹為快 equallogic ps5000試用手記之二 出師不利 equallogic ps5000試用手記之三 雲開見日 equallogic ps5000試用手記之四 從零開始 equallogic ps5000試用手記之五 小試牛刀 equal...
JIRA3 5 2試用手記
一直以來都是用ms project系列來管理專案的，由於沒有配置伺服器所以它們沒有起到應有的作用，而僅僅是我自己乙個人對專案的管理，如生成各種報表，將每個組員的任務製成 狀態跟蹤等等，一點也沒有協同的感覺。後來看到許多的人都在使用jira，說其能夠整合多種管理工具，並且協同性比較強，完全架構在j2e...