CrossApp推出移動應用開發神器CrossApp Style

發表於2019-05-11

昨日,目前還處於alpha版本的CrossApp又進行了一次迭代,這是本週的第二次迭代,官方稱這是非常重要的一次版本迭代,在alpha V0.1.11版本中推出了一個叫做CrossApp Style的體系,那什麼是CrossApp Style呢?

什麼是CrossApp Style

CrossApp Style是一個體系,CrossApp Style裡面將包含無數個主題風格,每個主題風格都是深度定製的一套包含了移動應用開發所需的UI控制元件庫。CrossApp致力於為開發者提供一種高效、快速、低成本的開發模式,這同樣也是CrossApp Style的誕生原因。CrossApp Style未來將為開發者提供成百上千套各個風格的控制元件主題庫,開發者無需做任何修改即可直接在開發過程中使用,CrossApp Style內的官方自主開發的主題風格庫將不斷增加,同時也可接納更多外部開發者提供的主題庫。

CrossApp Style的體系

CrossApp Style裡面,將使用者很多不同風格的主題庫,在V0.1.11版本中引擎自帶了CrossApp預設藍色主題風格,CrossApp Style在未來幾周內還將陸續提供的更多的主題風格其中包括iOS風格、水墨風格、粉Q風格等,CrossApp Style的每種主題風格都是由以下3個部分組成:美術設計+互動體驗設計+控制元件封裝。

1.美術設計資源(UI)

所有主題風格的美術設計資源,在CrossApp原始碼的CrossApp Style目錄中可以對應找到不同主題風格的美術資源。

2.使用者體驗(UE)

產品經理們針對每種主題風格,力求使用者互動體驗達到最佳效果,每種主題的元素的引數規格都有嚴格的預設制定標準(如果需要,可以隨時自己定製自己修改)。

3. 控制元件封裝(code)

在引擎原生的UI控制元件上進行二次封裝,併為每種主題風格提供了相應的完整Demo模板,可以直接執行對應的主題風格觀看實際效果。這樣大大的縮短了開發週期開發者可以直接使用CrossApp Style裡的主題風格進行開發。如果需要修改主題,可直接修改原始碼對應的介面。

CrossApp Style預設主題風格

以下是CrossApp預設主題風格的設計效果圖:

下面為實際應用到CrossApp的demo中的效果(現程式碼中的demo實際截圖):

第一版CrossApp的預設主題風格基於iphone5的解析度640*1136設計的,支援不同解析度的自適應。下表為部分UI的基本設計引數

關於CrossApp

CrossApp是一款免費、開源、跨平臺的App開發引擎,基於MIT開源協議,使用C++開發,基於OpenGL ES 2.0渲染,可以幫助所有開發者快速的開發出跨平臺的原生移動應用,目前主要支援匯出IOS和Android。

下載地址:http://git.oschina.net/9miao/CrossApp

WIKI地址:http://www.9miao.com/product-list-16.html?from=wall

CrossApp CSDN@Code :https://code.csdn.net/u012819168/crossapp

評論(1)

相關文章