CrossApp推出移动应用开发神器CrossApp Style

移动开发 Android
目前还处于alpha版本的CrossApp又进行了一次迭代,这是本周的第二次迭代,官方称这是非常重要的一次版本迭代,在alpha V0.1.11版本中推出了一个叫做CrossApp Style的体系,那什么是CrossApp Style呢?

昨日,目前还处于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个部分组成:美术设计+交互体验设计+控件封装。

所有主题风格的美术设计资源,在CrossApp源码的CrossApp Style目录中可以对应找到不同主题风格的美术资源。

产品经理们针对每种主题风格,力求用户交互体验达到***效果,每种主题的元素的参数规格都有严格的默认制定标准(如果需要,可以随时自己定制自己修改)。

在引擎原生的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。

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

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

责任编辑:闫佳明 来源: cnii
相关推荐

2014-06-04 10:37:20

CrossApp开源跨平台开发引擎

2014-07-22 11:09:19

CrossAppV0.3.0跨平台引擎

2014-10-14 11:25:56

CrossApp开发引擎移动App

2014-12-22 13:29:19

CrossAppWebView

2014-08-21 17:12:48

APP开发引擎

2014-07-08 11:10:39

移动端分辨率适配

2014-05-26 15:17:10

CrossApp开源跨平台开发引擎

2014-07-04 16:23:15

开发者CrossApp

2014-09-26 22:21:33

2014-06-05 15:14:50

CrossApp开源跨平台开发引擎

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开源

2015-03-02 14:09:11

CrossApp更新

2014-12-09 10:24:53

CrossApp开源

2011-12-20 17:19:20

Rexsee

2021-07-30 05:51:53

移动应用PerfDog工具

2012-03-23 22:31:10

移动支付

2016-01-31 08:24:33

设计
点赞
收藏

51CTO技术栈公众号