Axure教程 axure新手入門基礎(chǔ)(4)

Nairo
7 評(píng)論 285906 瀏覽 195 收藏 6 分鐘
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

(四)條件生成器

?

在axure原型制作的過程中,很多時(shí)候我們需要觸發(fā)一個(gè)又一個(gè)事件,以交互設(shè)計(jì)效果展示的需求。在這些事件里我們經(jīng)常需要在滿足某一條件時(shí)完成指定的動(dòng)作。比如:文本框文字為空的時(shí)候點(diǎn)擊按鈕無效?;蛘咄蟿?dòng)動(dòng)態(tài)面板沒到達(dá)指定位置退回原位等。

這一節(jié)教程我們就講一下,如何使用條件生成器,至于條件的設(shè)置,以后結(jié)合相關(guān)的案例再逐漸深入。

(一)條件邏輯

條件生成器是在我們雙擊某一事件打開用例編輯器后才能打開。如截圖里1的位置,藍(lán)色的“添加條件”點(diǎn)擊后即打開條件生成器。

打開條件生成器后,2的位置有2個(gè)選項(xiàng),一個(gè)是“全部”一個(gè)是“任何”。

全部:是指事件觸發(fā)后必須同時(shí)滿足條件生成器里設(shè)置的所有條件時(shí)才繼續(xù)下一步動(dòng)作,否則不執(zhí)行任何動(dòng)作。用白話來舉例:如果個(gè)稅滿五年(條件1)并且繳納時(shí)間未間斷(條件2),就能參加搖號(hào)(下一步動(dòng)作)。這個(gè)例子舉得好心酸:(。

任何:是指事件觸發(fā)后只要滿足條件生成器里的任意一個(gè)條件即執(zhí)行下一步動(dòng)作。用白話舉例:如果連續(xù)5年繳納個(gè)稅(條件1)或者連續(xù)60個(gè)月繳納社保(條件2),就可以買房(下一步動(dòng)作)。尼瑪,心更酸了!

(二)可設(shè)置的條件

可設(shè)置的條件是指圖片中3的位置包含的內(nèi)容。

分別是:

l? 變量值:軟件內(nèi)自帶了一個(gè)變量“onloadvariable”,也可以添加、刪除、重命名變量,管理變量可以從菜單欄左數(shù)第四個(gè)(漢化版本的“線框圖”)中的第三項(xiàng)“管理變量”進(jìn)行上述操作。當(dāng)然在條件編輯器里選擇變量時(shí)最后一項(xiàng)“新建”也可以完成對(duì)變量的管理。變量值可以是字母、數(shù)字、特殊字符和漢字或者是它們的任意組合。

l? 變量長度:是指變量值的字符個(gè)數(shù),在axure里一個(gè)漢字的長度是1。變量長度的值可以通過axure自帶函數(shù)進(jìn)行獲取。

l? 元件文字:是指每個(gè)元件上面可編輯的文字。不包含:動(dòng)態(tài)面板、圖片熱區(qū)、垂直線、水平線、內(nèi)部框架、下拉列表、列表框。

l? 元件值長度:僅包含單行和多行文本框、下拉列表和列表框。

l? 選中于:僅適用于單選按鈕和復(fù)選框,選中時(shí)值為“真”,未選中時(shí)值為“假”。

l? 選中項(xiàng)于:僅適用于下拉列表和列表框,通過獲取元件當(dāng)前值來確定選中狀態(tài)。

l? 動(dòng)態(tài)面板狀態(tài):動(dòng)態(tài)面板專用,以獲取事件激發(fā)時(shí)動(dòng)態(tài)面板的狀態(tài)作為判斷條件。

l? 動(dòng)態(tài)面板可見性:動(dòng)態(tài)面板專用,以動(dòng)態(tài)面板顯示或隱藏作為判斷條件。

l? 焦點(diǎn)元件上的文字:即通過鼠標(biāo)點(diǎn)擊或Tab切換被選中的元件上的文字,比如文本框獲取焦點(diǎn)時(shí),光標(biāo)在文本框內(nèi)閃動(dòng);按鈕獲取焦點(diǎn)時(shí)四周會(huì)出現(xiàn)虛線。

l? 值:可以是字母、數(shù)字、漢字、符號(hào)、函數(shù)、公式;可以直接輸入,或者點(diǎn)擊fx進(jìn)入編輯??梢栽O(shè)置等于、不等于大于、包含、是、不是等條件。具體使用方法以后結(jié)合案例詳解。

l? 拖放光標(biāo):是指拖動(dòng)動(dòng)態(tài)面板時(shí)光標(biāo)(鼠標(biāo)指針)的位置,以拖放光標(biāo)是否進(jìn)入某個(gè)元件的范圍為條件。

l? 元件范圍:是指元件覆蓋的范圍,以是否觸碰到指定元件為條件。

本文作者:@小樓;轉(zhuǎn)載自:Axure原創(chuàng)教程網(wǎng)

新手入門基礎(chǔ)教程目錄

Axure教程 axure新手入門基礎(chǔ)(1)

Axure教程 axure新手入門基礎(chǔ)(2

Axure教程 axure新手入門基礎(chǔ)(3)

Axure教程 axure新手入門基礎(chǔ)(4)

Axure教程 axure新手入門基礎(chǔ)(5)

Axure教程 關(guān)于Axure rp觸發(fā)事件中IF和ELSE IF的使用說明(6)

Axure教程 axure元件使用思路的補(bǔ)充(7)

Axure教程 動(dòng)態(tài)面板的用途(8)

Axure教程 帶遮罩層的彈出框(9)

Axure教程 動(dòng)態(tài)面板滑動(dòng)效果(10)

更多Axure學(xué)習(xí)技巧:Axure專欄

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 沒錢,更心酸~ ??

    來自上海 回復(fù)
  2. 什么我雙擊不會(huì)出來用例編輯器 ?

    來自上海 回復(fù)
  3. 用力編輯器在哪打開呀,沒找到

    來自北京 回復(fù)
    1. 雙擊事件

      來自陜西 回復(fù)
  4. 謝謝分享,看了,記不住 還是要用用

    來自江蘇 回復(fù)
专题
35342人已学习18篇文章
借用别人家的经典案例,来扒一扒社交电商。
专题
16620人已学习12篇文章
本专题的文章分享了支付体系的设计指南。
专题
12539人已学习13篇文章
AI技术的出现给各行各业都带来了重塑的机会,那么,当AI与社交赛道碰撞时,会讲述出怎样的故事?各家产品的表现如何?
专题
33810人已学习16篇文章
信息流背后有着怎样的逻辑和策略?
专题
55241人已学习12篇文章
据说70%的问题都是沟通问题,沟通能力对产品经理太太太重要了。
专题
15346人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。