Axure教程:制作一個(gè)日志管理原型

1 評(píng)論 15872 瀏覽 34 收藏 4 分鐘

編輯導(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é)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 請(qǐng)問(wèn)一下點(diǎn)擊添加按鈕,設(shè)置中繼器添加行時(shí)間,設(shè)置date=選中的日期,具體怎么設(shè)置選中的日期

    來(lái)自湖南 回復(fù)