2016 - 2024

感恩一路有你

axure边框如何交互 axure怎么设置不同按钮?

浏览量:1413 时间:2023-04-23 12:06:36 作者:采采

axure怎么设置不同按钮?

1/6步骤1:打开AXURRP软件,找到 "主按钮和按钮在组件库中,拖动四个按钮到画布上;2/6第二步:将按钮上显示的内容修改为增加、修改、删除、查询;3/6第三步:分别修改四个按钮的填充颜色;4/6第四步:分别选择四个按钮。将名称设置为addBtn、选择矩形,然后设置边框颜色和填充颜色。颜色选择面板里有一个红色对角线的小方框,点击它不填充任何颜色。如果想让它半透明,可以选择一种填充颜色,然后下面有一个滑块可以调节透明度,左右滑动就可以了。实际上需要一些技能。Axure软件动态面板属性可以滑动,但是滑动的结果只能是水平和垂直。但要达到同一页面上下左右滑动的效果,也不是不可能。主要突破在于对条件的判断。让 让我们回想一下使用手机App软件的情况。按住屏幕,不要 不要松手向下滑动屏幕。手机里面的页面只能向下(向上)滑动。无论你的手怎么左右滑动,结果还是会滑下(上)。左右滑动屏幕也是如此。所以当手给屏幕一个动作时,页面判断手滑屏的方向,手最初是向滑屏的方向移动而不松手。屏幕移动只能维持垂直或水平效果,无法从垂直移动转换为水平移动,除非页面放开后再次判断。也就是说,手的初始运动决定了页面滑动的方向。抓住这一点,通过Axure软件的知识点,我想出了以下方案来实现这个功能。一、重要定义1。三个动态面板A和B ——A和B嵌套在一起,A在外层。b .在内部动态面板C-两个状态中记录全局变量X和y2。两个全局变量X沿X轴拖动的总距离的绝对值向上取整([[数学。ABS(数学。Ceil (totaldragx)]]) Y向上取整([[数学。ABS (totaldragy)]。经过多次尝试,我终于测试出了一个效果比较理想的方法:拖动动态面板A启动,快速循环动态面板C的两种状态,并记录其状态变化时的全局变量X和Y,然后在拖动动态面板A时判断X和Y的大小以了解其页面(动态面板块b)滑动方向。流程图如下:3 .具体原型设计为手机壳,内嵌325X575宽的内嵌框架,框架连接内容页面:设置全局变量X和Y;点击菜单栏中的-项目-全局变量,添加两个全局变量X和Y,设置值为null或0;在新页面上添加一个带页码的长方形logo框,复制成三份,分别代表第一页、第二页、第三页,名称分别为1、2、3。把这三个页面圈起来——右键——转换成动态面板,动态面板的名称设置为B .然后点击动态面板B——右键——转换成动态面板,最外层的动态面板名称设置为A .然后从动态面板A中拖出一个新的动态面板C,动态面板状态添加为二。在动态面板A上设置以下用例:拖动开始时:将动态面板C的状态设置为Next,间隔2ms(时间更短)向后循环;拖动时:判断全局变量x和y的大小;在xgty水平移动动态面板B,在xlty垂直移动动态面板B;拖动结束时:设置动态面板C停止循环。在动态面板上设置用例状态变化时C:设置全局变量值。x[[数学。ABS(数学。Ceil (totaldragx))]],Y[[数学。ABS(数学。Ceil (totaldragy))]]点击菜单栏上的发布-预览,可以看到同一个页面被左右上下拖动过。Emmmmmmm感觉不舒服。我们可以进一步完善原型:增加:页面拖动范围和水平拖动两种效果。慢拖和快拖都是基于原来的原型:1。拖动动态面板A-边界-添加边界时可以添加页面范围的限制条件。对于水平拖动,我们知道动态面板B组件的宽度和高度是975X1000,单个矩形页面的宽度和高度是325X1000。所以水平拖动的极限范围是[-650,0],可以满足水平拖动时不会拖动页面浏览边框的要求。对于相同的垂直阻力,只需将边界范围限制在[-500,0]即可。

页面 动态 面板 水平

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。