首页 > 其他

axure内联框架制作教程 axure内联框架如何适应窗口？

实习编辑 • 2023-11-19 18:03:59 • 其他 • 阅读 3

axure内联框架如何适应窗口？

首先，你需要知道什么是内嵌框架。它指的是这个框架中的内容。你可以写在另一页。当你把内嵌框架放到页面中，双击它，会弹出一个弹出框，允许你选择一个页面，把你需要显示的内容放到这个页面中，然后你就可以显示内嵌框架中的内容了。

axure有哪些需要熟练掌握而很多人不会的技能？

许多人可以使用axur

axure怎么弄左右滑动提示？

axure内联框架制作教程 axure内联框架如何适应窗口？

其实还是有些技巧的。axure软件动态面板属性可以滑动，但是滑动的结果只能是水平和垂直。

但要达到同一页面上下左右滑动的效果，也不是不可能。

主要突破在于对条件的判断。

让让我们回想一下使用手机app软件的情况。按住屏幕，不要不要松手向下滑动屏幕。手机里面的页面只能向下(向上)滑动。无论你的手怎么左右滑动，结果还是会滑下(上)。左右滑动屏幕也是如此。

所以当手给屏幕一个动作时，页面判断手滑屏的方向，手最初是向滑屏的方向移动而不松手。屏幕移动只能维持垂直或水平效果，无法从垂直移动转换为水平移动，除非页面放开后再次判断。也就是说，手的初始运动决定了页面滑动的方向。

抓住这一点，通过axure软件的知识点，我想出了以下方案来实现这个功能。

一.重要定义

1.三个动态面板

动态面板a和b——a和b是嵌套的，a在外层，b在内层。

动态面板c——两个状态循环记录全局变量x和y

2.两个全局变量

x沿x轴拖动的总距离的绝对值向上取整([[数学。abs(数学。ceil(totaldragx)]])。

y沿y轴拖动总距离的绝对值并向上舍入([[math.abs(math.ceil(totaldragy))]])

二、核心问题——比如准确快速的知道手移动屏幕的方向？

经过多次尝试，我终于测试出一种效果理想的方法:

拖动动态面板a时，动态面板c的两种状态快速循环，并记录其状态变化时的全局变量x和y，从而判断拖动动态面板a时x和y的大小，知道其页面(动态面板b)的滑动方向。

流程图如下:

第三，具体的原型设计

做一个手机壳，嵌入一个宽度为325x575的内嵌框架，将框架连接到内容页面:

设置全局变量x和y；

点击菜单栏中的-项目-全局变量，添加两个全局变量x和y，设置值为null或0；

在新页面上添加一个带页码的长方形logo框，复制成三份，分别代表第一页、第二页、第三页，名称分别为1、2、3。

圈出这三个页面——右键——转换成动态面板，将动态面板的名称设置为b，然后点击动态面板b——右键——转换成动态面板，将最外层的动态面板的名称设置为a。

然后从动态面板a中拖出一个新的动态面板c，并将动态面板状态添加为2。

在动态面板a上设置以下用例:

拖动开始时:将动态面板c的状态设置为next，以2ms(更短的时间)为间隔向后循环；

拖动时:判断全局变量x和y的大小；

在xgty水平移动动态面板b，在xlty垂直移动动态面板b；

拖动结束时:设置动态面板c停止循环。

在动态面板上设置用例。

当状态改变时:设置全局变量值。

x[[math.abs(math.ceil(totaldragx))]]，y[[math.abs(math.ceil(totaldragy))]]

点击菜单栏上的发布-预览，可以看到同一个页面实现了左右、上下两种拖动效果。

emmmmmmm看着都觉得不舒服。我们可以进一步改进原型:

添加:

页面拖动范围和水平拖动的两种效果

慢慢拖动

快速拖动

在原始原型的基础上:

1.当动态面板a被拖拽-绑定-添加绑定时，可以添加页面范围的限制条件。

对于水平拖动，我们知道动态面板的组件b的宽度和高度是975x1000，单个矩形页面的宽度和高度是325x1000。所以水平拖动的极限范围是[-650，0]，可以满足水平拖动时不会拖动页面浏览边框的要求。

对于相同的垂直阻力，只需将边界范围限制在[-500，0]即可。

页面动态面板水平全局变量

原文标题：axure内联框架制作教程 axure内联框架如何适应窗口？，如若转载，请注明出处：https://www.lrccn.com/tag/18537.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「歌词网」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

axure内联框架制作教程 axure内联框架如何适应窗口？ axure内联框架制作教程 axure内联框架如何适应窗口？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：vivo手机怎么看wifi密码是什么 vivoy83a怎么查看wifi密码？ 下一篇：如何彻底关闭华为智慧语音 华为关闭智慧语音强行关闭怎样解除？

相关推荐