当前位置:网站首页 > 新媒体 > 正文

axure库里的默认元件不显示(教你元件的使用方法)

0 李勇seo 李勇seo 2025-05-04 23:48 4

元件的显示/隐藏及其动效

元件准备与设置

  1. 准备好一个占位符,三个按钮,拖至画布;
  2. 更改三个按钮上的文字分别为显示、隐藏、切换;
  3. 将占位符的默认状态设置为隐藏,方法:选中占位符后在右侧样式菜单上点击隐藏

设置点击按钮时占位符的可见性

给三个按钮分别添加事件设置可见性于占位符上,如下图所示:

元件的显示隐藏及其动效 | 剑雨Axure RP9系列「进阶」

动画、灯箱、弹出、推拉

动画

对于显示与隐藏时,可以设置元件的动画效果,此设置详细见第36节-动画和边界.

置于顶层

注意,在显示与切换两个动作中,可将目标元件置于顶层bring to front。

元件的显示隐藏及其动效 | 剑雨Axure RP9系列「进阶」

灯箱效果

显示动作时,可以设置一个灯箱效果,并添加背景色;

弹出效果

当显示动作触发时,元件会以弹出的方式出现,在该方式下,此占位符会自动结束触发事件显示。

元件的显示隐藏及其动效 | 剑雨Axure RP9系列「进阶」

推拉

推拉选项位于“ 显示/隐藏”操作底部的“ 更多选项”下的下拉列表中。该操作的图示如下:

元件的显示隐藏及其动效 | 剑雨Axure RP9系列「进阶」
李勇seo

李勇seo

TA很懒,啥都没写...

本文暂时没有评论,来添加一个吧(●'◡'●)

取消回复欢迎 发表评论:

@百闻站长 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2025402138号 | (地图