博客概要

分享利用Axure的动态面板元件制作一个粗糙的勾选~

文章目录

- 博客概要
Axure RP8-实战案例_总目录
- 勾选
- 制作过程
- - 1.整体搭建
  - 2.创建面板
  - 3.面板结构
  - 4.设置交互
  - 5.效果展示
- 总结

Axure RP8-实战案例_总目录

文章超链接：https://blog.csdn.net/qq_41386332/article/details/109445644

勾选

解释	勾选状态提醒
效果	点击“勾选”，发生变化
【PS】	1.本次制作，样式简洁，请按需，自行美化 2.有多种制作方式，此次至制作了其中之一，其余后续分享
…	…

制作过程

1.整体搭建

利用“矩形”、“图片”、“动态面板”等元件，整体搭建主体页面结构。

2.创建面板

动态面板区域明显不同色，双击区域，出现“面板状态管理”弹窗，设置“动态面板名称”，新建相应轮播面板，双击选择面板，即可进入相应的面板进行编辑。

3.面板结构

利用“图片”、“文本”等元件搭建相应面板的结构。

4.设置交互

进入面板后，按步骤进行相应的交互设置：

选中要设置“区域”元件
在属性一栏选择设置“交互”下的“鼠标单击时”的用例
选择“添加动作”一栏的“设置面板状态”
勾选“配置动作”中要设置状态的动态面板
在“选择状态”一栏，下拉选择相应面板
点击“确定”，可以在“属性”的“交互”一栏中看到相应的变化

5.效果展示

点击相应区域即实现勾选效果。

总结

以上= =“动态面板之勾选”技能点get~

Axure—动态面板-勾选相关推荐

axure下移固定地方_axure固定元件位置教程：使用axure动态面板制作一个返回顶部的按钮...
许多网站上都有一个"返回页首"按钮.无论屏幕如何滚动,"返回顶部"按钮始终浮动在固定位置,随时可用.一旦点击它,他就像一个小小的火箭,摇晃起来,页面将返回页面顶 ...
axure内联框架和动态面板_最详细的Axure动态面板使用教程
1.打开[Axure]软件,在index文件上新建一个375*667大小的背景矩形并绘制页面. 具体如图所示. 2.在banner的位置上新建一个[动态面板],双击动态面板在其中新建state1.st ...
Axure动态面板实现轮播图
Axure中不乏许多的高级功能,其中轮播图是我们在页面中常见的一个高级功能,轮播图的做法有很多种,但是就我个人而言认为使用动态面板做轮播简单点.今天就让我们来学习一下Axure中动态面板实现轮播图吧. ...
axure 动态面板实现图片轮播效果（淘宝）
淘宝中经常可以看到店铺中的图片轮播效果,本经验将通过axure7.0实现工具/原料 axure7.0 方法/步骤下载需要轮播的图片将图片引入至axure中,将引入的第一张图片转为动态面板将动态 ...
axure 动态面板自动适应浏览器宽度_动态面板之“固定到浏览器”与“自适应窗口宽度”特性解读图文教程(18)...
特性:固定到浏览器案例:固定位置与锚点链接特性:自适应窗口宽度案例:底部导航横向铺满全屏补充,点击小图,动态切换大图一.固定到浏览器特性 1.准备材料: (1)直接复制粘贴一篇长的图文文档到 ...
Axure动态面板使用，简单的交互
在Axure中如何使用动态面板将动态面板拖拽到工作区,并设置为合适大小, 双击动态面板双击之后,周围变色,动态面板高亮,点击顶部的state1,添加状态, 添加很多的新的面板设置完成之后点击右上 ...
axure动态面板滑动效果
手机端交互中,页面的上下左右滑动是常用的交互形态,今天给大家分享一下如何使用Axure来进行模拟,这里使用动态面板来实现,如果对动态面板不是很了解的同学,请查看专栏里的"动态面板入门教程&q ...
Axure动态面板的使用
动态面板: 在Axure中的很多交互都是由动态面板来实现的.动态面板里面可以包含多个状态,所以通过一些事件可以对动态面板的状态进行切换,以此来实现交互效果.但任何时候都是只有一个状态是可见的,或者整个 ...
Axure 动态面板切换
目录一.说明二.交互示例三.原型链接一.说明 (1)动态面板无刷新切换是原型交互中较为简单的一种实现方式. (2)在一个动态面板中实现多页面的交互呈现,不用去新建菜单. 二.步骤 1.先拉一个 ...

Axure—动态面板-勾选