设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 技术文摘 查看内容

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

2014-6-19 15:59| 发布者: joejoe0332| 查看: 3289| 评论: 0|原作者: 九秒社团 |来自: CSDN

摘要: 目前还处于alpha版本的跨平台App开发引擎CrossApp又进行了一次迭代,本次迭代在alpha V0.1.11版本中推出了一个叫做CrossApp Style的体系。

  目前还处于alpha版本的跨平台App开发引擎CrossApp又进行了一次迭代,本次迭代在alpha V0.1.11版本中推出了一个叫做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个部分组成:美术设计+交互体验设计+控件封装。




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://crossapp.9miao.com


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部