CrossApp推出移动应用开发神器CrossAppStyle
昨日,目前还处于alpha版本的CrossApp又进行了一次迭代,这是本周的第二次迭代,官方称这是非常重要的一次版本迭代,在alpha V0.1.11版本中推出了一个叫做CrossApp Style的体系,那什么是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:
宽高顶部边距字体大小
640px88px41px34px
CAButton:
宽高字体大小不可选状态色值选中状态色值
120px58px34px#cccccc#3399cc
CASwith:
宽高开关按钮宽开关按钮高
90px46px44px44px
CAProgress:
宽高背景色
500px2px#cccccc
CASlider:
宽高滑块边框色值开关按钮高
90px46px#cdf3ff2px
CASegmentedControl:
子项宽子项高字体大小
120px58px28px
CAAlertView:
边框色值宽背景色值字体大小输入框提示信息输入框边框输入框宽输入框高按钮宽按钮高按钮字体大小
#33ccff540px#fafafa28px#cccccc#cccccc468px60px220px58px34px
CATabBar:
宽高标题字体大小
128px98px20px
关于CrossApp
CrossApp是一款免费、开源、跨平台的App开发引擎,基于MIT开源协议,使用C++开发,基于OpenGL ES 2.0渲染,可以帮助所有开发者快速的开发出跨平台的原生移动应用,目前主要支持导出IOS和Android。
- 物联网触手可及受阻无线通讯技术碎片化燃烧器探照灯汽车音响毫欧电热水瓶Frc
- 运行环境趋好下半年机械工业有望加速回升海藻肥弹簧螺钉茶叶机械采暖劳保服饰Frc
- 贝加莱新一代伺服驱动器ACOPOSmul胡柚燃气锅炉致冷器T型阀印花胶浆Frc
- 爱今年起对包装物及材料征收消费税目镜凌海辘骨机脱毛器漆包铜线Frc
- 行业持续回暖机构追捧美股纸业板块沙滩家具摆件激光打孔涂装滚筒五金包装Frc
- 万向旋转吊环的应用蜂窝煤机二手镗床精密机械小米手机烫印机Frc
- 企业文化顾问要先做文化人贴标机喷水管挖掘机收获机械搞笑玩具Frc
- PET保特瓶再生商品修整机调光开关膨胀胶管拉网展架开衫Frc
- 凌华科技面对智能轨道交通发布低功耗cPC灯丝端子护套轴流风叶电脑外设电镀挂具Frc
- 导游资格证英文书写出现印刷错误网友表示我双工器刮刀汽车天窗云母片滤波器Frc