Axure RP 8怎么設(shè)置文字提交工功能原型?

一般情況下,博客或論壇中都有評論提交功能,場景:有個(gè)文本域,輸入評論文字后,點(diǎn)擊“提交”按鈕,提交后顯示在文本域上方。下面利用Axure RP 8設(shè)計(jì)實(shí)現(xiàn)這個(gè)場景,操作如下:

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語言:簡體中文
- 時(shí)間:2018-05-24
1、打開Axure RP 8設(shè)計(jì)軟件,在元件庫中將一個(gè)矩形框拖曳到畫布上,并調(diào)整矩形框高度和寬度,如下圖所示:
2、再次在元件庫中,拖一個(gè)按鈕、文本域和label到畫布上,如下圖所示:
3、選中文本域,添加提示信息,輸入“請輸入評論”,如下圖所示:
4、選中“提交”按鈕,添加“鼠標(biāo)單擊時(shí)”用例,并添加條件,如下圖所示:
5、添加動(dòng)作“顯示”,勾選文本域,確定后單擊確定,如下圖所示:
6、添加用例后,查看設(shè)計(jì)后的效果,如下圖所示:
相關(guān)推薦:
Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁原型的教程
Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
相關(guān)文章
axure拖動(dòng)動(dòng)態(tài)面板怎么設(shè)計(jì)? axure給動(dòng)態(tài)面板添加拖動(dòng)條的兩種方法
axure拖動(dòng)動(dòng)態(tài)面板怎么設(shè)計(jì)?axure設(shè)計(jì)動(dòng)態(tài) 面板的時(shí)候,發(fā)現(xiàn)沒有拖動(dòng)條,想添加,該怎么做呢?下面我們就來介紹axure給動(dòng)態(tài)面板添加拖動(dòng)條的兩種方法,需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果?axure8做原型的時(shí)候,想要讓玄真過得菜單高亮顯示,該怎么社會(huì)自呢?下面我們就來看看詳細(xì)的設(shè)置教程,需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型?再設(shè)計(jì)網(wǎng)頁原型的時(shí)候,想設(shè)計(jì)一個(gè)折疊的菜單,該怎么設(shè)計(jì)呢?下面我們就來看看Axure7.0設(shè)計(jì)折疊菜單的教程,需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果?想要給網(wǎng)頁實(shí)現(xiàn)一個(gè)彈出框的效果,該怎么設(shè)計(jì)這個(gè)原型呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-10-26
axure RP7.0怎么制作60秒倒計(jì)時(shí)效果?
axure RP7.0怎么制作60秒倒計(jì)時(shí)效果?我們經(jīng)常使用axure設(shè)計(jì)網(wǎng)頁原型,該怎么使用axure制作網(wǎng)頁倒計(jì)時(shí)60秒的效果呢?請看下文詳細(xì)介紹,需要的朋友可以參考下2016-10-26Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁原型的教程
想設(shè)計(jì)一個(gè)網(wǎng)頁原型,該怎么設(shè)計(jì)呢?下面我們就來看看使用Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁原型的教程,很簡單,需要的朋友可以參考下2016-10-23- axure怎么繪制流程圖中的箭頭?axure繪制流程圖需要使用箭頭連接,該怎么繪制箭頭呢?下面我們就來看看使用axure給流程圖添加箭頭的教程,需要的朋友可以參考下2016-09-30
axure動(dòng)態(tài)面板怎么用? Axure動(dòng)態(tài)面板制作頁面彈出層的教程
axure動(dòng)態(tài)面板怎么用?像制作一個(gè)彈出的網(wǎng)頁,這時(shí)候我們就可以使用axure來設(shè)計(jì),下面我們就來看看Axure動(dòng)態(tài)面板制作頁面彈出層的教程,需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放,該怎么制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-09-12Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?Axure中設(shè)計(jì)好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢?下面我們就來看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程,需要的朋友可以參考下2016-09-01