昨日，目前還處於alpha版本的CrossApp又進行了一次迭代，這是本週的第二次迭代，官方稱這是很是重要的一次版本迭代，在alpha V0.1.11版本中推出了一個叫作CrossApp Style的體系，那什麼是CrossApp呢？html
什麼是CrossApp Stylegit
CrossApp Style是一個體系，CrossApp Style裏面將包含無數個主題風格，每一個主題風格都是深度定製的一套包含了移動應用開發所需的UI控件庫。CrossApp致力於爲開發者提供一種高效、快速、低成本的開發模式，這一樣也是CrossApp Style的誕生緣由。CrossApp Style將來將爲開發者提供成百上千套各個風格的控件主題庫，開發者無需作任何修改便可直接在開發過程當中使用，CrossApp Style內的官方自主開發的主題風格庫將不斷增長，同時也可接納更多外部開發者提供的主題庫。iphone
CrossApp Style的體系ide
CrossApp Style裏面，將用戶不少不一樣風格的主題庫，在V0.1.11版本中引擎自帶了CrossApp默認藍色主題風格，CrossApp Style在將來幾周內還將陸續提供的更多的主題風格其中包括iOS風格、水墨風格、粉Q風格等，CrossApp Style的每種主題風格都是由如下3個部分組成：美術設計+交互體驗設計+控件封裝。字體
1. 美術設計資源（UI）spa
全部主題風格的美術設計資源，在CrossApp源碼的CrossApp Style目錄中能夠對應找到不一樣主題風格的美術資源。.net
2. 用戶體驗（UE）設計
產品經理們針對每種主題風格，力求用戶交互體驗達到最佳效果，每種主題的元素的參數規格都有嚴格的默認制定標準（若是須要，能夠隨時本身定製本身修改）。code
3. 控件封裝（code）移動應用開發
在引擎原生的UI控件上進行二次封裝，併爲每種主題風格提供了相應的完整Demo模板，能夠直接運行對應的主題風格觀看實際效果。這樣大大的縮短了開發週期開發者能夠直接使用CrossApp Style裏的主題風格進行開發。若是須要修改主題，可直接修改源碼對應的接口。
CrossApp Style默認主題風格
如下是CrossApp默認主題風格的設計效果圖：
下面爲實際應用到CrossApp的demo中的效果（現代碼中的demo實際截圖）：
初版CrossApp的默認主題風格基於iphone5的分辨率640*1136設計的，支持不一樣分辨率的自適應。下表爲部分UI的基本設計參數
CANaviagtionBar
| 寬 |
高 |
頂部邊距 |
字體大小 |
| 640px |
88px |
41px |
34px |
CAButton
| 寬 |
高 |
字體大小 |
不可選狀態色值 |
選中狀態色值 |
| 120px |
58px |
34px |
#cccccc |
#3399cc |
CASwith
| 寬 |
高 |
開關按鈕寬 |
開關按鈕高 |
| 90px |
46px |
44px |
44px |
CAProgress
| 寬 |
高 |
背景色 |
| 500px |
2px |
#cccccc |
CASlider：
| 寬 |
高 |
滑塊邊框色值 |
開關按鈕高 |
| 90px |
46px |
#cdf3ff |
2px |
CASegmentedControl
| 子項寬 |
子項高 |
字體大小 |
| 120px |
58px |
28px |
CAAlertView
| 邊框色值 |
寬 |
背景色值 |
字體大小 |
輸入框提示信息 |
輸入框邊框 |
輸入框寬 |
輸入框高 |
按鈕寬 |
按鈕高 |
按鈕字體大小 |
| #33ccff |
540px |
#fafafa |
28px |
#cccccc |
#cccccc |
468px |
60px |
220px |
58px |
34px
|
CATabBar
| 寬 |
高 |
標題字體大小 |
| 128px |
98px |
20px |
關於CrossApp
CrossApp是一款免費、開源、跨平臺的App開發引擎，基於MIT開源協議，使用C++開發，基於OpenGL ES 2.0渲染，能夠幫助全部開發者快速的開發出跨平臺的原生移動應用，目前主要支持導出IOS和 Android。