Axure9教学之TAB切换面板

VIP文章 已于 2022-11-17 13:56:14 修改
阅读量5.7k 收藏 9
点赞数
分类专栏： Axure 文章标签： 交互 ui css3 html5
于 2020-03-22 20:33:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunny_Destiny/article/details/105044033
版权
  • 今天我们来学习一下如何使用Axure9制作TAB切换面板

  • 我们首先来看一下效果图

     
    7861972-0066768f7dcc6cad.gif
    tab切换.gif
  • 接下来我们来具体说明制作过程

  • 第一步，新建一个矩形tab1（大小自己调），如图

     
    7861972-d6859fdc42bd9b39.png
    tab1.png
  • 第二步，加效果，右键-交互样式-禁用-填充颜色（改为红色）
    7861972-27eb5b381af4d72c.png
    交互样式.png
  • 给矩形加事件&
最低0.47元/天 解锁文章
sunny_Destiny
关注
  • 0
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure制作tab页切换内容.rp
04-18
Axure制作tab页切换内容 1.创建4个大小相同Tab选项卡分别为Tab0，Tab 1，Tab 2 和Tab 3，其中Tab 0 作为选中后样式； 2、创建动态模板，设置3个state分别为Content 1，Content 2和Content 3； 3、设置交互....
动态面板制作tab切换效果
01-17
axure 动态面板制作tab切换效果
Axure 动态面板初使用-实现简单的tab切换页面效果
设计师工作日常
02-01 1127
在 Axure 中使用动态面板实现简单的 tab 页切换的效果。
Axure实战教程：tab导航页面切换
weixin_45045252的博客
03-13 298
6、最后，为了保证tab导航点击时，只选中其中一个，则需要同时选中两个文本标签，鼠标右键，给他们添加选项组，命名为a1。在实现移动端和PC端高保真原型时，我们经常遇到tab页签导航，点击导航可以切换不同的页面。接下来给大家分享一下具体的实现过程。1、准备一下元件：2个文本标签作为tab导航，一个矩形作为导航背景框以及一个动态面板。2、同时选中两个文本标签，给他们添加【鼠标悬停】和【元件选中】的交互样式。5、再添加下面的动态面板状态切换。
Axure 设置Tab页选中切换页面
01-13
产品
Axure RP 9 制作拖动按钮面板拖动图片教学视频
11-03
1、包含Axure RP 9 制作拖动按钮面板拖动图片教学的范例文件。 2、包含Axure RP 9 制作拖动按钮面板拖动图片的原型文件。 3、能够让初学者，学会动态面板的合理使用，看的懂，学得会。 4、过程简单、同类型的利用率高。
使用Axure RP9 实现Tab选项卡切换选中功能
qq_53821346的博客
03-15 5655
在学习使用Axure RP9软件绘制原型图的过程中，遇到需要实现Tab选项卡切换的交互效果，现将制作思路记录下来
axure rp9下拉框发生改变时，切换动态面板
热门推荐
笑到世界都狼狈的博客
04-14 1万+
axure rp9实现点击下拉列表时，切换动态面板的效果
【Axure】动态面板实现B端TAB切换。
qq_52928616的博客
06-26 491
axure，动态面板实现B端TAB切换。
axure rp9制作tab页方法
weixin_42691754的博客
10-31 8360
1.首先在页面中拉一个矩形框，命名为tab1 2.给矩形设置鼠标悬停及选中时样式 3.设置鼠标交互选中当前页面时颜色按照鼠标样式，见图 !设置鼠标交互是在网页中点击选中的样子](https://img-blog.csdnimg.cn/20191031153340298.png) 4.复制一个tab矩形框命名为tab2 5.两个矩形tab1和tab2创建选项组，选中两个矩形右键选择选项组 ...
1、Axure9.0实现简单的导航切换或tab切换效果.rp
02-19
1、Axure9.0实现简单的导航切换或tab切换效果.rp
用AXURE的动态面板实现TAB切换不同界面的效果 （注册登录界面的设计和实现）.
03-14
用AXURE的动态面板实现TAB切换不同界面的效果 （注册登录界面的设计和实现）.
Axure RP 9 跳转不同页面的指定动态面板
12-07
Axure RP 9 跳转不同页面的指定动态面板，并且可以跳转指定动态面板里指定面板页里的指定动态面板的指定面板页，我自己都绕糊涂了
Axure 9.0 教程：用动态面板制作Tab切换.docx
05-30
Axure 9.0 教程：用动态面板制作Tab切换.docx
axure9点击标题进行面板折叠推拉
05-12
axure9点击标题进行面板折叠推拉axure9点击标题进行面板折叠推拉axure9点击标题进行面板折叠推拉axure9点击标题进行面板折叠推拉axure9点击标题进行面板折叠推拉axure9点击标题进行面板折叠推拉axure9点击标题进行...
《QT实用小工具·四十七》可交互的创意动态按钮
最新发布
cs1395293598的博客
04-29 731
该项目实现了可交互的创意动态按钮，包含如下功能： 所有颜色自定义 鼠标悬浮渐变 两种点击效果：鼠标点击渐变 / 水波纹动画（可多层波纹叠加） 额外鼠标移入/移出/按下/弹起的实时/延迟共8种事件 鼠标悬浮图标位置主动变化 鼠标拖动图标抖动反弹效果 鼠标进入父控件时开启出现效果，或启动时出现 延迟出现的动画效果（多个按钮连续） 记录开关状态 直接设置 x、y 的圆角显示 边框颜色设置 禁用时半透明+点击穿透效果 添加额外的边缘角标 三种前景模式：图标、文字、带遮罩的图标（任意变色） 支持QSS直接设置部分属性
大数据BI可视化(Echarts组件)项目开发-熟悉交互API5.0
2201_75311251的博客
04-28 254
【代码】大数据BI可视化(Echarts组件)项目开发-熟悉交互API5.0。
鸿蒙launcher浅析
xianrenli38的博客
04-28 677
launcher的ui加载 是这样的，使用的不是UIAbility，而是没见过的ServiceExtension.,如此，添加的UI。product 业务形态层：区分不同产品、不同屏幕的各形态桌面，含有桌面窗口、个性化业务，组件的配置，以及个性化资源包。之前做过Android launcher，所以对鸿蒙的launcher挺好奇的，看看和普通鸿蒙应用有何区别。feature 公共特性层：抽象的公共特性组件集合，可以被各桌面形态引用。common 公共能力层：基础能力集，每个桌面形态都必须依赖的模块。
axure9用文本框和动态面板自制下拉框
03-21
在Axure 9中，你可以使用文本框和动态面板来自制下拉框。下面是一种实现方式： 1. 首先，创建一个文本框，用于显示选中的选项。你可以在Axure的工具栏中选择文本框工具，然后在画布上绘制一个文本框。 2. 接下来，创建一个动态面板，用于显示下拉框的选项列表。你可以在Axure的工具栏中选择动态面板工具，然后在画布上绘制一个动态面板。 3. 在动态面板中，添加需要的选项。你可以使用文本框、形状或其他控件来表示每个选项。将它们放置在动态面板内部，并根据需要进行排列。 4. 设置交互行为。选中文本框，然后在交互面板中选择“OnFocus”事件。在事件触发时，你可以选择“Set Panel State”操作，并将目标设置为动态面板。这样，在文本框获得焦点时，动态面板将显示出来。 . 在动态面板中的每个选项上设置交互行为。选中每个选项，然后在交互面板中选择“OnClick”事件。在事件触发时，你可以选择“Set Text”操作，并将目标设置为文本框。这样，在点击选项时，文本框将显示所选的选项。 这样，你就可以通过文本框和动态面板来实现自制的下拉框了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值