广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    Axure8,设置展示折叠功能

    来源:网络收集  点击:  时间:2024-08-28
    【导读】:
    利用变量设置,实现两个展示区域的折叠和展现,且同时只能展示一个内容。工具/原料moreAxure 8Thinkpad E431方法/步骤1/10分步阅读

    先添加2个点击区域,组合后命名为a和b。

    包括点击图标的展良忌开和折叠内容。

    2/10

    使用向下和向上的图标来实现点击事件,命名好图标为上和下

    3/10

    再添加2个展示区域,组合后命名为a-1和b-1。

    4/10

    并设置好4个组件的默认位置,a和b之间设置好合适的间距,a-1和b-1紧跟在a和b组件。

    5/10

    因为了控制点击永远只显示一个展示区域,所以用到一个全局变量。

    打开事件编辑,点击添加全局炼畜变量,设置好变量名,并进行赋值表示初始状态。

    设置的变量为:_OnclickJiancha,赋值为1

    6/10

    开始设置每一个的点击事件,先从a中的向下图标开始,点击展开a-1,并隐藏向下图标,显示向上图标 。

    同时,还要设置b向下移动的距离。如果b-1展开,要隐藏掉;

    7/10

    再设置a中向上图标事件,隐藏展开区域,设置变量为0

    8/10

    完成a的设置,进行b的设置,类似的操作,先设置向下展开的事件;此时要根据变量来判断是否要对a进行隐藏泪婶离,所以有2个事件,以变量为条件,添加IF条件。

    9/10

    设置向上图标事件,为隐藏b-1

    10/10

    我们来看看具体实现的效果。

    注意事项

    点击后,注意设置变量的值

    要添加条件进行当前变量值的判断,再处理不同内容

    软件AXURE8折叠展开AXURE变量
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1164382.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-07 04:41:13  耗时:0.023
    0.0228s