首页 > 其他分享 >Axure 列表左右滑动交互-删除、置顶

Axure 列表左右滑动交互-删除、置顶

时间:2023-02-04 13:32:37浏览次数:36  
标签:状态 拖动 添加 滑动 Axure 元件 置顶

Axure 列表左右滑动交互

  • 左滑:删除、标记
  • 右滑:置顶、回复

拖一个动态面板,命名为【滑动面板】,添加三个状态,并分别命名为:正常状态、向左状态、向右状态

Axure 列表左右滑动交互-删除、置顶_数据

添加元件

正常状态

Axure 列表左右滑动交互-删除、置顶_置顶_02

向左状态

  1. 将【正常状态】里的元件复制到 【向左状态】 中,并进行组合,方便调整
  2. 并将组合元件向左移动,右边留出两个按钮空间
  3. 在组合元件右侧添加两个按钮,分别为:【标为已读】、【删除】

Axure 列表左右滑动交互-删除、置顶_置顶_03

向右状态

将【向左状态】的组合复制到【向右状态】中,参考上面方法,添加的元件,并增加【置顶】、【回复】两矩形

Axure 列表左右滑动交互-删除、置顶_置顶_04

交互事件

给动态面版添加两个交互【向左拖动】、【向右拖动】
向左拖动分两种情况

  • 正常状态,需要向左滑动,对该条数据进行删除等
  • 已经被滑到右边了,需要向左滑动到正常状态。

向右拖动分两种情况:

  • 正常状态,需要向右滑动,进行回复、置顶
  • 已经被滑到左边了,需要向右滑动,恢复正常状态。

详细事件如下:

Axure 列表左右滑动交互-删除、置顶_Axure_05

Axure 列表左右滑动交互-删除、置顶_动态面板_06



标签:状态,拖动,添加,滑动,Axure,元件,置顶
From: https://blog.51cto.com/u_15116285/6037153

相关文章

  • 239. 滑动窗口最大值 347.前 K 个高频元素
    239.滑动窗口最大值剑指offer题目classSolution{publicint[]maxSlidingWindow(int[]nums,intk){LinkedList<Integer>queue=newLinkedList<>();......
  • 手机直播源码,使用ViewPager2实现页面滑动切换
    手机直播源码,使用ViewPager2实现页面滑动切换1.引言在很多应用中,我们经常会看到多个页面之间滑动切换的场景,ViewPager2是ViewPager的升级版,本文将简要介绍如何使用ViewPa......
  • 【置顶】服务器要炸了
    自己的博客年轮博客要把服务器弄炸了,所以转了部分至博客园的博客 ......
  • Axure App 垂直滚动
    拖两个动态面版最外层【动态面板】用来定义显示区域,高度:692(根据实际来)里面的【动态面板】,用来放内容,高度根据实际情况来,示例中是:1920如下图所示里面的【动态面板】添......
  • 自制滑动块滑动界面
    1、新建组件ScrollView,调整适合大小,修改组件参数(垂直滑动,取消自带水平,垂直滑动块) 2、新建Slider组件,调整大小及组件参数  3、编写脚本usingSystem.Collectio......
  • 滑动窗口模版-字母数字版
    publicclassSolution{publicStringminWindow(Strings,Stringt){if(s==null||s.length()<t.length()||s.length()==0){return"";......
  • 代码随想录算法训练营第十二天 | 239. 滑动窗口最大值,347.前 K 个高频元素,总结
    一、参考资料滑动窗口最大值题目链接/文章讲解/视频讲解:https://programmercarl.com/0239.%E6%BB%91%E5%8A%A8%E7%AA%97%E5%8F%A3%E6%9C%80%E5%A4%A7%E5%80%BC.html......
  • Axure 列表左右滑动交互-删除、置顶
    Axure列表左右滑动交互左滑:删除、标记右滑:置顶、回复拖一个动态面板,命名为【滑动面板】,添加三个状态,并分别命名为:正常状态、向左状态、向右状态添加元件正常状态......
  • Axure 安装使用 FontAwesome
    Axure安装使用FontAwesome.字体下载:https://www.bootcss.com/p/font-awesome/解压后,到font目录,双击FontAwesome.otf文件退出Axure重新打开后,可以看到FontAwes......
  • Axure 表格中根据条件设置不同的字体样式--中继器
    中继器+表格,根据条件设置不同的字体样式思路:根据情形,设置不同的颜色,因为Axure不能直接对元件的样式进行交互设置,所以借助【动态面板】进行设置绘制表格详见:https://www......