【Axure教程】用中继器做工作管理的原型

简介: 【Axure教程】用中继器做工作管理的原型
工作管理大家应该都用过,它可以有效地帮助我们制定工作任务,便于管理和查询。本文作者利用Axure制作一个日志管理原型,并对过程中遇到的一些问题进行了简单的梳理,与大家分享。

今天教大家如果在axure里面用中继器做一个工作日志、工作计划的原型。

【原型预览】

用电脑点击左下方阅读原文或复制打开下面的原型预览地址

https://axhub.im/pro/0b0740ca3e4d12c2/#g=1

【原型下载】

方式2:https://weidian.com/item.html?itemID=3914149056

【原型效果】

【制作教程】

01 材料准备

日期选择器、中继器、文本框、文本、添加按钮、删除按钮

02 日期选择器快速制作

选择拖出文本框元件,然后点击类型-选择日期即可。

如果觉得系统提供的日期元件不美观,也可以自己用函数制作


5f1ec2cf83c4c6d9723947ec69543a3e.jpg


03 中继器内摆放

文本框1——命名为开始时间,提示文字开始时间

文本框2——命名为结束时间,提示文字结束时间

文本框3——命名为工作计划,提示文字请输入工作计划

文本框样式可选择无边框透明,会更加美观

添加按钮和删除按钮各一个,美观的按钮可以在icont下载

如下图所示摆放:


be575b6117c2fd107f852cc4646340db.jpg


04 中继器内表格

date是日期,代表是哪一天的计划

time1代表开始时间

time2代表结束时间

plan代表工作计划


300bd52bf285e86944fbff609e1ad004.jpg


05 交互事件

中继器每项加载时

设置开始时间文本=item.time1

设置结束时间文本=item.time2

设置结束工作计划文本=item.plan

050705d88c198a79602a2763b01a0d85.jpg


点击添加按钮时

添加行时间,设置date=选中的日期,其余为空即可,让用户自己设置


0d8b72d2b7321c21b2e2fc2a89087dcd.jpg


点击删除按钮时

删除改行


28b6be4297483f04cd17c04885f10b4c.jpg


选中日期时

点击日期后获取日期文本

添加对中继器的筛选,筛选条件为[[TargetItem.date==LVAR1]],lvar1为日期文本


9f63deba764c7b3ec18356c8b924da31.jpg


以上就是工作日志管理的原型的教学了。

相关文章
|
4天前
产品入门第六讲:Axure中继器
产品入门第六讲:Axure中继器
|
6月前
原型工具Axure和墨刀哪个更好?
原型工具Axure和墨刀哪个更好?
77 1
|
数据可视化
【Axure教程】动态玫瑰图
【Axure教程】动态玫瑰图
【Axure教程】动态玫瑰图
【Axure教程】用中继器做答题app原型
【Axure教程】用中继器做答题app原型
【Axure教程】用中继器做答题app原型
|
前端开发
前端工作总结214-可以不参考原型
前端工作总结214-可以不参考原型
61 0
前端工作总结214-可以不参考原型
|
数据库 Windows
艾伟_转载:基于.NET平台的Windows编程实战(三)—— 项目的创建及主界面的设计
第一步:创建一个新的Windows项目 打开VS2005,点击“文件”-->“新建”-->“项目”,在弹出的对话框里,在左边选择“Windows”,在右边选择“Windows应用程序”,并在下面的名称里输入“QuestionnaireSystem”,选择相应的保存位置后,点“确定”,如下图3-1所示:                                  图3-1  这样一个新的Windows项目就创建好了。
784 0
|
数据库 Windows
艾伟:基于.NET平台的Windows编程实战(三)—— 项目的创建及主界面的设计
第一步:创建一个新的Windows项目 打开VS2005,点击“文件”-->“新建”-->“项目”,在弹出的对话框里,在左边选择“Windows”,在右边选择“Windows应用程序”,并在下面的名称里输入“QuestionnaireSystem”,选择相应的保存位置后,点“确定”,如下图3-1所示:                                  图3-1  这样一个新的Windows项目就创建好了。
726 0