這個控制項叫:Switch/開關/滑動開關/切換開關

2021-12-26 龍爪槐守望者

收錄於話題 #這個控制項叫什麼 10個

鑑於國內互動設計名詞混亂不統一，很多設計師不知道如何用專業術語稱呼一個控制項，因此我開了《這個控制項叫什麼》專題，梳理控制項的名稱和使用事項，希望能為推動互動設計發展，做出一點微小的貢獻。

Switch（開關/滑動開關/切換開關）有兩個互斥的選項（例如開/關、是/否、啟動/禁用），它是用來打開或關閉選項的控制項。選擇其中一個選項會導致立即執行操作。

如何使用

準確的Lable（標籤）
由於Switch控制項本身就能表現當前的開/關狀態，因此相關文案只需表示所控制內容，千萬不要在Lable中加入一些邏輯詞語。典型的反面教材就是Android 7.0的通知設置，雙重否定表示肯定，大多數人都把左圖的狀態當做當前App的通知是關閉的，實際上右圖才是關閉通知後的狀態。

清晰的開關狀態
Switch可以根據App視覺風格進行樣式修改，但一定要清晰的表示開關狀態，下圖的釘釘PC版，由於加了顯眼的顏色，很難第一眼分辨出這表示關的狀態。

立即執行操作
Switch與RadioButton（單選按鈕）、CheckBox（複選框）最大的區別是：Switch操作後，程序立即執行相關操作。而RadioButton和CheckBox一般用在表單裡，僅反映當前的選擇狀態，如果要執行操作並生效，需要點擊額外的提交按鈕。

危險操作二次確認
正是由於按下Switch後立即執行操作，如果操作比較危險，請在點擊開關後加入二次確認流程，避免造成嚴重損失。

注意加載狀態
如果Switch所執行的操作需要與伺服器交互，就必須考慮加載狀態了，例如剛進入頁面時，獲取Switch的狀態需要加載。如果改變Switch的狀態，需要與伺服器交互，必須等待伺服器返回成功指令後才能改變Switch的狀態，傳統的做法是為初次加載和操作後等待準備特定的樣式。

另外一種目前比較流行的策略是使用Optimistic UI（樂觀派UI，請參考 http://colachan.com/post/3531 ），用戶操作Switch之後，Switch視覺上立即響應改變，然後再向伺服器交互。微信朋友圈的點讚就是用的這個策略。Optimistic UI帶給用戶更流暢的體驗，當然，採取這一策略最好保證伺服器在97%到99%以上的狀況下返回成功指令。

相關資料

Google Inbox的Pin樣式
Google Inbox右上角的Pinned樣式上很像Switch，實際上這是一個篩選工具，圖釘豎直表示只顯示Pin過的郵件。這給了我們啟發，可以在Switch的按鈕上增加視覺效果，表現Switch當前狀態所代表的含義。

QQ音樂Android版的流暢度設置
QQ音樂Android版的設置項中有流暢度設置，關閉相關效果可提升流暢度和減少耗電。通常來說Switch打開有啟用的含義，帶有一點正面的褒義效果。QQ音樂卻反過來了，Switch關閉有褒義的鼓勵含義——關閉更流暢。

