1.5 States 狀態(tài) - Basics 基礎(chǔ)


Every prototype has multiple states it can transition between. In Origami, Switch patches help keep track of which state you are in. They are like light switches and can be toggled with interaction patches .

沒個圓形都有多種狀態(tài),可以在狀態(tài)間切換蔓彩。在Origami中治笨,Switch Patch 幫助跟蹤你當(dāng)前所在的狀態(tài)。就像燈的開關(guān)赤嚼,可以通過交互模塊定義的交互在開和關(guān)之間切換旷赖。


State patches 狀態(tài)模塊

Switch shift S 開關(guān)

The [Switch] patch is like a light switch: turning it on keeps it on, and turning it off keeps it off. They are helpful to build simple two-state interactions, e.g. showing and hiding comments in a popover.

[Switch 開關(guān)] 模塊跟燈的開關(guān)一樣:開著就開著,關(guān)了就關(guān)了更卒。這個模塊構(gòu)建簡單的兩個狀態(tài)切換交互好使等孵。

Multiple Switch patches can combined with Logic patches ([Or] , [And] , [Not] ) to build on top of each other, e.g. opening a composer with different attachment options which the user can toggle.

多個Switch 開關(guān) 模塊可以和邏輯模塊 ([Or 或] , [And 和] , [Not 不算這個] ) 一起使用,再連接到別的模塊上蹂空。例如打開一個有不同選項的設(shè)計用戶可以切換(這個例子也不是很明白)俯萌。

Option Switch 選項開關(guān)

[Option Switch] patches are useful for mutually exclusive states that cannot coexist, e.g. a tab bar. Option Switches are commonly used with [Option Pickers] to pass different values depending the state.
For example, if you wanted to change a navigation bar title between 3 states:

[Option Switch] 模塊用于值之間相互切換這類不能同時存在的狀態(tài),例如 Tab上枕。[Option Switch] 模塊通常和 Option Pickers選項選擇器 一起使用咐熙,以根據(jù)不同的值傳遞不同的狀態(tài)。
例如:想要在三種不同的狀態(tài)之間更改導(dǎo)航欄標(biāo)題:

Counter 計數(shù)器

Counter patches are useful for mutually exclusive states that cannot coexist, and increment in a fixed order e.g. an on boarding flow.

[Counter] 模塊用于值按固定順序遞增這類不能同時存在的狀態(tài)辨萍,例如一個登記流程棋恼。

(板栗:老實說不知道圖里的是啥意思??)

Index numbers represent states 索引號表示狀態(tài)

Both Switch and Option Switch patches output a number for the state that is active. Switch patches output a 0 (off) or a 1 (on), and Option Switch patches output a number starting from 0 for the first state, to 1 for the 2nd, and so on:

Switch 開關(guān)Option Switch 選項開關(guān) Patch 輸出激活狀態(tài)的數(shù)字。 Switch 開關(guān) Patch 輸出口是 0 (Off) 或 1 (On)锈玉, Option Switch 選項開關(guān) Patch輸出口數(shù)字從0開始爪飘,0為第一個接口,Index1為第二個接口,依次類推:

  • Index 0 接口1 → Initial state / Off State 初始狀態(tài)/關(guān)閉狀態(tài)
  • Index 1 接口2 → 2nd state / On State 第二個狀態(tài) / 打開狀態(tài)
  • Index 2 接口3→ 3rd state 第三個狀態(tài)
  • Index 3 接口4→ 4th state 第四個狀態(tài)
  • ...

(板栗:有補(bǔ)充????)


▲ 實際用的時候,Switch 模塊的接口名稱是Set To 0牧氮,跟Index 0功能應(yīng)該是一樣的


Summary 總結(jié)

  • Manage state with Switch, Option Switch, or Counter
  • States are represented with integers, starting from 0
  • 使用Switch 開關(guān)Option Switch 選項開關(guān)Counter 計數(shù)器 管理狀態(tài)抡诞;
  • 狀態(tài)用從0開始的整數(shù)表示穷蛹。

?? Interactions 交互 ? Animation 動畫 ??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市昼汗,隨后出現(xiàn)的幾起案子肴熏,更是在濱河造成了極大的恐慌,老刑警劉巖顷窒,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛙吏,死亡現(xiàn)場離奇詭異,居然都是意外死亡鞋吉,警方通過查閱死者的電腦和手機(jī)鸦做,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谓着,“玉大人泼诱,你說我怎么就攤上這事∩廾” “怎么了治筒?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長舷蒲。 經(jīng)常有香客問我耸袜,道長,這世上最難降的妖魔是什么牲平? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任堤框,我火速辦了婚禮,結(jié)果婚禮上纵柿,老公的妹妹穿的比我還像新娘蜈抓。我一直安慰自己,他們只是感情好藐窄,可當(dāng)我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酬土,像睡著了一般荆忍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上撤缴,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天刹枉,我揣著相機(jī)與錄音,去河邊找鬼屈呕。 笑死微宝,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的虎眨。 我是一名探鬼主播蟋软,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼镶摘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了岳守?” 一聲冷哼從身側(cè)響起凄敢,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎湿痢,沒想到半個月后涝缝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡譬重,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年拒逮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臀规。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡滩援,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出以现,到底是詐尸還是另有隱情狠怨,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布邑遏,位于F島的核電站佣赖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏记盒。R本人自食惡果不足惜憎蛤,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望纪吮。 院中可真熱鬧俩檬,春花似錦、人聲如沸碾盟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽冰肴。三九已至屈藐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間熙尉,已是汗流浹背联逻。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留检痰,地道東北人包归。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像铅歼,于是被迫代替她去往敵國和親公壤。 傳聞我的和親對象是個殘疾皇子换可,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,515評論 2 359

推薦閱讀更多精彩內(nèi)容