10.11 Utility - Option Picker 選項選擇器


Pick one of the options to output based on the option selected. Often used with Option Switch to control which option is picked. Similar to Transition. Formerly known as Multiplexer.

根據所選的選項,選擇一個選項輸出。
Option Switch 模塊一起使用,以控制選擇哪個選項。
類似于過渡。以前稱為 Multiplexer 多路復用器。

板栗:一個升級版的 Transition 模塊,Transition 模塊只能在兩個值中選擇一個輸出,Option Picker 可以在多個值中輸出值。

Right-click to change the type (ex: number, text, color), or to add additional options.
右鍵更改輸入口值的類型 (如:數字、字符、顏色),或添加更多選項。

輸入口

Option 選項
An index (starting at 0) that represents the option to output.
表示輸出選項的索引(從0開始)。 Option Switch 模塊的輸出口連接到這里。

Input 輸入
A value that represents option 0.
表示選項0的值。點擊 0 輸入值,對應 Option Switch 模塊的第一個交互要輸出的值。

Input 輸入
A value that represents option 1.
表示選項1的值。點擊 0 輸入值,對應 Option Switch 模塊的第二個交互要輸出的值。

輸出口

Output 輸出
The picked value.
輸出選中交互值。一般連接到要要切換的屬性值,如果需要添加動畫,則在 Option Picker 模塊和屬性值模塊中間插入動畫模塊。


Related Patches 相關模塊

Option SwitchOption Sender


Related Learn Content 相關課程

Multiple States 多個狀態切換
Interact with more than just two states.
超過兩個狀態的交互。


Related Examples 案例

Facebook Live Comments
Automatically add comments in a Facebook Live video stream.

Instagram Adjust
Use drag to control the Instagram straighten tool.

Instagram Color Picker
Change the text color in an Instagram Stories post.

Moments Onboarding
The original Moments app full onboarding flow.

Traffic Light
Transition across three or more states and include logic.


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容