如何使用switch開關來控制表單的讀寫狀態

2021-01-19 小灰聊職場

很多的表單中的輸入元件,都會進行關聯判斷,特別是在一些調查問卷中,選擇不同的選項,將會影響到後面的問卷題目。

本篇文章和大家分享一下,如何使用switch開關來控制表單的讀寫狀態。

製作過程

在本案例中我們用到了一個switch開關的元件,如何製作switch可參考我這篇文章說起來你可能不信,Axure製作Switch開關效果就是這麼簡單;還用到了輸入框的元件。

首先我們將switch元件和輸入框元件,加入到場景中。

為了讓輸入框看起來更加友好,我們設置它的圓角為3,並且將提示文字改成「請輸入」,同時選中禁用。

下面我們為switch設置交互效果,因為switch自帶了點擊後,切換的效果,所以在這個交互動效中,我們只需要新增,激活輸入框的設置就可以了。

上面的設置包含了3個關注點:

條件判斷:當開關處於關閉狀態下,才會激活下面的動作當點擊switch的時候,切換switch的顯示最後將禁用的輸入框設置為啟用。最後使用相同的方法設置,設置從開啟到關閉的交互動作,如下圖所示:

完成上面的配置,我們來看下最終的效果

如果你希望對深入學習Axure的話,推薦你一本書《Axure RP與APP原型設計完全學習教程》,我就是從這本書開始入門的。希望也可以幫到你!

