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

大鸡蛋
 大鸡蛋
发布于 2014年06月19日
收藏 106

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

什么是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的基本设计参数

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:CrossApp推出移动应用开发神器 CrossApp Style
加载中

最新评论(54

USIDCBBS
USIDCBBS
很不错的东西,强烈支持
大鸡蛋
大鸡蛋

引用来自“胜寒不姓胜”的评论

越来越牛逼了,以前一直观望着,该考虑着手试试了
感谢支持:)正式beta版本的时候,会有studio配合出现。。。。妈妈再也不用担心我们的ui布局啦。
OSC创始人
OSC创始人
越来越牛逼了,以前一直观望着,该考虑着手试试了
大鸡蛋
大鸡蛋

引用来自“RangerCD”的评论

mit协议要求被授权者开源修改后代码么?

引用来自“大鸡蛋”的评论

不需要,最宽松的协议,随便商用,无需担心。

引用来自“RangerCD”的评论

不知何时能够发布一个稳定的正式版,这个跨平台确实很灵活啊,尤其是对移动设备。
感谢,我们在持续努力,6月底我们会开放第一个正式的beta版本
大鸡蛋
大鸡蛋

引用来自“itfanr”的评论

大鸡蛋 你们的网站真难用。

引用来自“大鸡蛋”的评论

恩,感谢支持,说一下哪里不好用,我现在改。

引用来自“itfanr”的评论

帖子标题太大,没有帖子列表,没有分类。参考startbbs和v2ex网站 谢谢

引用来自“大鸡蛋”的评论

感谢意见!我一会儿和他们说一下!
我们现在没有产品经理,所以的确很多东西不人性化,感谢提意见,这些多我们都很重要,万分感谢!

引用来自“itfanr”的评论

嗯 希望首页不要展现帖子内容,打开速度慢不说,特别影响视觉,让用户找不到自己想要的东西,不如直接来个帖子列表直接。另外,你们的评论部分太粗糙了。。。建议如果精力不足,直接用discuz。官网发布的东西和讨论区分开。官网的话学习avos cloud的博客吧。讨论区还可以参考http://www.36kr.com/topics。
感谢详细信息反馈,我们会逐步优化这些问题,现在的确没有网页的产品经理,导致你看到的这些问题,感谢。
大鸡蛋
大鸡蛋

引用来自“haitaosoft”的评论

win下,先需要vs2012,再需要java,还需要python。。。。晕
一键环境搭建正在制作。目前是alpha,我们在不断迭代。
韭白
韭白
大赞
淘淘我的小宝宝
淘淘我的小宝宝
js脚本类转换跟原生c++执行效率相比差多少。
久永
久永

引用来自“树相马”的评论

这是个好项目,,,问题是:为什么不支持wp?

引用来自“大鸡蛋”的评论

暂时没有精力分散给wp,以后会。
感觉wp没必要,语言能有c#更有必要,正好互补~
R
RangerCD

引用来自“RangerCD”的评论

mit协议要求被授权者开源修改后代码么?

引用来自“大鸡蛋”的评论

不需要,最宽松的协议,随便商用,无需担心。
不知何时能够发布一个稳定的正式版,这个跨平台确实很灵活啊,尤其是对移动设备。
返回顶部
顶部