昨日，目前还处于alpha版本的CrossApp又进行了一次迭代，这是本周的第二次迭代，官方称这是很是重要的一次版本迭代，在alpha V0.1.11版本中推出了一个叫作CrossApp Style的体系，那什么是CrossApp呢？html
什么是CrossApp Stylegit
CrossApp Style是一个体系，CrossApp Style里面将包含无数个主题风格，每一个主题风格都是深度定制的一套包含了移动应用开发所需的UI控件库。CrossApp致力于为开发者提供一种高效、快速、低成本的开发模式，这一样也是CrossApp Style的诞生缘由。CrossApp Style将来将为开发者提供成百上千套各个风格的控件主题库，开发者无需作任何修改便可直接在开发过程当中使用，CrossApp Style内的官方自主开发的主题风格库将不断增长，同时也可接纳更多外部开发者提供的主题库。iphone
CrossApp Style的体系ide
CrossApp Style里面，将用户不少不一样风格的主题库，在V0.1.11版本中引擎自带了CrossApp默认蓝色主题风格，CrossApp Style在将来几周内还将陆续提供的更多的主题风格其中包括iOS风格、水墨风格、粉Q风格等，CrossApp Style的每种主题风格都是由如下3个部分组成：美术设计+交互体验设计+控件封装。字体
1. 美术设计资源（UI）spa
全部主题风格的美术设计资源，在CrossApp源码的CrossApp Style目录中能够对应找到不一样主题风格的美术资源。.net
2. 用户体验（UE）设计
产品经理们针对每种主题风格，力求用户交互体验达到最佳效果，每种主题的元素的参数规格都有严格的默认制定标准（若是须要，能够随时本身定制本身修改）。code
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。