Axure中继器实现时间读取和修改

已于 2024-10-21 14:26:05 修改
阅读量1.3k 收藏 10
点赞数 34
分类专栏： Axure高级交互设计 Axure中继器专栏 Axure应用交互设计 文章标签： axure 交互 中继器时间
于 2024-10-16 15:47:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/benleiqiang/article/details/142968701
版权

亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！

课程主题：中继器实现时间读取和修改

主要内容：中继器内不同时间格式的向外读取，和向内赋值，实现中继器时间的修改

应用场景：修改表单、变更时间

案例展示：点击修改——显示修改页面并读取待修改时间——赋值新时间——修改中继器时间

本课重点：不同时间格式的获取方法和赋值方法

演示视频 

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Axure中继器单选、多选和重置
benleiqiang的博客
10-20 804
&&”表示并的意思，当多个条件使用这个符号的时候，那么满足所有条件的数据都会被筛选出来；“||”表示或的意思，当多个条件使用这个符号的时候，那么只要满足其中一个，那么数据就会被筛选出来；步骤四：添加多选查询交互，在多选查询时，用户编号的筛选，因为是要输入一个准确的数值，这会影响到多选查询的结果输出，因此我们可以做限制，在多选查询时不可输入用户编号，那么就需要情形的添加和提示弹窗的添加；当单击重置按钮时，中继器要移除筛选条件，页面的查询条件输入框也需要回到初始状态，那么就需要我们设置两个交互；
Axure中继器时间筛选
benleiqiang的博客
10-20 1243
2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。
Axure PR 9 时间 设计&交互
最新发布
WGzhuiri的博客
12-13 426
设置文本，插入时间函数[[Now.getMinutes()]]，在时间函数前在插入一个字串函数，LVAR.concat('string') 将LVAR变量替换成‘0’并删除'string')，在末尾补充一个小括号。设置文本，插入时间函数[[Now.getHours()]]，在时间函数前在插入一个字串函数，LVAR.concat('string') 将LVAR变量替换成‘0’并删除'string')，在末尾补充一个小括号。情形2：将情形1的交互复制粘贴到情形2，＜10，改成≥10，删除设置文本中的字串函数。
Axure 8 设置当前动态时间
weixin_44101779的博客
04-13 1822
1、新增一个文本标签 2、把文本标签改为动态面板 3、修改动态面板名称 4、复制动态面板状态 5、给动态面板增加载入时事件 6、给动态面板增加状态改变时事件 时间函数 当前时间：[[(0.concat(Now.getHours())).substr((0.concat(Now.getHours())).length-2,2)]]:[[(0.concat(Now.getMinutes())).substr((0.concat(Now.getMinutes())).length-2,2)]]:[[(0.
AxureRP8 实现时间功能
weixin_30650859的博客
07-27 2716
利用AxureRP8中空间的动态面板的状态改变时间设置文本的值，从而实现时间功能，如下内容。 1、新建index页面，如已有index页面忽略这步即可。 2、拖入一个文本标签，将文本标签的名称命名为：lb_daetime. 3、拖入一个动态面板，复制状态1（state1）,将复制后的状态命名为state2. 4、设置动态面板的载入时事件，如下图所示： 5、在动态面板的状态改变事件中向...
Axure原型图 时间跳动 计时动画效果
梦里蓝天
02-24 1187
先上一个效果图。 主要时间数字那里放置的是文本框，因为文本框有【文本改变时】的动作。 控件的命名： 再程序开发中的时分秒格式一般是HH:MM:SS，所以这里的空间命名的名称是h小时，m分钟，s秒，主要是懒不愿多打字。 M是分钟的全局变量，RechargeStatus是 【开始充电】按钮的状态标志，因为用的是【文本改变时】触发，没有状态标识会导致停不下来。能跑到59分59秒，谁也不会看这么久的原型图，所以这样就够了 ...
使用Axure动态显示系统时间
javaSYK的博客
08-06 934
axure9版本设置时间动态显示效果
Axure教程——自动获取时间
weixin_43516258的博客
06-28 2163
本文介绍用Axure制作的自动获取时间
Axure中继器组合应用交互
benleiqiang的博客
10-31 669
案例分析：发布订单时需要添加货物信息，货物信息由基础标准表单组成，从基础标准表单中取出要发运的货物，在订单页进行货物数量的手动配置，自动计算金额及总数量；步骤一：先制作基础标准表单，拖入中继器按下图内容进行基础内容的录入，在录入完所有数据后，添加按钮，组合转成动态面板；步骤二：制作订单中继器，先不要加交互，等两个中继器基本素材准备好，在制作；步骤四：配置第二个中继器。
Axure重要元件三——中继器修改数据
benleiqiang的博客
10-15 1263
赋值的目的是当用户点击修改按键后，显示出来的页面会在文本框内显示原来的数据，用户可根据需要进行修改；步骤六：继续添加交互，此时思考逻辑是要将修改页面录入的数据赋值给标记的行，那么操作步骤是更新行——已标记——赋值。步骤一：制作修改页面，录入图中各表单项，并分别进行文本框的命名，方便下一步赋值。步骤二：组合这个修改页面，并命名“修改页面”，交互：载入时隐藏这个组合。步骤三：添加中继器内修改按键的交互，单击时——显示修改页面组合。步骤五：修改页面的确定按钮添加交互，单击时——隐藏修改页面。
axure图片定时切换实例
03-27
axure dynamic Panel 实现图片定时切换，鼠标悬停图片切换停止
【Axure篇】(二)Axure RP9日期控件制作(多种格式)
热门推荐
y2020520的博客
01-04 1万+
tips:当然这次做的是最最简化的。实际应用场景中，日期的选择通常伴随着起始日期选择和结束日期选择，这种情况直接做两个并排日期控件就好了。另外，日期控件通常设置为隐藏状态，只有执行某一动作，才会触发该控件显示出来。第一次画原型图的时候发现元件居然没有日期控件，原来需要自己画；4.fx>插入变量或函数>日期>Now(选择Now点击日期框时会默认选中当前时间)3.选择为日期类型后新建交互>单击时(事件)>设置文本(动作)>当前元件>fx。2.选中拖拽的文本框，点击交互右键的类型，选择类型为日期。
Axure动态面板的使用及案例
weixin_65972586的博客
12-15 459
Axure动态面板
Axure原型设计累加器计时器设计效果（职业院校技能大赛物联网技术应用项目原型设计题目）
weixin_59042297的博客
09-15 3096
1.本文所讲的是Axure 原型设计，使用软件是Axure RP 8版本，若您有需要在资源中下载；2.本文所讲的内容来源自——全国职业院校技能大赛“物联网技术应用”赛项原型设计题目；3.本文所讲的原型设计素材会发布到我的资源当中，若有需要可以在我的资源中下载；4.本文讲解的操作步骤均是Axure RP 8版本，原则上8以上版本操作步骤会跟本文大有不同，所以需要者可以学习其中交互方法，或直接见上行文字下载使用；5.Axure原型设计内容以收入到我的“Axure原型设计”专栏当中；
Axure 8 制作动态时间
chxjv的专栏
02-23 6640
Axure 8 制作动态时间方法！
Axure的动态面板的使用
weixin_74454158的博客
12-15 1729
动态面板是Axure中一个非常强大的高级元件，用于实现多个状态的切换展示，同时也常用于充当Axure中的定时器。可以将其看成一个容器，可以容纳多种不同状态，通过各种交互触发其状态发生变化。
Axure中继器基础教程（增行、删当前、标记、全部、规则行） Mark
xsfqh的专栏
03-24 8357
一、中继器的新增行 中继器所显示的列表项与中继器的数据集有关，默认情况下是一一对应的。也就是说，中继器数据集中有多少行数据，那么，列表项就有多少个。 那么，我们能不能通过新增数据行来增加列表项呢？ 可以的。我们可以通过动作对中继器进行新增行的操作。 下面就以向默认状态下的中继器新增行举例，我们将一个文本框（命名为”Ipt”）和一个“新增”按钮放到编辑区。生成后的效果要求：点击“新增”按...
Axure 03-动态面板的使用&案例
2302_76638140的博客
12-15 1421
动态面板是Axure中一个非常强大的高级元件，用于实现多个状态的切换展示，同时也常用于充当Axure中的定时器。同时动态面板也是一个容器，它可以容纳其他元件，包括在动态面板里面再设置一个动态面板，通过各种交互触发其状态发生变化。
【Axure教程】调用日期选择器并筛选中继器表格
mushe93的博客
08-25 2178
今天教大家在Axure里怎么调用代码调用浏览器的日期选择器并对对中继器表格进行日期区间的筛选
axure中继器导入数据
09-15
在Axure中，导入数据到中继器是通过使用Excel文件来实现的。以下是一种方法来导入数据到Axure中的中继器： 1. 准备Excel文件：首先，你需要准备一个包含你想要导入的数据的Excel文件。确保文件中的每一列都有相应的列标题。 2. 打开Axure并创建中继器：在Axure中，你可以创建一个中继器来存储和管理你的数据。你可以在Axure的主菜单中选择“窗口”>“中继器”来打开中继器面板。在中继器面板中，你可以点击“新建中继器”按钮来创建一个新的中继器。 3. 导入数据：在中继器面板中，你可以看到一个“导入数据”按钮。点击这个按钮，然后选择你准备好的Excel文件。Axure将会读取该文件，并将数据导入到你的中继器中。 4. 映射数据：一旦数据被成功导入到中继器中，你可能需要映射这些数据到你的Axure原型中的UI组件。你可以在中继器面板中，选择一个或多个数据行，然后右键点击选择“映射数据”。接下来，你可以选择一个或多个UI组件，并将这些数据行映射到它们上。 5. 预览和测试：一旦数据被成功导入和映射到你的原型中，你可以点击中继器面板上的“预览”按钮来预览你的原型，并测试中继器中的数据是否正确显示在UI组件中。 总结一下，Axure中的中继器可以通过导入Excel文件来实现数据的导入。你只需要准备好Excel文件，打开Axure的中继器面板，点击“导入数据”按钮，选择Excel文件并导入数据。然后，你可以映射这些数据到你的UI组件，并在预览中测试它们的显示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

结构化知识课堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值