自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

CrossApp推出移動應(yīng)用開發(fā)神器CrossApp Style

移動開發(fā) Android
目前還處于alpha版本的CrossApp又進(jìn)行了一次迭代,這是本周的第二次迭代,官方稱這是非常重要的一次版本迭代,在alpha V0.1.11版本中推出了一個叫做CrossApp Style的體系,那什么是CrossApp Style呢?

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

什么是CrossApp Style

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

CrossApp Style的體系

CrossApp Style里面,將用戶很多不同風(fēng)格的主題庫,在V0.1.11版本中引擎自帶了CrossApp默認(rèn)藍(lán)色主題風(fēng)格,CrossApp Style在未來幾周內(nèi)還將陸續(xù)提供的更多的主題風(fēng)格其中包括iOS風(fēng)格、水墨風(fēng)格、粉Q風(fēng)格等,CrossApp Style的每種主題風(fēng)格都是由以下3個部分組成:美術(shù)設(shè)計+交互體驗設(shè)計+控件封裝。

所有主題風(fēng)格的美術(shù)設(shè)計資源,在CrossApp源碼的CrossApp Style目錄中可以對應(yīng)找到不同主題風(fēng)格的美術(shù)資源。

產(chǎn)品經(jīng)理們針對每種主題風(fēng)格,力求用戶交互體驗達(dá)到***效果,每種主題的元素的參數(shù)規(guī)格都有嚴(yán)格的默認(rèn)制定標(biāo)準(zhǔn)(如果需要,可以隨時自己定制自己修改)。

在引擎原生的UI控件上進(jìn)行二次封裝,并為每種主題風(fēng)格提供了相應(yīng)的完整Demo模板,可以直接運(yùn)行對應(yīng)的主題風(fēng)格觀看實際效果。這樣大大的縮短了開發(fā)周期開發(fā)者可以直接使用CrossApp Style里的主題風(fēng)格進(jìn)行開發(fā)。如果需要修改主題,可直接修改源碼對應(yīng)的接口。

CrossApp Style默認(rèn)主題風(fēng)格

以下是CrossApp默認(rèn)主題風(fēng)格的設(shè)計效果圖:

下面為實際應(yīng)用到CrossApp的demo中的效果(現(xiàn)代碼中的demo實際截圖):

***版CrossApp的默認(rèn)主題風(fēng)格基于iphone5的分辨率640*1136設(shè)計的,支持不同分辨率的自適應(yīng)。下表為部分UI的基本設(shè)計參數(shù)

CANaviagtionBar:

頂部邊距

字體大小

640px

88px

41px

34px

 

CAButton:

字體大小

不可選狀態(tài)色值

選中狀態(tài)色值

120px

58px

34px

#cccccc

#3399cc

 

CASwith:

開關(guān)按鈕寬

開關(guān)按鈕高

90px

46px

44px

44px

 

CAProgress:

背景色

500px

2px

#cccccc

 

CASlider:

滑塊邊框色值

開關(guān)按鈕高

90px

46px

#cdf3ff

2px

 

CASegmentedControl:

子項寬

子項高

字體大小

120px

58px

28px

 

CAAlertView:

邊框色值

背景色值

字體大小

輸入框提示信息

輸入框邊框

輸入框?qū)?/span>

輸入框高

按鈕寬

按鈕高

按鈕字體大小

#33ccff

540px

#fafafa

28px

#cccccc

#cccccc

468px

60px

220px

58px

34px

 

 

 

CATabBar:

標(biāo)題字體大小

128px

98px

20px



關(guān)于CrossApp

CrossApp是一款免費、開源、跨平臺的App開發(fā)引擎,基于MIT開源協(xié)議,使用C++開發(fā),基于OpenGL ES 2.0渲染,可以幫助所有開發(fā)者快速的開發(fā)出跨平臺的原生移動應(yīng)用,目前主要支持導(dǎo)出iOS和Android。

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

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

責(zé)任編輯:閆佳明 來源: cnii
相關(guān)推薦

2014-06-04 10:37:20

CrossApp開源跨平臺開發(fā)引擎

2014-07-22 11:09:19

CrossAppV0.3.0跨平臺引擎

2014-10-14 11:25:56

CrossApp開發(fā)引擎移動App

2014-12-22 13:29:19

CrossAppWebView

2014-08-21 17:12:48

APP開發(fā)引擎

2014-07-08 11:10:39

移動端分辨率適配

2014-05-26 15:17:10

CrossApp開源跨平臺開發(fā)引擎

2014-07-04 16:23:15

開發(fā)者CrossApp

2014-09-26 22:21:33

2014-06-05 15:14:50

CrossApp開源跨平臺開發(fā)引擎

2014-05-28 14:10:11

CrossApp

2014-06-11 09:56:54

CrossApp

2014-09-11 17:13:36

游戲云UCloudITM

2014-06-18 11:15:47

CrossAppBUG開源

2014-12-09 10:24:53

CrossApp開源

2015-03-02 14:09:11

CrossApp更新

2021-07-30 05:51:53

移動應(yīng)用PerfDog工具

2011-12-20 17:19:20

Rexsee

2012-03-23 22:31:10

移動支付

2016-01-31 08:24:33

設(shè)計
點贊
收藏

51CTO技術(shù)棧公眾號