时间:2021-05-22
Axure设计网页圆形的时候,想要实现控件拖拽的上下排序,我们可以通过中继器实现,局限性在于仅能往上拖拽排序,往下无法排序,下面我们就来看看详细的教程。
看似一个复杂的效果,实现起来发现也挺简单的,经过测试,发现只要设置一个“组件”的交互,其他“组件”的代码完全相同,哈哈,仅仅只要复制、粘贴即可~
主要的应用方式,就是鼠标拖拽”控件“移动(可参考早期链接),并判断”控件“所在位置~
新建一矩形,置于底层,命名为“background”,尺寸450*450(大小随意),隐藏,并锁定位置(105,20)
另新建一矩形,设置矩形内容为“组件1”,填充色#CCCCCC,尺寸大小为240*75;并转为”动态面板“;此动态面板,命名为”Module1“,设置尺寸为240*80;
此动态面板,命名为”Module1“,设置尺寸为240*80;
可以另复制3份”动态面:Module1“,分别命名为”Module2“、”Module3“、”Module4“,并修改其内容为“组件2”、“组件3”、“组件4”及填充色;“Module1“、”Module2“、”Module3“、”Module4“,垂直排列,组件上下之间无间隙~(间隙预留在了动态面板state1中),参考如下:
也可以在设置好”动态面:Module1“的交互动作后,再复制,并做想相应的修改;”动态面板:组件“的交互大致相同,所以这里仅作”动态面板:组件1“的交互说明,其他不再赘述~
”动态面板:组件1“的”拖动开始时“的Case1用例:
1.隐藏”动态面板:组件1“;拉动元件:下方;动画:线性;时间:100毫秒
2.显示”动态面板:组件1“;置于顶层
(隐藏”动态面板:组件1“时的拉动元件,可以不设置动画,设置动画及时间是为了有个“移动”的感觉,副作用就是相应的操作不能过快)
”动态面板:组件1“的”拖动时“的Case1用例:垂直拖动“动态面板:组件1“;移动:垂直拖动;设置界限
设置“元件:background”为局部变量LVAR1;所以,界限的顶部大于等于[[LVAR1.top]],底部小于[[LVAR1.bottom]];
上一页12 3 下一页 阅读全文
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
工作中需要将一个左边的设计好的控件,拖拽到右边的面板中,同时保持右边面板中的控件自由排序,这时候就需要及支持拖拽又支持排序的操作了,Demo截图:从左边控件拖到
Axure8设计网页原型的时候,想要重命名页面,该怎么重命名呢?下面我们就来看看详细的教程。软件名称:AxureRPv8.1.0.3382Enterprise中
项目要实现一些控件的拖拽排序。从而找到了这款vuedraggable控件,供大家参考,具体内容如下如上图要实现这些控件的拖拽排序这是拖拽后由于公司网络的原因,项
Axure有哪些元件?经常使用Axure设计网页原型,下面我们就来看看Axure元件的使用方法。软件名称:原型设计工具AxureRPPro8.1特别版中文汉化特
Axure设计网页原型的时候,想要制作带边框样式的多选框效果,该怎么制作呢?下面我们就来看看详细的教程。软件名称:原型设计工具AxureRPPro8.1特别版中