如何设计页面 还有切图这块尺寸 有这方面的介绍吗? HarmonyOS 鸿蒙Next
如何设计页面 还有切图这块尺寸 有这方面的介绍吗? HarmonyOS 鸿蒙Next 鸿蒙 设计师如何设计页面 还有切图这块尺寸 有这方面的介绍吗?
3 回复
可以让设计按照750px基准来设计图,切出来的图按照Android的用法即可
更多参考资料:
https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-129-V5
https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-45-V5
更多关于如何设计页面 还有切图这块尺寸 有这方面的介绍吗? HarmonyOS 鸿蒙Next的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
设计和Android的基本一致的,用蓝狐的话直接设置自定义宽度基准360dp
在HarmonyOS中,设计页面和切图尺寸主要遵循以下原则:
-
设计页面:
- 使用ArkUI框架进行页面布局,支持声明式UI开发。
- 采用Flex布局、Grid布局等灵活的布局方式,确保页面在不同设备上的适应性。
- 使用组件化开发,如
Text
、Button
、Image
等基础组件,以及List
、Swiper
等高级组件。 - 支持响应式设计,通过
@State
、@Prop
等状态管理机制动态调整UI。
-
切图尺寸:
- 使用
px
作为单位,1px对应物理屏幕上的1个像素点。 - 提供多套切图资源,如
xhdpi
、xxhdpi
等,适配不同屏幕密度。 - 使用
ResourceManager
进行资源管理,系统会根据设备自动选择合适的资源。 - 图标和图片建议使用SVG格式,确保在不同分辨率下清晰显示。
- 使用
-
设计工具:
- 使用DevEco Studio进行页面设计和开发,支持实时预览和调试。
- 使用华为提供的设计资源库,如HarmonyOS Design System,确保设计风格一致。
遵循这些原则,可以在HarmonyOS中高效设计页面并处理切图尺寸。