【移动应用开发技术】移动应用开发工具CrossApp Style怎么用

【移动应用开发技术】移动应用开发工具CrossAppStyle怎么用

本篇文章给大家分享的是有关移动应用开发工具CrossAppStyle怎么用，在下觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着在下一起来看看吧。什么是CrossAppStyleCrossAppStyle是一个体系，CrossAppStyle里面将包含无数个主题风格，每个主题风格都是深度定制的一套包含了移动应用开发所需的UI控件库。CrossApp致力于为开发者提供一种高效、快速、低成本的开发模式，这同样也是CrossAppStyle的诞生原因。CrossAppStyle未来将为开发者提供成百上千套各个风格的控件主题库，开发者无需做任何修改即可直接在开发过程中使用，CrossAppStyle内的官方自主开发的主题风格库将不断增加，同时也可接纳更多外部开发者提供的主题库。CrossAppStyle的体系CrossAppStyle里面，将用户很多不同风格的主题库，在V0.1.11版本中引擎自带了CrossApp默认蓝色主题风格，CrossAppStyle在未来几周内还将陆续提供的更多的主题风格其中包括iOS风格、水墨风格、粉Q风格等，CrossAppStyle的每种主题风格都是由以下3个部分组成：美术设计+交互体验设计+控件封装。所有主题风格的美术设计资源，在CrossApp源码的CrossAppStyle目录中可以对应找到不同主题风格的美术资源。产品经理们针对每种主题风格，力求用户交互体验达到***效果，每种主题的元素的参数规格都有严格的默认制定标准（如果需要，可以随时自己定制自己修改）。在引擎原生的UI控件上进行二次封装，并为每种主题风格提供了相应的完整Demo模板，可以直接运行对应的主题风格观看实际效果。这样大大的缩短了开发周期开发者可以直接使用CrossAppStyle里的主题风格进行开发。如果需要修改主题，可直接修改源码对应的接口。CrossAppStyle默认主题风格以下是CrossApp默认主题风格的设计效果图：下面为实际应用到CrossApp的demo中的效果（现代码中的demo实际截图）：***版CrossApp的默认主题风格基于iphone5的分辨率640*1136设计的，支持不同分辨率的自适应。下表为部分UI的基本设计参数CANaviagtionBar：宽高顶部边距字体大小640px88px41px34pxCAButton：宽高字体大小不可选状态色值选中状态色值120px58px34px#cccccc#3399ccCASwith：宽高开关按钮宽开关按钮高90px46px44px44pxCAProgress：宽高背景色500px2px#ccccccCASlider：宽高滑块边框色值开关按钮高90px46px#cdf3ff2pxCASegmentedControl：子项宽子项高字体大小120px58px28pxCAAlertView：边框色值宽背景色值字体大小输入框提示信息输入框边框输入框宽输入框高按钮宽按钮高按钮字体大小#33ccff540px#fafafa28px#cccccc#cccccc468px60px220px58px34px

CATabBar：宽高标题字体大小128px98px20px关于CrossAppCrossApp是一款免费、开源、跨平台的App开发引擎，基于MIT开