如何设计页面 还有切图这块尺寸 有这方面的介绍吗? 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中,设计页面和切图尺寸主要遵循以下原则:

  1. 设计页面

    • 使用ArkUI框架进行页面布局,支持声明式UI开发。
    • 采用Flex布局、Grid布局等灵活的布局方式,确保页面在不同设备上的适应性。
    • 使用组件化开发,如TextButtonImage等基础组件,以及ListSwiper等高级组件。
    • 支持响应式设计,通过@State@Prop等状态管理机制动态调整UI。
  2. 切图尺寸

    • 使用px作为单位,1px对应物理屏幕上的1个像素点。
    • 提供多套切图资源,如xhdpixxhdpi等,适配不同屏幕密度。
    • 使用ResourceManager进行资源管理,系统会根据设备自动选择合适的资源。
    • 图标和图片建议使用SVG格式,确保在不同分辨率下清晰显示。
  3. 设计工具

    • 使用DevEco Studio进行页面设计和开发,支持实时预览和调试。
    • 使用华为提供的设计资源库,如HarmonyOS Design System,确保设计风格一致。

遵循这些原则,可以在HarmonyOS中高效设计页面并处理切图尺寸。

回到顶部