昨日,目前还处于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。
引用来自“胜寒不姓胜”的评论
越来越牛逼了,以前一直观望着,该考虑着手试试了引用来自“RangerCD”的评论
mit协议要求被授权者开源修改后代码么?引用来自“大鸡蛋”的评论
不需要,最宽松的协议,随便商用,无需担心。引用来自“RangerCD”的评论
不知何时能够发布一个稳定的正式版,这个跨平台确实很灵活啊,尤其是对移动设备。引用来自“itfanr”的评论
大鸡蛋 你们的网站真难用。引用来自“大鸡蛋”的评论
恩,感谢支持,说一下哪里不好用,我现在改。引用来自“itfanr”的评论
帖子标题太大,没有帖子列表,没有分类。参考startbbs和v2ex网站 谢谢引用来自“大鸡蛋”的评论
感谢意见!我一会儿和他们说一下!我们现在没有产品经理,所以的确很多东西不人性化,感谢提意见,这些多我们都很重要,万分感谢!
引用来自“itfanr”的评论
嗯 希望首页不要展现帖子内容,打开速度慢不说,特别影响视觉,让用户找不到自己想要的东西,不如直接来个帖子列表直接。另外,你们的评论部分太粗糙了。。。建议如果精力不足,直接用discuz。官网发布的东西和讨论区分开。官网的话学习avos cloud的博客吧。讨论区还可以参考http://www.36kr.com/topics。引用来自“haitaosoft”的评论
win下,先需要vs2012,再需要java,还需要python。。。。晕引用来自“树相马”的评论
这是个好项目,,,问题是:为什么不支持wp?引用来自“大鸡蛋”的评论
暂时没有精力分散给wp,以后会。引用来自“RangerCD”的评论
mit协议要求被授权者开源修改后代码么?引用来自“大鸡蛋”的评论
不需要,最宽松的协议,随便商用,无需担心。引用来自“haitaosoft”的评论
win下,先需要vs2012,再需要java,还需要python。。。。晕引用来自“haitaosoft”的评论
win下,先需要vs2012,再需要java,还需要python。。。。晕引用来自“itfanr”的评论
大鸡蛋 你们的网站真难用。引用来自“大鸡蛋”的评论
恩,感谢支持,说一下哪里不好用,我现在改。引用来自“itfanr”的评论
帖子标题太大,没有帖子列表,没有分类。参考startbbs和v2ex网站 谢谢引用来自“大鸡蛋”的评论
感谢意见!我一会儿和他们说一下!我们现在没有产品经理,所以的确很多东西不人性化,感谢提意见,这些多我们都很重要,万分感谢!
引用来自“迷失-途中”的评论
9秒V5引用来自“zn123”的评论
只支持 2.3 以上版本的 android 了吧引用来自“itfanr”的评论
大鸡蛋 你们的网站真难用。引用来自“大鸡蛋”的评论
恩,感谢支持,说一下哪里不好用,我现在改。引用来自“itfanr”的评论
帖子标题太大,没有帖子列表,没有分类。参考startbbs和v2ex网站 谢谢我们现在没有产品经理,所以的确很多东西不人性化,感谢提意见,这些多我们都很重要,万分感谢!
引用来自“leijiao”的评论
能用js或者lua写就考虑采用引用来自“大鸡蛋”的评论
以后会有js和lua版本,在官方有说明,下个月就会推出js版本。引用来自“世尘悉洞”的评论
有js版本就太爽了。。。引用来自“itfanr”的评论
大鸡蛋 你们的网站真难用。引用来自“大鸡蛋”的评论
恩,感谢支持,说一下哪里不好用,我现在改。引用来自“leijiao”的评论
能用js或者lua写就考虑采用引用来自“大鸡蛋”的评论
以后会有js和lua版本,在官方有说明,下个月就会推出js版本。引用来自“世尘悉洞”的评论
有js版本就太爽了。。。引用来自“leijiao”的评论
能用js或者lua写就考虑采用引用来自“大鸡蛋”的评论
以后会有js和lua版本,在官方有说明,下个月就会推出js版本。引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“大鸡蛋”的评论
非常简单,下周我们会出一些教程,同时也会直接集成进来,特别简单引用来自“leijiao”的评论
ui适配呢?各分辨率的引用来自“大鸡蛋”的评论
是自适应的引用来自“ahedy”的评论
android 多屏幕能自适应???? 效果咋样。。。引用来自“世尘悉洞”的评论
对C++不会的人表示不友好啊。引用来自“itfanr”的评论
大鸡蛋 你们的网站真难用。引用来自“leijiao”的评论
能用js或者lua写就考虑采用引用来自“树相马”的评论
这是个好项目,,,问题是:为什么不支持wp?引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“大鸡蛋”的评论
非常简单,下周我们会出一些教程,同时也会直接集成进来,特别简单引用来自“leijiao”的评论
ui适配呢?各分辨率的引用来自“大鸡蛋”的评论
是自适应的引用来自“树相马”的评论
这是个好项目,,,问题是:为什么不支持wp?引用来自“创造奇迹的计划”的评论
我草 这个我要看看引用来自“suntingting”的评论
ff引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“大鸡蛋”的评论
非常简单,下周我们会出一些教程,同时也会直接集成进来,特别简单引用来自“leijiao”的评论
ui适配呢?各分辨率的引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“大鸡蛋”的评论
非常简单,下周我们会出一些教程,同时也会直接集成进来,特别简单这样就完美了,可以考虑mono啊~
还有就是用这种模式发热量如何?
引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“大鸡蛋”的评论
非常简单,下周我们会出一些教程,同时也会直接集成进来,特别简单引用来自“leijiao”的评论
怎么集成百度地图,sharesdk,极光推送?引用来自“xesam”的评论
赞,但我更关注的是性能和稳定性。。引用来自“RangerCD”的评论
mit协议要求被授权者开源修改后代码么?