如何开发优秀的统软云app？

如何开发优秀的统软云app？

► 统软云定制平台项目实施规范

► 统软云app优化策略前30名

► 如何开发具有良好运行体验和高性能的app

► 如何开发客户满意且能够顺利交付的app

01发动机或模块问题

当遇到应用层无法解决的问题时，如果可以确定需要引擎和模块支持，不要试图绕过它们。相反，请在第一时间将问题提交给开发人员社区，或询问统软云项目经理。

特别注意事项

在开发者社区，将有主持人和统软云技术支持来验证和回答您的问题。

特别注意事项

如果定制平台项目的问题在提出后2天内没有得到解决，您可以直接向统软云项目总监投诉。

02开发工具

建议使用Sublime Text+统软云插件，使用自定义加载器进行调试工具，使用WiFi实机同步进行实机同步，使用WiFi日志输出进行日志输出。

推荐视频：Sublime教程Window&Mac

推荐文档：Sublime插件说明

有关带下划线的参考资料，请查看www.统软云的导航栏。com官方网站

03前端框架

尽量不要使用jQuery、AngularJS、BootStrap等沉重的框架，摆脱对美元的依赖，养成自己做事的习惯。但是，您可以根据功能需求在特定页面中使用独立的Mobile First框架的默认样式设置、DOM操作和字符串处理。建议使用统软云前端框架（api.js和api.css）

建议将AUI用于移动UI框架

04屏幕自适应

为了正确设置视口，建议使用720*1280大小的UI图像，优先考虑绝对测量单位px。您应该首先测量与UI效果图像（例如720x1280大小的图像）中元素的宽度或高度相对应的像素值，然后将其除以屏幕放大率（例如，720x1280设备的屏幕放大率通常为2），以获得书写风格的准确值。

特别注意事项

在统软云项目验收期间，将根据设计提供的UI图像的大小（如720x1280），以相应的屏幕分辨率（如720x1280）在手机设备中安装并运行，并将运行页面与UI效果图像逐一进行比较。

特别注意事项

H5界面的实现应该与UI设计完全一致，低至0.5px。

特别注意事项

当openFrame/FrameGroup时，您应该使用自动与边距布局相结合，以动态适应不断变化的android设备屏幕。

推荐文件：屏幕适配原则和实施

05UI布局

需要使用统软云的五个组件（Widget、Layout、Window、Frame和UIModules）来设计APP的UI架构。

特别注意事项

SPA模式不适合APP开发，DIV+JS的窗口切换影响用户体验。统软云的UI结构设计可以从整体上解决H5在交互、动画和渲染方面的性能问题。

推荐文档：培训讲义：统软云界面布局和APP架构设计

06窗口切换

避免任何干扰、闪烁屏幕、白色屏幕等；动画效果平滑，不允许丢失帧。

特别注意事项

为了理解和控制窗口清晰度和界面渲染之间的关系，应该及时更新UI。如果“窗口”或“框架”中加载的静态页面太多，建议在动画完成后加载并渲染页面。在Android和iOS系统中，当切换窗口时，如果表单本身正在渲染（窗口或框架加载的页面尚未完全渲染），则切换动画的平滑度将受到影响，并且会出现卡纸或帧丢失的情况。

特别注意事项

建议在打开窗口或框架时，如果加载的静态网页不能太大，内容不能太多，渲染也不能快速完成。为了不影响表单切换动画的执行，可以在切换动画完成后加载动态数据并刷新界面。

07窗口切换动画

如果没有特殊要求，请尝试使用平台默认动画效果，即在api.openWin时使用默认值而不是指定动画类型。

特别注意事项

无论是在Android还是iOS上，统软云引擎都将确保默认的