作為Axure小白吭露,一直以為選擇日期的控件自己做很難,需要當(dāng)別人已做好的元件孝冒。剛才試著搜索了一下柬姚,發(fā)現(xiàn)自己也能很easy的做出來!
1庄涡、從Axure自帶元件庫(kù)中拖拽【文本框】到畫布量承。注意不要搞錯(cuò),剛開始誤選的文本標(biāo)簽穴店,后面的步驟就不能做了= =
2撕捍、單擊這個(gè)文本框,選擇類型(Axure的類型是在交互的右側(cè))泣洞。類型選【日期】忧风,提示文字可以寫‘請(qǐng)選擇日期’(提示文字可以隨意發(fā)揮),其他保持默認(rèn)就可以了球凰。
3狮腿、點(diǎn)擊【新建交互】(New Interaction),選擇【鼠標(biāo)單擊時(shí)】-->【設(shè)置文本】-->fx
4呕诉、彈出交互編輯框缘厢,選擇【設(shè)置文本】-->【當(dāng)前元件】
5、點(diǎn)value后的fx甩挫,出現(xiàn)f圖贴硫,點(diǎn)擊【插入變量或函數(shù)】,在下拉列表中選擇日期--Now伊者,點(diǎn)擊確定
6夜畴、點(diǎn)擊【確定】拖刃,注意是兩個(gè)確定
7、交互編輯好的狀態(tài)如圖h
8贪绘、做完的效果如下,畫布狀態(tài)+預(yù)覽狀態(tài)
OK非常容易的就做出來了央碟,當(dāng)然這次做的是最最簡(jiǎn)化的税灌。實(shí)際應(yīng)用場(chǎng)景中,日期的選擇通常伴隨著起始日期選擇和結(jié)束日期選擇亿虽,這種情況直接做兩個(gè)并排日期控件就好了菱涤。另外,日期控件通常設(shè)置為隱藏狀態(tài)洛勉,只有執(zhí)行某一動(dòng)作粘秆,才會(huì)觸發(fā)該控件顯示出來。