时间<Time>-视图-基础功能-HarmonyOS 4.X及以下版本主题引擎规范-主题引擎-开发教程-主题中心

功能概述

这里的时间，其实是由10个数字图片和分隔符图片依时间格式（HH:mm）组成的图片组合。使用该功能需要准备“0”-“9” 10张数字图片和“：”时间间隔图片。该组合图片也支持通用属性和图片的透明度、缩放、旋转动画。

XML规范

<Time src="" space=""/>

参数说明

展开

参数	类型	选项	注释
src	字符串	必填	时间图片的前缀和后缀组合字符串，例如src=“time.png"，此时文件夹中的数字图片和分隔符图片名称为”time_0.png“，...，"time_9.png"和”time_dot.png"
space	数值	选填	时间图片的间隔，单位为像素，数值越大图片之间的间距越大，小于0时图片会有重叠，默认值为0

应用示例

示例一：显示时间，space为10可以使所有数字和时间间隔图片间的间隔增加10个像素。

<Time x="#screen_width/2" align="center" y="220" src="time.png" space="10"/>

图片展示时间的另一种自定义写法：通过根据时间变量计算得到Image的srcid，从而实现利用图片显示时间。

<Group x="350" y="60"> 
    <Image x="50" y="100" src="time.png" srcid="int((#hour24)/10)"/>  
    <Image x="190" y="100" src="time.png" srcid="int((#hour24)%10)"/>  
    <Image x="295" y="100" src="time_dot.png"/>  
    <Image x="390" y="100" src="time.png" srcid="int((#minute)/10)"/>  
    <Image x="530" y="100" src="time.png" srcid="int((#minute)%10)"/> 
</Group>

示例二：带透明度动画效果时间。设置时间图片在每个1000ms内从透明到不透明变化，呈现闪动效果。

<Time x="#screen_width/2" align="center" y="220" src="time.png">
    <AlphaAnimation> 
        <Alpha a="0" time="0"/>  
        <Alpha a="255" time="1000"/>  
    </AlphaAnimation> 
</Time>