Axure教程:制作一個(gè)日志管理原型
編輯導(dǎo)讀:日志管理大家應(yīng)該都用過(guò),它可以有效地幫助我們制定工作任務(wù),便于管理和查詢(xún)。本文作者利用Axure制作一個(gè)日志管理原型,并對(duì)過(guò)程中遇到的一些問(wèn)題進(jìn)行了簡(jiǎn)單的梳理,與大家分享。
今天教大家如果在axure里面用中繼器做一個(gè)工作日志、工作計(jì)劃的原型。
原型預(yù)覽地址:https://bl854l.axshare.com
01 材料準(zhǔn)備
日期選擇器、中繼器、文本框、文本、添加按鈕、刪除按鈕
02 日期選擇器快速制作
選擇拖出文本框元件,然后點(diǎn)擊類(lèi)型-選擇日期即可。
如果覺(jué)得系統(tǒng)提供的日期元件不美觀,也可以自己用函數(shù)制作
03 中繼器內(nèi)擺放
文本框1——命名為開(kāi)始時(shí)間,提示文字開(kāi)始時(shí)間
文本框2——命名為結(jié)束時(shí)間,提示文字結(jié)束時(shí)間
文本框3——命名為工作計(jì)劃,提示文字請(qǐng)輸入工作計(jì)劃
文本框樣式可選擇無(wú)邊框透明,會(huì)更加美觀
添加按鈕和刪除按鈕各一個(gè),美觀的按鈕可以在icont下載
如下圖所示擺放:
04 中繼器內(nèi)表格
date是日期,代表是哪一天的計(jì)劃
time1代表開(kāi)始時(shí)間
time2代表結(jié)束時(shí)間
plan代表工作計(jì)劃
05 交互事件
中繼器每項(xiàng)加載時(shí)
設(shè)置開(kāi)始時(shí)間文本=item.time1
設(shè)置結(jié)束時(shí)間文本=item.time2
設(shè)置結(jié)束工作計(jì)劃文本=item.plan
點(diǎn)擊添加按鈕時(shí)
添加行時(shí)間,設(shè)置date=選中的日期,其余為空即可,讓用戶(hù)自己設(shè)置
點(diǎn)擊刪除按鈕時(shí)
刪除改行
選中日期時(shí)
點(diǎn)擊日期后獲取日期文本
添加對(duì)中繼器的篩選,篩選條件為[[TargetItem.date==LVAR1]],lvar1為日期文本
以上就是工作日志管理的原型的教學(xué)了。
本文由 @做產(chǎn)品但不是經(jīng)理 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
請(qǐng)問(wèn)一下點(diǎn)擊添加按鈕,設(shè)置中繼器添加行時(shí)間,設(shè)置date=選中的日期,具體怎么設(shè)置選中的日期