页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

(3)选中图片组件, 组件设置>属性>图片>拉伸 设置为 原图 ,组件设置>属性>图片>对齐 设置为 居中 。

(4)效果如下图所示:

3

...

图片组件的设置项包含图片和组件。

Image Removed

3.1 图片

图片样式设置

图片的设置项包含图片和拉伸。

3.1

...

图片

说明

用于上传图片,只能上传一个文件,双击重新上传。

图片文件格式支持:jpg、jpeg、png、gif、svg。

效果

3.1

...

拉伸

说明

用于设置图片的拉伸方式,有“适应、平铺、拉伸、填充、原图”五种方式。

...

拉伸方式效果说明
适应

图片等比缩放,图片的最大边放大到组件最小边时就不再放大,即保持图片比例的同时最大化显示图片。
平铺

若图片大小小于组件大小,则图片挨个排列,直到排满整个组件。
拉伸

图片不按比例缩放,根据屏幕显示分辨率拉伸。图片占满整个组件。
填充

图片等比缩放,按照图片的最小边来适应组件的最大边以达到填充页面效果。如果出现图片分辨率和屏幕的比例不一样的情况,图片会有部分显示不了(超出组件之外)。
原图

保持图片原本的大小。 当图片的拉伸方式为“原图”时,可设置图片的位置,有“居左,居中,居右”三种对齐方式。

...

4 更多设置

  • 更多的组件属性设置项的详细介绍,可参考文档: 组件设置 。