Axure综合小案例（动态时钟)

最新推荐文章于 2024-08-06 11:16:40 发布
最新推荐文章于 2024-08-06 11:16:40 发布
阅读量1.3k 收藏 5
点赞数 2
分类专栏： 原型工具 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55294779/article/details/121061409
版权
本文通过Axure展示了如何创建动态时钟，包括利用动态面板制作幻灯片实现指针切换，以及运用日期函数计算指针偏移角度。详细介绍了素材准备、动态面板设置和最终效果展示。
摘要由CSDN通过智能技术生成

Axure综合小案例（动态时钟)

对于制作动态时钟我们所需要解决的两个难点:

  1. 如何让指针动起来.(可以使用动态面板使指针动起来)
  2. 指针动的角度(可以使用日期函数使指针偏移正确角度)

动态面板部分.使用了动态面板制作幻灯片,可以实现图片在指定时间内进行切换

1.0 素材准备

1.表盘素材

7aadbc8306def8920aaa53362127351d

image-20211030202318664

2.0 动态面板进行设置

image-20211030202633019

1.开始设置动态面板,在添在用例载入时添加动作

image-20211030203056949

关于循环面板交互动作已经解决,此时已经解决了动,下面还需要解决角度

向下是正数,向下是负数

2.设置状

最低0.47元/天 解锁文章
产品与禅之道
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure小案例
weixin_57766703的博客
06-07 180
1.首先拖出两张图片,类似的就好 2.在样式里给它的背景填充与图片上相同的颜色，将图片放到相应的位置，如下图： 3.点击地球的那张图片找到旋转时和载入时，分别进行设置，如下图2（旋转时）.3（载入时） 4.最后点击火箭那张图片找到旋转时和载入时分别进行设置，如下图 这个简单的小案例就这样做好了 1.首先拖出两张图片,类似的就好 2.在样式里给它的背景填充与图片上相同的颜色，将图片放到相应的位置，如下图：...
Axure RP9 制作动态时间、倒计时以及动态变化数字效果
07-03
1.动态时间可以放在原型的产品设计图上，使得预览效果更具系统的真实性； 2.动态数字可以自定义颜色和字体效果，放在大数据可视化大屏上，动态效果更加灵动； 3.
Axure RP9 制作动态时钟
shandongmike的博客
03-29 746
制作过程快速阅览。
Axure动态显示实时时间
PMIIᶜᶜ的博客
06-16 4967
Axure制作动态的实时时间
Axure教程——自动获取时间
weixin_43516258的博客
06-28 1879
本文介绍用Axure制作的自动获取时间
利用Axure RP9 制作 动态时钟
03-29
在这个"利用Axure RP9 制作 动态时钟"的学习资源中，我们将探讨如何利用该软件制作一个动态显示时间的时钟模型。 首先，制作原型文件"时钟制作.rp"会引导你一步步完成整个过程。Axure RP9 提供了丰富的元件库，其中...
Axure8.0小案例：挖掘机模型
02-26
前段时间通过Axure8.0绘制出电动机模型，并鼓励大家继续玩Axure8.0最好玩坏它。这几天利用业余时间绘制了两个好玩作品——挖掘机和坦克模型。额，别问我是不是山东来的。自从制作这个以后，感觉自己挖掘机技术已经...
AXURE 9 微信小程序元件库
06-13
AXURE 9 微信小程序元件库是一款专为原型设计师打造的强大工具，它集成了多种微信小程序的UI元素，使得在设计过程中可以快速构建出逼真的微信小程序原型。这款元件库极大地方便了设计师们的工作，提高了设计效率，...
axure9数据可视化的动态元件库.rp
09-04
专门针对Axure制作的动态图表元件库，能否帮助产品经理更高效地制作高保真图表原型，是有追求的产品经理必备元件工具。2. 设计原理 整体设计基于易用性考虑，每个元件均包含图表容器、样式配置、数据配置三个部分，并提供相应的默认值，能够直观了解图表效果，并根据自己需要进行任意拓展。 包括各类（折线图、柱状图、条形图、饼图、面积图、散点图、气泡图、雷达图、地图、K线图..)
Axure9-APP原型设计表盘式导航-随手记.rp
12-14
随手记App中有一页是图表浏览，将用户所记录的数据，通过饼图或者条形图的方式进行显示。同时，还可以从不同维度对数据进行分类，如支出图表、收入图表、资产图表、月度图表等。
日历控件和天气使用分享
10-24
本文给大家分享的2个简单而且实用的小功能代码，分别是日历控件和天气预报接口，推荐给大家，需要的小伙伴快来参考下吧
如何在Axure RP 9 中设置显示当前的时间
H674199469的博客
07-19 6518
1：新建一个页面page1 方法：文件(F)→新建(N) 2：在Default 元件库中找到“文本”元件并拖入页面page1中,文本名称根据自己需要进行相关设置，这里我设置为datetime，样式根据自己实际需求设置。 3 在page1页面中再拖入一个动态面板随便命名即可，我命名为time，注意不要覆盖到文本datetime 的区域。time动态面板设置状态1和状态2共两状态即可。边框呀 背景呀都不要显示出来，这样做是为了后面做铺垫。 3.1 设置time动态面板的交互动作1，载入时...
Axure 8 制作动态时间
chxjv的专栏
02-23 6552
Axure 8 制作动态时间方法！
Axure原型图 时间跳动 计时动画效果
梦里蓝天
02-24 1070
先上一个效果图。 主要时间数字那里放置的是文本框，因为文本框有【文本改变时】的动作。 控件的命名： 再程序开发中的时分秒格式一般是HH:MM:SS，所以这里的空间命名的名称是h小时，m分钟，s秒，主要是懒不愿多打字。 M是分钟的全局变量，RechargeStatus是 【开始充电】按钮的状态标志，因为用的是【文本改变时】触发，没有状态标识会导致停不下来。能跑到59分59秒，谁也不会看这么久的原型图，所以这样就够了 ...
使用Axure动态显示系统时间
最新发布
javaSYK的博客
08-06 219
axure9版本设置时间动态显示效果
【Axure高保真原型】动态多标题仪表盘
mushe93的博客
04-10 277
今天和大家分享动态多标题仪表盘的原型模板~~~
Axure原型组件库，数据可视化动态元件库（超详细Axure9可视化素材）
qq_41790573的博客
12-01 9410
专门针对Axure制作的动态图表元件库，帮助产品经理更高效地制作高保真图表原型，是产品经理必备元件工具。现分享完整的组件库，大家一起学习。每一个动态组件在原型文件中都配有详细介绍，1. 本组件库的图表模块，已包含所有常用的图表。2. 设计原理整体设计基于易用性考虑，每个元件均包含图表容器、样式配置、数据配置三个部分，并提供相应的默认值，能够直观了解图表效果，并根据自己需要进行任意拓展。wrap底图 ：每个元件都包含一个wrap，也是唯一可视的元素。调整改变wrap的长宽，会自动改变图表尺寸。
axure 实验室 案例
07-25
Axure 实验室案例是指使用 Axure 软件进行设计和原型制作的实例。Axure 是一款功能强大的原型设计工具，可以让设计师和产品经理更好地展示自己的设计理念和产品构思。 在 Axure 实验室案例中，设计师或产品经理通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值