定位和动画效果基本理解()=>{基础班}

102 阅读1分钟

三.定位

3.1 绝对定位和相对定位

1.4.png

绝对定位 position({x:水平偏移量,y:垂直偏移量}) 相对定位 offset({x:水平偏移量,y:垂直偏移量}) 其实绝对也不绝对,绝对定位也是相对父级元素的左顶点进行定位,父级元素动,自身也会跟着动 区别:绝对定位相对父级左上角进行偏移定位,不占原有位置 相对定位相对自身左上角进行偏移定位,仍占原有位置

四.动画效果

4.1 动画 animation

组件的某些通用属性变化时,可以通过属性动画实现渐变过渡效果,提升用户体验。

1.5.png

作用:属性(写法)

1.设置动画时长,默认值:1000,单位毫秒:duration:

2.设置动画曲线:curve:Curve.Linear

3.设置动画延迟执行的时长:delay:

4.设置播放次数:iterations:-1

5.正反向播放设置:playMode:PlayMode.Alternate