Axure怎样制作一个日志管理原型?

如题所述

日志管理应该为我们大家日常工作所使用,它可以有效地帮助我们制定工作任务,便于管理和查询。本文使用Axure创建了一个日志管理原型,感兴趣的小伙伴就学习操作起来!学会Axure,人人都是产品经理!这句话,想必对于准备自学Axure或者正在自学Axure的小伙伴们来说并不陌生!而想要完全掌握Axure成为产品经理,可能也并非容易,入门简单,但是交互原理可并不简单!因此提供了系列的Axure自学视频课,可以全面的学习Axure软件基础以及交互原型案例实操~

Axure制作一个日志管理原型步骤:

01材料准备

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

02日期选择器快速制作

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

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

03中继器内摆放

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

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

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

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

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

如下图所示摆放:

04中继器内表格

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

time1代表开始时间

time2代表结束时间

plan代表工作计划

05交互事件

中继器每项加载时

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

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

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

点击添加按钮时

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

点击删除按钮时

删除改行

选中日期时

点击日期后获取日期文本

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

最终效果:

以上就是关于“Axure怎样制作一个日志管理原型?”的全部内容精彩分享了,希望能够帮助到你!更多Axure精彩分享,尽在Axure相关文章~如果你此时正在犹豫Axure去哪学、怎么学的话,那我不妨建议你直接学习体验一下我们的Axure自学自学课,专业讲师授课,可以从基础的知识点开始学起,逐步深入掌握哦~

温馨提示:答案为网友推荐,仅供参考
相似回答