本篇文章給大家分享的是有關(guān)移動(dòng)應(yīng)用開發(fā)工具CrossApp Style怎么用,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的,是企業(yè)文化與產(chǎn)品對(duì)外擴(kuò)展宣傳的重要窗口,一個(gè)合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái),成都創(chuàng)新互聯(lián)公司面向各種領(lǐng)域:成都小攪拌車等網(wǎng)站設(shè)計(jì)、成都營銷網(wǎng)站建設(shè)解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。
什么是CrossApp Style
CrossApp Style是一個(gè)體系,CrossApp Style里面將包含無數(shù)個(gè)主題風(fēng)格,每個(gè)主題風(fēng)格都是深度定制的一套包含了移動(dòng)應(yīng)用開發(fā)所需的UI控件庫。CrossApp致力于為開發(fā)者提供一種高效、快速、低成本的開發(fā)模式,這同樣也是CrossApp Style的誕生原因。CrossApp Style未來將為開發(fā)者提供成百上千套各個(gè)風(fēng)格的控件主題庫,開發(fā)者無需做任何修改即可直接在開發(fā)過程中使用,CrossApp Style內(nèi)的官方自主開發(fā)的主題風(fēng)格庫將不斷增加,同時(shí)也可接納更多外部開發(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個(gè)部分組成:美術(shù)設(shè)計(jì)+交互體驗(yàn)設(shè)計(jì)+控件封裝。

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

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

在引擎原生的UI控件上進(jìn)行二次封裝,并為每種主題風(fēng)格提供了相應(yīng)的完整Demo模板,可以直接運(yùn)行對(duì)應(yīng)的主題風(fēng)格觀看實(shí)際效果。這樣大大的縮短了開發(fā)周期開發(fā)者可以直接使用CrossApp Style里的主題風(fēng)格進(jìn)行開發(fā)。如果需要修改主題,可直接修改源碼對(duì)應(yīng)的接口。
CrossApp Style默認(rèn)主題風(fēng)格
以下是CrossApp默認(rèn)主題風(fēng)格的設(shè)計(jì)效果圖:
下面為實(shí)際應(yīng)用到CrossApp的demo中的效果(現(xiàn)代碼中的demo實(shí)際截圖):
***版CrossApp的默認(rèn)主題風(fēng)格基于iphone5的分辨率640*1136設(shè)計(jì)的,支持不同分辨率的自適應(yīng)。下表為部分UI的基本設(shè)計(jì)參數(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:
子項(xiàng)寬 | 子項(xiàng)高 | 字體大小 |
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是一款免費(fèi)、開源、跨平臺(tái)的App開發(fā)引擎,基于MIT開源協(xié)議,使用C++開發(fā),基于OpenGL ES 2.0渲染,可以幫助所有開發(fā)者快速的開發(fā)出跨平臺(tái)的原生移動(dòng)應(yīng)用,目前主要支持導(dǎo)出iOS和Android。
以上就是移動(dòng)應(yīng)用開發(fā)工具CrossApp Style怎么用,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前題目:移動(dòng)應(yīng)用開發(fā)工具CrossAppStyle怎么用
分享網(wǎng)址:http://www.jbt999.com/article4/jsdiie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、動(dòng)態(tài)網(wǎng)站、云服務(wù)器、微信小程序、網(wǎng)站維護(hù)、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)