Axure教程：滑动选择数值（动态面板）

本次分享的是滑动选择数值案例

预览及下载地址：https://ef8qxl.axshare.com

一、制作原型

1、制作12个矩形，分别命名为:1、2、3、4、5、6、7、8、9、10、11、12 ，

 制作一条横线，命名为：水平线制作输一个输入框，命名为：数值![在这里插入图片描述](https://img-blog.csdnimg.cn/8b9301b383bc4e449e87c9e5e2b8d956.png#pic_center)

制作一个动态面板，命名为：移动

  在面板里制作一个指针，拖动一个矩形，命名为：移动光标，设置成自己喜欢的形状，如图

制作一个矩形，命名为：显示，可以设置成自己喜欢的形状和颜色，并设置为隐藏状态，如图：

最后制作成如图：

所有的制作完成，接下来进行交互设置

二、交互设置

1.对动态面板“移动”进行“移动时”事件和“拖动时”事件进行设置：

2.对矩形“移动光标”进行“鼠标按下时”事件和“鼠标松开时”事件进行设置：

所有的设置完毕。

Axure教程：滑动选择数值（动态面板）相关推荐

Axure RP使用攻略--动态面板的用途（8）
写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于动态面板动态面板是axure原 ...
Axure 9 实战案例，动态面板的应用 5，官网首页自动轮播广告
前言 Hello!欢迎来到Axure 9 实战案例教程专栏.点击了解课程简介>> 动态面板在Axure原型设计中,可以说是应用最广泛的:本次课程我们继续来学习一下,动态面板的应用:本篇我们 ...
Axure 9 实战案例，动态面板的应用 6，导航菜单栏的手风琴效果
前言 Hello!欢迎来到Axure 9 实战案例教程专栏.点击了解课程简介>> 我们接着再继续学习动态面板的应用,本篇课程我们来讲解一下,如何运用动态面板绘制导航菜单栏的手风琴效果. 我 ...
axure内联框架和动态面板_Axure教程:如何使用动态面板？动态面板功能详解
写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板动态面板是a ...
axure内联框架和动态面板_最详细的Axure动态面板使用教程
1.打开[Axure]软件,在index文件上新建一个375*667大小的背景矩形并绘制页面. 具体如图所示. 2.在banner的位置上新建一个[动态面板],双击动态面板在其中新建state1.st ...
axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动
刚开始学axure,发现入门还是蛮简单的,所以从现在开始写一些自己体会的内容,以后忘记了也可以来翻阅一下. 因为是入门,所以内容肯定是很简单的,但是本文也不会致力于写教程一样那么详细,还是侧重于自己的 ...
Axure 9 实战案例，动态面板的应用 4.1，省市区三级联动下拉菜单（重制简易版）
前言 Hello!欢迎来到Axure 9 实战案例教程专栏. 本次课程我们继续来学习一下,动态面板的应用.本篇我们来讲解一下,如何绘制省市区联动下拉菜单(重新撰写简易版). 下拉菜单初稿为了节省时间 ...
Axure高级功能(变量、动态面板[轮播图]、中继器)
文章目录一.变量的使用 1.局部变量 2.全局变量二.动态面板 1.设置动态面板 2.轮播图案例 3.手机页面显示超出屏幕区域内容的处理方式一使用内联框架方式二使用动态面板三.中继器 ...
axure内联框架和动态面板_解读Axure RP 9新功能：内联编辑动态面板
一直以来,动态面板小部件是Axure RP的一个定义功能.在版本4中引入的动态面板是容器,允许用户构建从图像轮播到粘性导航标题到可拖动页面元素的所有内容. Axure RP 9的主要目标之一是使这些功 ...

Axure教程：滑动选择数值（动态面板）

Axure教程：滑动选择数值（动态面板）相关推荐

最新文章

热门文章