下面为实际应用到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 |