Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
行動用戶體驗7 分鐘閱讀·Updated 2026 年 10 月·ExodeUI 團隊

可折疊設備設計:姿勢、窗戶尺寸和手勢

如何設計可折疊手機的應用程式:折疊和展開佈局、桌面和書籍姿勢、視窗大小類別、折疊附近的連續性和手勢。

直接總結與定義

核心要點

根據可用視窗尺寸(而不是裝置型號)設計可折疊佈局:Android 的視窗尺寸類別將 600dp 以下的寬度視為緊湊型,600 至 840dp 視為中等寬度,840 至 1200dp 視為擴展型。支援折疊、開啟和半打開(桌面)姿勢,在裝置折疊或展開時保持使用者位置,並將關鍵內容和觸控目標遠離折疊位置。

姿勢

Android 的開發人員文件描述了可折疊設備的幾種姿勢:折疊、平放、旋轉至橫向的平放以及半打開(稱為桌面)。折疊將螢幕分成兩部分,要么作為一個螢幕的靈活區域,要么作為兩個顯示器之間的鉸鏈,並且它可能會遮擋部分顯示器。

三種可折疊姿勢:折疊時採用手機佈局、開啟時採用兩個窗格、桌面時內容在上、控制在下
每種姿勢都暗示著不同的佈局。

按視窗尺寸類別設計

Android 不是針對特定設備,而是將可用空間分為視窗大小類別。小巧的寬度(600dp 以下)幾乎涵蓋所有縱向手機;中等寬度(600 至 840dp)可覆蓋大多數縱向平板電腦和許多縱向展開的大型內部顯示器;擴展寬度(840 至 1200dp)可覆蓋大多數平板電腦和橫向展開的大型顯示器。大型和超大型課程涵蓋更大的平板電腦和桌上型電腦。

使用折疊的佈局

常見模式:

  • 折疊:正常的手機佈局。
  • 平開:清單詳細資料或兩窗格佈局,每個窗格位於折疊的一側。
  • 桌面:上半部是影片等內容,下半部是控制。
  • 切勿將按鈕、文字線或面放置在摺痕上。

連續性

當有人在任務中展開裝置時,應用程式應該繼續原來的位置:相同的滾動位置、相同的草稿、相同的播放。將折疊和展開視為佈局更改,而不是重新啟動,並為過渡設置動畫,以便人們可以追蹤內容移動的位置。

手勢和觸及範圍

更大的展開螢幕會改變拇指的觸及範圍:將頻繁的控制放在雙手休息的邊緣附近,並避免與系統手勢衝突的邊緣滑動。基於物理的運動在這裡也有幫助:透過彈簧滑動和固定的玻璃使姿勢之間的變化感覺自然而不是刺耳。

要記住的關鍵 Principle

  • 按視窗大小類別而不是設備型號進行設計
  • 緊湊 < 600dp,中型 600–840dp,擴充 840–1200dp
  • 支援折疊、打開和桌面姿勢
  • 保持內容和控制不可見
  • 保持狀態並動畫姿勢變化

常見問題解答

來源

  1. Learn about foldables — Android 開發人員
  2. Use window size classes — Android 開發人員

相關指南和範例

感覺物理上的佈局變化

在建立窗格和工作表之前,請嘗試在瀏覽器中對窗格和工作表進行彈簧設定。

打開彈簧發生器
免費試用