建站
咨詢
售后
建站咨詢
新聞中心
昨日，目前還處于alpha版本的CrossApp又進(jìn)行了一次迭代，這是本周的第二次迭代，官方稱這是非常重要的一次版本迭代，在alpha V0.1.11版本中推出了一個叫做CrossApp Style的體系，那什么是CrossApp Style呢？
從網(wǎng)站建設(shè)到定制行業(yè)解決方案，為提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計服務(wù)體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案，助力業(yè)務(wù)快速發(fā)展。創(chuàng)新互聯(lián)建站將不斷加快創(chuàng)新步伐，提供優(yōu)質(zhì)的建站服務(wù)。
什么是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ī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ū)?/p> |
輸入框高 |
按鈕寬 |
按鈕高 |
按鈕字體大小 |
|
#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
網(wǎng)頁題目：CrossApp推出移動應(yīng)用開發(fā)神器CrossAppStyle
當(dāng)前鏈接：http://www.5511xx.com/article/coesjjh.html
