MotionLayout 常用属性

简介: MotionLayout 常用属性

MotionLayout 常用属性

1、基本使用


了解


开始状态设置



给view添加属性

image.png


结束状态设置

和开始状态设置一样

image.png


效果设置

image.png


添加关键帧(KeyFrameSet)

KeyPosition:(位置关键帧)
  parentRelative:(简单) 是相对于母体坐标 左上(0,0) 右下(1,1)
  deltaRelative:(复杂) 根据起点到终点的 差值 作为xy轴
  pathRelative:(复杂)在起点到终点拉一条线,起点0终点1
KeyCycle: 里面包含很多 周期 函数
  square:方波
  triangle:三角波
  sawtooth:锯齿波
  reverseSawtooth:反锯齿波
  bounce:弹跳
  sin:正弦
  con:余弦
KeyAttribute:(属性关键帧)
  rotation:旋转
  alpha:透明度
  .......(就是动画的常用属性 都包含在内的  很好理解)
KeyTrigger:(设置View函数关联)
  绑定函数方法
KeyTimeCycle:(不受限制的 一直存在震荡运动)
  自动开始  没有停止

image.png


2、常用属性

motionInterpolator:添加特殊效果
  linear:无热河效果;默认
  bounce:回弹效果;
  easeInOut:淡入淡出效果;看起来自然
  easeIn:淡入效果;
  easeOut:淡出效果;
  cubic:添加贝塞尔函数效果(例如:cubic(1,0,0,1) )


3、事件

onClick:(点击事件(可以不添加任何属性))
  不添加 targetId 属性 表示:点击任意位置 触发事件;
  添加View ID 只能点击添加的View ID的View 触发事件;
OnSwipe:(滑动事件(至少要添加一个属性dragDirection))
 dragDirection:滑动方向
目录
相关文章
th固定宽度属性
th固定宽度属性
42 0
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
675 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
|
1月前
Frameset中的noresize属性
Frameset中的noresize属性。
14 2
|
6月前
|
数据库 Python
模型常用属性(1)
模型常用属性(1)。
27 1
|
存储 自然语言处理 搜索推荐
a标签有哪些属性
a标签作为超链接标签,具有以下常用属性: - href:用于指定链接的目标URL地址,可以是绝对或相对地址; - target:用于指定链接如何打开,常见取值有_blank(在新窗口中打开)、_self(在当前窗口打开)、_parent(在父级窗口打开)、_top(在顶层窗口打开); - rel:用于指示链接与当前文档之间的关系,常见取值有nofollow(用于搜索引擎指示不要跟踪链接)、noopener(用于防止跨窗口引用)等; - download:用于指定链接目标资源的下载,指定该属性后,浏览器会将文件下载到客户端而不是在浏览器中打开。 除了上述常用属性外,还有一些在特殊场合下使用的
2556 1
|
前端开发 容器
CSS之常用属性、元素的显示模式、盒模型(下)
CSS之常用属性、元素的显示模式、盒模型(下)
121 0
|
前端开发
CSS之常用属性、元素的显示模式、盒模型(上)
CSS之常用属性、元素的显示模式、盒模型(上)
|
前端开发 JavaScript
获取伪元素的属性和改变伪元素的属性
获取伪元素的属性值 获取伪元素的属性值可以使用window.getComputedStyle()方法,获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。
1193 0
|
JavaScript
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)