相關焦點

  • 超可愛的純CSS3滑動開關按鈕
    插件簡介這次要為大家介紹一組相當可愛的CSS3滑動開關按鈕，與這款純CSS3 3D左右滑動開關按鈕和純CSS3實現滑杆開關切換按鈕動畫實現方式類似，都是通過
  • 這兩個時尚控制項,讓你的儀錶板與眾不同!| tusimpleBI 的選項卡和滑動開關
    在 輔助功能 組，tusimpleBI 提供了單元格批量轉 單選按鈕、複選框、列表框3個功能，一鍵將選定的單元格區域轉換為交互控制項，效率爆棚
  • 這個時尚新穎的滑動開關,讓你的交互圖表與眾不同!| tusimpleBI 一鍵出圖
    這次旗艦版更新上線的「滑動開關」功能，是tusimpleBI 的又一項充滿創意的交互控制項，讓你的動態圖表更加新穎時尚，完全看不出是 Excel
  • (tact switch)輕觸開關英文怎麼說?
    隨著我國生產技術不斷成熟，工藝的不斷成熟，在世界上有著較高的知名度，那麼各行各業開始接國外的訂單，接下來穎鑫輕觸開關為你說下關於輕觸開關的英文，希望對一些做外貿的朋友有幫助：如有不對歡迎指出：輕觸開關英文:Tactswitch，
  • 開關o和一壓哪個開 開關的結構
    開關是每個家庭中都會用到的東西，它會直接控制燈，那麼，對於一些比較先進的開關來說有用過，所以不知道哪是開哪是關，因此，我們可以先看一下開關o和一壓哪個開，因為，對於先進的開關上面都是有字母和數字代替的，除此之外，還要清楚開關的結構都是什麼，這個是非常重要的。
  • 手遊<控制項>的思考
    開關圖片只要符合UI風格就好。若狀態較難理解的情況需要用文本來說明的狀態名稱，例如「魔法」「物理」。⑤因為開關熱區過小，點擊滑動兩種手勢的區別不大，所以通常情況下都會採用點擊的方式切換狀態。特別注意：開關按鈕的狀態切換建議做成位位移動效，強化體驗。根據界面的不同來決定開關按鈕的UI樣式複雜程度，例如重功能的設置界面，開關按鈕儘量簡單，文本也可以省略。狀態切換成功後需要給出反饋（音效，文字）。
  • 隔離開關負荷開關有什麼區別?
    ，檢修時起「明顯」斷開點的作用；3、隔離刀閘的作用：就是隔離開關；4、接刀閘的作用：就是結構就是隔離開關，但和隔離開關的使用目的不一樣，就拉人的叫客車，拉貨的叫貨車一樣；接地刀閘是接地用的，在檢修時，將主電路通過這個刀閘，將主電路與大地連接，則主電路上就能上去人進行檢修工作了，目的也是保障安全；
  • 華碩ROG Chakram無線遊戲滑鼠評測:遊戲搖杆+可切換開關
    儘管你可以改變滑鼠左鍵和右鍵的機械開關以及RGB徽標，但每一個都只有一個額外的選項。因此，您是否經常利用這些可切換特性是有爭議的。手掌下的保護套很容易脫落，但在使用過程中不會意外脫落。內部是無線接收器的最佳存儲位置之一。
  • 利用鈕子撥動開關實現功放機快速切換
    但一般都是關機後插上拔下的來切換功放機試聽，即麻煩又費事。為此以前本人利用12腳鈕子扭動開關可實現快速切換音源，也就是快速切換功率放大器。其電路原理圖見以下圖1所示。該實物圖片整體外觀見圖2所示。插座底盒兩個（固定鈕子開關，分別作上下盒之用），還需要找一個插座面板，固定鈕子開關。將12個銅接線柱按照圖3所示固定在一個底盒上。然後參照圖1所示，「功放機快速切換器電路原理圖」，用導線將接線柱與12腳鈕子開關對應焊接起來。全部焊接完成後，如圖4所示，還要在上螺絲的位置打入兩個直徑6mm的膠塞。然後再將另一個底盒合上用螺絲固定好。然後就是裝面板了！
  • 限位開關、行程開關和接近開關的區別,你知道嗎?
    行程開關：是一種由物體的位移來決定電路通斷的開關，行程開關和限位開關都是位置開關，但是行程開關可以檢測行程，可作為輸入信號控制電路在一定距離動作。接近開關是無觸點開關，壽命較長，適用於「通過信號」。2. 限位開關（也叫行程開關）是有觸點開關，適合單方向位置檢測，由於有觸點，相對壽命要短。3. 行程開關又稱限位開關,行程開關和限位開關都是位置開關，但是行程開關可以檢測行程，可作為輸入信號控制電路在一定距離動作。
  • 床頭櫃開關高度標準尺寸 床頭櫃開關安裝高度
    然而，如果我們真的生活在這個過程中，他們可能會帶來很大的方便或帶來很大的麻煩。開關的位置是家居裝飾中的一個細節問題，而開關在臥室中的位置是最重要的，那麼臥室中床頭櫃開關的標準高度是多少，床頭櫃開關的安裝高度是多少，然後是需要和小編輯一起了解它的小夥伴。
  • mccb是什麼品牌空氣開關 開關有什麼品牌
    買開關也是需要按照品牌去購買的，這樣的話最起碼質量方面有很好的保障，即使出現了問題也可以直接尋找他們的售後，但是，在購買之前我們一定要先看一下mccb是什麼品牌的空氣開關，因為有的店寫的是英文名字，所以一定要知道它的中文意思，此外開關都有什麼品牌。這需要了解下。
  • 馬雪陽獻唱電視劇《愛情的開關》插曲,《開關》歌曲歌詞
    」插曲「開關」都市解壓愛情劇「愛情的開關」在青年演員熊梓淇、賴雨濛、董力、馬雪陽的演繹下呈現出青春活力，劇中每個角色都蘊含著對幸福的嚮往，讓人追劇的同時也能感受到現實生活的美好。實力歌手/演員馬雪陽參演劇集之中並且演唱插曲「開關」，用他溫暖細膩的嗓音給大家帶來溫暖，值得期待。「開關」這首歌由馬雪陽親自譜曲，並且力邀曾創作出「追光者」的知名詞人唐恬作詞，知名音樂人魯士郎擔當製作人。這首歌曲的創作靈感來源於劇情本身，馬雪陽用音樂詮釋自己對於劇情的理解，在演繹這首抒情歌曲的同時，更是把劇中角色融入到歌曲中。
  • 汽車ac開關是什麼開關
    【太平洋汽車網】汽車上ac開關代表的是空調的製冷開關。汽車打開空調時按下ac鍵後，空調的製冷系統就會工作，空調吹出來的風就是冷風，因為打開ac以後，空調的壓縮機就會工作，這個按鍵只有在夏季的時候才會使用，按下ac鍵的同時還應該將溫度選擇開關旋轉至藍色的部分，藍色代表的是冷風。
  • 空氣開關為什麼叫空氣開關?它跟空氣有何關係?原理是什麼?
    空氣開關，估計大家都聽過。我們每個家庭都有一個配電箱，而配電箱內中的開關都是空氣開關，無論是帶漏電的還是不帶漏電的，他們都是空氣開關。那麼現在有朋友問這樣的一個問題：空氣開關為何叫做空氣開關？它與空氣有什麼關係？要想知道這個問題，我們先要的了解空氣開關的分類，以及它的作用原理。下面家居雜壇就來給大家分析這個問題。
  • 微動開關內部結構圖
    微動開關是具有微小接點間隔和快動機構，用規定的行程和規定的力進行開關動作的接點機構，用外殼覆蓋，其外部有驅動杆的一種開關，因為其開關的觸點間距比較小，故名微動開關。又稱靈敏開關、快動開關。施壓促動的快速開關。用於防盜系統中的門開關等。 　　外機械力通過傳動元件（按銷、按鈕、槓桿、滾輪等）將力作用於動作簧片上，當動作簧片位移到臨界點時產生瞬時動作，使動作簧片末端的動觸點與定觸點快速接通或斷開。當傳動元件上的作用力移去後，動作簧片產生反向動作力，當傳動元件反向行程達到簧片的動作臨界點後，瞬時完成反向動作。
  • 微動開關
  • 燈的開關朝上是關嗎 燈的開關怎麼接線
    燈這種東西是安裝在吊頂上面的，一般的話控制它的亮滅是由開關來控制的，所以，在購買之前我們一定要先了解一些相關的知識，首先我們大家要看一下燈的開關朝上是關嗎，第一次安裝上之後並不知道哪是開哪是關，所以白天也沒辦法測試出來，除此之外，燈的開關怎麼接線呢。
  • 開關0是開還是關 開關安裝技巧有哪些
    開關作為每個家庭之中必備的物品，它的情況如何，在於很多東西使用上，都是起到決定性作用的，一旦是開關這種物品有了變化，不少情況就會沒法去掌控，而有些人也因為初次使用一些開關，因此對部分情況就不太清楚，但有時如若不清楚這種狀況，其實也是很危險的事情，那麼開關0是開還是關？
  • 據說,汕尾充氣櫃開關廠家直銷價
    汕尾充氣櫃開關廠家直銷價 充氣櫃與高壓開關櫃是同一種產品嘛？充氣櫃是新一代開關設備，主開關既可以用永磁機構真空斷路器也可以用彈簧機構的真空斷路器，整櫃採用空氣絕緣與六氟化硫氣體隔室相結合，既緊湊又可擴充，適用於配電自動化。 充氣櫃具有結構緊湊、操作靈活、聯鎖可靠等特點，對各種不同的應用場合（特別是環境惡劣的場所）、不同的用戶要求均能提供令人滿意的技術方案。