基础功能

图片<Image>

用于在界面上展示一张图片，支持设置图片的位置、大小以及旋转等等。还可以实现图片的透明度变换，位移，缩放等动画效果。

使用src解析图片资源

<Image src="" x="" y="" width="" height="" pivotX="" pivotY="" rotation="" rotationX="" rotationY="" visibility=""/> 参数说明

参数

类型

M/O（必选/可选）

注释

src

字符串

M

图片名称，如：image.png。

x

数值

O

相对于屏幕左上角的x坐标，单位为像素，显示范围为屏幕的宽（1920*1080的屏幕，显示的宽的范围为0-1080），默认为0。支持变量。

y

数值

O

相对于屏幕左上角的y坐标，单位为像素，显示范围为屏幕的高（1920*1080的屏幕，显示的高的范围为0-1920），默认为0。支持变量。

width(w)

数值

O

显示在屏幕上的宽，单位为像素，显示范围为屏幕的宽（1920*1080的屏幕，显示的宽的范围为0-1080），w和width写法都可以。支持变量。

height(h)

数值

O

显示在屏幕上的高，单位为像素，显示范围为屏幕的高（1920*1080的屏幕，显示的高的范围为0-1920），h和height写法都可以。支持变量。

pivotX

数值

O

旋转的点的X坐标，相对于View的左上角位置，单位为像素。支持变量。

pivotY

数值

O

旋转的点的Y坐标，相对于View的左上角位置，单位为像素。支持变量。

rotation(angle)

数值

O

旋转角度，一周360度，围绕(pivotX,pivotY)点旋转（若无pivotX和pivotY，则默认(0,0)点旋转）。正数表示顺时针，负数表示逆时针，rotation和angle写法都可以。支持变量。

rotationX(angleX)

数值

O

以X轴为旋转中心旋转，一周360度。正数表示顺时针，负数表示逆时针，rotationX和angleX写法都可以。支持变量。

rotationY(angleY)

数值

O

以Y轴为旋转中心旋转，一周360度。正数表示顺时针，负数表示逆时针，rotationY和angleY写法都可以。支持变量。

visibility

数值

O

图片可见性，取值0/1。1表示可见，0表示不可见。默认为1，支持变量。

示例：左上角(120,500)显示一张图片，距离左上角点x方向110，y方向80像素的位置为旋转中心，根据旋转中心x轴有一个50度，根据旋转中心y轴有一个50度的旋转，加载图片名为yun.png。图片包含位移动画和旋转动画。

<Image x="120" y="500" pivotX="110" pivotY="80" rotationX="50" rotationY="50" src="yun.png" > <PositionAnimation> <Position x="0" y="0" time="0"/> <Position x="500" y="0" time="1000"/> </PositionAnimation> <RotationAnimation > <Rotation angle="0" time="0"/> <Rotation angle="360" time="6000"/> </RotationAnimation></Image>

变量<Var>

用户自定义变量，其标签为Var，用户指定变量名称、变量类型和变量值。可通过变量控制视图的可见性、位置、大小等。

使用src解析图片资源

<Var name="" expression=""/> 参数说明

参数

类型

M/O（必选/可选）

注释

name

字符串

M

变量名。例如变量名为“var”，在其他功能中使用变量时需要在变量名前加上“#”标识，如visibility="#var"。

expression

表达式

M

变量对应的表达式或常量。

示例：可通过调用setKeyValueInfo("SetVariable", "show", "0")接口，传入变量名和变量值，控制图片的可见性。

<Var name="show" expression="1"/><Image x="120" y="500" src="yun.png" visibility="#show"/><Image x="120" y="500" src="ty.png" visibility="1-#show"/>

意见反馈

以上内容对您是否有帮助？

意见反馈

如果您有其他疑问，您也可以通过开发者社区问答频道来和我们联系探讨。

本文导读

相关知识

美术基础
植物细胞学基础
智慧灌溉系统功能
园林绿化专业基础与实务(初级)
遗传学的基础解释 遗传学的基础解释是什么
开发一个鲜花小程序需要设计哪些基础功能？
定植的基础解释 定植的基础解释是什么
遗传学基础
农田管理功能包括哪些项目
风光摄影基础入门

网址: 基础功能 https://m.huajiangbk.com/newsview1786813.html