深圳市聚企网络科技有限公司
往常深圳回收电脑传真机,移动端曾经逐渐超越了PC端成为了主流,各种手机APP称出不穷,占领了我们的绝大多数生活,特别是微信。无论吃饭、休息,还是工作,我们总 不时地拿出手机,从消息的最顶端往下滑,直至看完一切的小红点,然后从右往左滑过通讯录,滑到发现,又是朋友圈的一轮猖獗阅读与点赞。喝点鸡汤,寻点乐 趣,我们的生活确实这么无趣。那么,在做原型的时分如何完成刚刚所说的横纵向移动呢?下面我将向大家分享一下我的处置方法,希望能辅佐到大家。
效果动态深圳回收电脑传真机:
原材料:
步骤/方法
第一步:设置按钮的选中效果和组
同时选中xiaoxi和tongxunlu—元件属性与样式“属性”—在“输入选项组称号”中输入“组”(输入其深圳回收电脑传真机他也可以)
同时选中xiaoxi和tongxunlu—元件属性与样式“属性”—选中—勾选“字体颜色”选择白色—在“填充颜色”选择灰色—点击肯定
仅选中xiaoxi—元件属性与样式“属性”—勾选“选中”,使其在一开端页面载入后默许状态为选中。
第二步:设置两层动态面板
经过移动将消息页面和通讯录页面兼并在一同,同时选中消息页面和通讯录页面—右键单击—转换为动态面板—设置动态面板称号为“d1”。
在微#界面的展示区域内画一个动态面板,使其大小与展示区域相同并重合,设置动态面板称号为“d2”.
将动态面板d1复制到动态面板d2的一个子层级里面,并将d2的位置设置为“x:0深圳回收电脑传真机;y:0”。
第三步:设置横纵向滑动的交互动作
选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—移动—勾选“d1(动态面板)”—移动“垂直拖动”;动画“无”。完成后结果如下图
选中动态面板d2—元件交互与说明“交互”—点击“向左拖动终了时”—编辑条件—选择“选中状态”“xiaoxi”“=”“值”“true”。(如下图)
继续,选择“移动”—勾选“d1(动态面板)”—移动“绝对位置”“x:-320”—点击fx—在“添加局部变量中”设置“d1”=“元 件”“d1”—插入变量或函数—在元件中选择“y”—将[[this.y]]改成[[d1.y]]—点击“肯定”返回上级页面—动画“线性”,时间 “300”毫秒—点击肯定。
继续,在添加动作中选择“设置选中”—选中—勾选“tongxunlu”—设置选中状态为“值”“true”。
同理,按照移动相反方向设置“向右拖动终了时”的交互动作,完成后如下图。
第四步:设置上下移动限制条件
经过上面的三步曾经可以完成页面横纵向同时滑动,但是会发现一个问题,就是上下滑动的时分可以将消息页面或通讯录页面滑出展示区域外。为了,更好的体验,下面我们来对上下滑动范围加一个限制条件。
选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—添加条件—选择“值”—点击fx—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“[[d1.top]]”—点击“肯定”返回上级页面—选择“=”“值”“0”—点击“肯定”完成条件编辑
继续,添加动作选择“移动”—勾选“d1(动态面板)”—移动“到绝对位置”“y:0”—点击x后面的“fx”—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“d1.x”—点击“肯定”完成设置
同理,设置下方的移动限制。
选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—添加条件—选择“值”—点击fx—添加局部变量“d1”=“元件”“d1”—插入变量 或函数输入“[[d1.bottom]]”—点击“肯定”返回上级页面—选择“=”“值”“462”—点击“肯定”完成条件编辑
462的由来:462为动态面板d1的高度,需根据深圳回收电脑传真机你的理论需求来定。
继续,添加动作选择“移动”—勾选“d1(动态面板)”—移动“到绝对位置”“y:-199”—点击x后面的“fx”—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“d1.x”—点击“肯定”完成设置.
-199的由来:动态面板d1与动态面板d2的高度差为-199.
https://www.ju-7.com/
https://www.ju-7.cn/
我要评论