相關焦點

  • 7個案例解析:複選框 vs 切換開關
    設計表單時,在正確的位置使用正確的控制項是一項挑戰。複選框控制項有三種狀態:unselected(非勾選狀態)、selected(勾選狀態)和indeterminate(未確定狀態)。最後一個狀態代表子選項列表在父選項下分組且子選項處於勾選態和未勾選態之間的情況。
  • 如何使用開源硬體的WIFI控制開關
    打開APP 如何使用開源硬體的WIFI控制開關 石門coder 發表於 2020-02-07 10:45:04 對作為主要連接電源的開關進行智能化改造,既能實現傳統的控制功能又極大的降低了改造成本。在這樣的背景下,本開關實現了基於Wi-Fi的智能開關控制系統,該系統以Wi-Fi通信技術為基礎,並且加入了伺服器,只要擁有公網ip,在廣域網環境下便可以通過手機對智能插座進行控制。 本系統設計的智能插座控制系統為B/S模式,由智能插座硬體服務端、瀏覽器控制端組成。
  • Android 自定義Switch開關按鈕的樣式
    ,所以我們需要對樣式進行自定義,比如下面這種效果:自定義效果定義Switch的開關按鈕狀態:開啟狀態:switch_custom_thumb_on.xml<?android:drawable="@drawable/switch_custom_thumb_off" android:state_checked="false" /></selector>到此Switch的開關按鈕狀態就定義好了,接下來定義一下Switch滑動軌道的狀態:
  • 老外講儀表57-如何標定壓力開關
    a pressure source 一臺文檔化校驗儀we have a documenting calibrator 將用他們來測量咱這臺開關的輸入和輸出They'll be measuring our inputs and the output
  • B端產品中,Web端表單如何設計
    瀏覽表單所需時間最長,但是緩慢完成率並不總是一件壞事——如果表單要求敏感數據(例如提供駕駛證、身份證、銀行卡號等,可以故意減緩用戶的填寫速度,來確保填寫的準確性)。左對齊的結構需要更多的橫向空間,因此在移動端的呈現上可以是個問題。
  • 超高頻射頻識別系統讀寫器設計方案
    可以通過LOCK命令將其鎖定,通過Query locK(查詢鎖定) 命令讀取鎖定位的狀態,鎖定位不允許被復位。Byte0~7被鎖定,為標籤的標識碼(Unique ID)。64bitUID包含50bit的獨立的串號,12bit的邊界碼和一個兩位的校驗碼。Byte 8~219是未鎖定空間,供用戶使用。Byte 220~223也是未鎖定的,作為寫操作完畢的標誌bit或者用戶空間。
  • 如何設計海底電纜的收放設備遠程控制系統?
    這些電纜的取出與傳遞作業,回收作業都由半圓塔輪收放纜裝置完成,因此半圓塔輪的工作效率與工作狀態對整個鋪設電纜作業有很大影響,本系統通過PLC與變頻器之間的Profibus-DP通訊,對整個半圓塔輪工作狀態進行控制和監測,提高了工作效率。Profibus-DP是一種高速率、低成本的通信連接,它是為自動化控制系統和設備上分散的I/ O 之間進行通信而專門設計的。
  • ASP.NET Mvc5表單Html輔助方法如何使用及對應的Html標記是什麼?
    ASP.NET MVC 5中的幫助方法都是在視圖中使用的,以@Html.為格式,每個幫助方法都會存在很多的重載參數,讓.NET開發者更靈活的選擇使用什麼樣的參數輸出Html標記。這些Html標記都是組成form表單的核心標記。因此,對於.NET MVC 5初學者來說,這幾個與表單相關的幫助方法一定要掌據透徹,包括每個重載版本及相關參數的含義,都是弄的一清二楚,這樣才能準確的設計表單頁面。
  • 光控開關的原理是什麼 光控開關運用及使用注意事項
    開關是家裝中不可缺少的材料,為了滿足人們高標準的家裝要求,如今開關已經邁入了智能化,比較有代表性的就是光控開關。這類開關是利用光的強度來控制電路的通斷的開關。那麼光控開關的原理是什麼呢?光控開關運用及使用注意事項有哪些呢?下面小編將為大家來解密這些問題,希望可以解答大家心中的疑惑。
  • 馬自達6空調怎麼使用,馬自達6全自動空調系統,馬6氣候控制開關
    馬自達6空調怎麼使用【馬自達6空調操作技巧】氣候控制系統操作技巧●操作氣候控制系統當發動機運轉時方可操作氣候控制系統。注意為了防止蓄電池放電,當發動機停止且點火開關在ON檔時,不要使風扇控制盤長時間打開。●清潔空氣入口清除發動機罩及前圍板格柵內進風口的所有障礙物(如: 樹葉、雪、冰等),從而提高系統的效率。●車窗起霧在潮溼的天氣中車窗極易起霧。
  • 開關o和一壓哪個開 開關的結構
    開關是每個家庭中都會用到的東西,它會直接控制燈,那麼,對於一些比較先進的開關來說有用過,所以不知道哪是開哪是關,因此,我們可以先看一下開關o和一壓哪個開,因為,對於先進的開關上面都是有字母和數字代替的,除此之外,還要清楚開關的結構都是什麼,這個是非常重要的。
  • 水位控制開關原理詳解及水位自動控制裝置原理圖
    水位控制開關原理--電子式  電子式水位開關原理:(並不是電極式,不是靠通過水的導電性去判斷水位,常規尺寸為150&TImes;20mm) 通過內置電子探頭對水位進行檢測,再由晶片對檢測到的信號進行處理,當判斷到有水時,晶片輸出高電平24V或5V等,當判斷到無水時,晶片輸出0V。高低電平的信號通過PLC或其它控制電路板來讀取,並驅動水泵等用電器工作。
  • 傳統開關不斷電智能燈具控制PowerOn新技術
    目前實現智能燈具控制的主要方式一是使用智能開關或智能空開。二是仍使用普通開關,通過更換智能燈泡、智能驅動電源、智能通斷器或遙控驅動電源的方式升級成智能或無線控制方式。這種方式要求普通開關必須是常開狀態,如果普通開關被關閉將會導致智能照明的電源被切斷而不能對其進行智能控制,無法實現普通開關和智能控制很好結合,不能很好滿足智能燈具的控制需求。
  • 如何做一個既實用又漂亮的報名表單
    數智化時代,開展一場活動,註冊報名少不了,統計報名人數、收集嘉賓信息、實現集客獲客、完成用戶畫像等,都讓報名表單成為了每場活動的必需品!疫情常態化下,如何製作一款實用美觀,能體現企業/活動品牌形象,又能滿足活動疫情防控需求的報名表單?31會議旗下產品31輕會給出了完美解決方案。
  • Q開關電源的調Q技術
    聲光Q開關電源顧名思義就是聲光Q開關使用的電源,或者說驅動聲光Q開關的電源。其實是一種驅動Q開關元件工作的專用電源。它根據外部控制信號將相應的射頻信號施加到Q開關元件上完成雷射有無控制和進行Q調製。主要的特點(1)驅動器具有首脈衝抑制功率,它能緩慢地「打開」Q開關,有效的抑制調製脈衝釋放的峰值功率,消除標刻加工中常見的俗稱為「火柴頭」現象,使每一個標刻點的深度更均勻。(2)調製頻率實時受輸入信號控制。(3)模塊集成化結構。
  • 牆壁開關不回彈小妙招 牆壁開關如何接線
    很多用戶都會考慮牆壁開關不好用的這個問題,牆壁開關總是回彈,而且也影響了使用和美觀。那麼牆壁開關不回彈小妙招是什麼呢,這些相關的內容對於大家了解開關這個問題有很好的參考作用。牆壁開關如何接線呢,具體的施工方法可以多了解和參考一下的,對於牆壁開關如何使用等問題有一定的參考。
  • switch加速器怎麼使用?海豚加速盒使用步驟詳解
    switch加速器怎麼使用?相信這個問題對於每個想藉助switch加速器解決網絡問題的玩家來說都是曾經考慮過的。當玩家不使用switch加速器直接選擇裸連玩遊戲時,在聯機上很容易遇到一些像丟包頻繁、掉線嚴重及匹配速度過慢等問題,而正確使用switch加速器,則可以在很大程度上解決上述問題,獲得優秀聯機體驗。
  • 智能家居控制-arduino紅外遙控控制燈
    上一篇文章介紹了 arduino接受智能家具系統中的紅外遙控的解碼在此基礎上,今天就做一個遙控器控制的燈,我們可以將燈換成繼電器,這樣的話就實現了,用紅外遙控機,控制家裡的電器開關,比如燈,電視,插座,洗衣機等
  • FANUC 特殊的開關——軟式操作面板通用開關
    軟式操作面板通用開關當FANUC設備需要追加某一簡單功能而需要在操作面板上增加按鈕開關時,如增加一個照明燈開啟的按鈕開關,控制照明燈開啟與關閉;通常採用兩種方法實現,一種為純電路控制,一種是經系統PMC進行控制。本文主要講述第二種方法。
  • 國外手工狂人打造NGC版Switch Joy-Con手柄
    如果你一直想讓你的開關更不舒服,但你很驚訝。Shankmods是一個外國手工製造的瘋子,他自己發明了一個NGC版本的開關控制手柄,完全可以滿足您的要求。Shankmods是一個手工製作的瘋子,他在twitter上發布了自己親手製作的switch joy con手柄。老實說,如果這些只是概念性的藝術作品,那就太酷了。