网站后台开发步骤,白云区同和网站建设,免费领取永久云服务器,wordpress常用的插件推荐问题#xff1a; 在鸿蒙中#xff0c;是识别不了.9格式的图片资源的#xff0c;那么如何实现.9图效果呢。#xff1f; 解决方案#xff1a; 首先需要将图片资源转为普通的png格式。如果是背景图的#xff0c;需要换一种方式来处理#xff0c;目前我所实现的方案是通过St…问题 在鸿蒙中是识别不了.9格式的图片资源的那么如何实现.9图效果呢。 解决方案 首先需要将图片资源转为普通的png格式。如果是背景图的需要换一种方式来处理目前我所实现的方案是通过Stack Image 具体内容布局来实现的。具体如下
需要使用Image来实现Image通过设置resizable属性来设置ResizableOptions该属性指图像拉伸时可调整大小的图像选项。ResizableOptions有两个属性slicelattice。重点看slice其类型为 EdgeWidths。表示边框宽度类型共有四个值top、right、bottom、left。用于描述组件边框不同方向的宽度。只有当bottom和right同时大于0时该属性生效。 top说明图片顶部拉伸时保持不变距离。默认值0 right 说明图片右部拉伸时保持不变距离。默认值0 bottom 说明图片底部拉伸时保持不变距离。默认值0 left 说明图片左部拉伸时保持不变距离。默认值0 Image($r(app.media.bg_test)).width(100).resizable({ slice: { top: 10, left: 10, bottom: 10, right: 10 } })
