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 →
Trải nghiệm người dùng di độngđọc 7 phút·Updated tháng 10 năm 2026·Đội ngũ ExodeUI

Thiết kế cho thiết bị có thể gập lại: Tư thế, kích thước cửa sổ và cử chỉ

Cách thiết kế ứng dụng cho điện thoại có thể gập lại: bố cục gập và mở, tư thế mặt bàn và sách, lớp kích thước cửa sổ, tính liên tục và cử chỉ gần màn hình đầu tiên.

Tóm tắt và định nghĩa

Điểm chính

Thiết kế bố cục có thể gập lại theo kích thước cửa sổ có sẵn, không phải kiểu thiết bị: Các lớp kích thước cửa sổ của Android coi chiều rộng dưới 600dp là thu gọn, 600 đến 840dp là trung bình và 840 đến 1200dp là mở rộng. Hỗ trợ các tư thế gập, mở và nửa mở (mặt bàn), giữ nguyên vị trí của người dùng khi gập hoặc mở thiết bị, đồng thời giữ nội dung chính và các mục tiêu cảm ứng cách xa màn hình gập.

tư thế

Tài liệu dành cho nhà phát triển của Android mô tả các thiết bị có thể gập lại ở một số tư thế: gấp, mở phẳng, mở phẳng xoay theo chiều ngang và mở một nửa, được gọi là mặt bàn. Màn hình gập chia màn hình thành hai phần, dưới dạng vùng linh hoạt của một màn hình hoặc dưới dạng bản lề giữa hai màn hình và nó có thể che khuất một phần của màn hình.

Ba tư thế có thể gập lại: gập theo bố cục điện thoại, mở phẳng với hai ô và đặt trên mặt bàn với nội dung ở trên và các nút điều khiển ở dưới
Mỗi tư thế gợi ý một cách bố trí khác nhau.

Thiết kế theo lớp kích thước cửa sổ

Thay vì nhắm mục tiêu các thiết bị cụ thể, Android nhóm không gian có sẵn thành các lớp kích thước cửa sổ. Chiều rộng nhỏ gọn (dưới 600dp) bao phủ hầu hết tất cả các điện thoại ở chế độ dọc; chiều rộng trung bình (600 đến 840dp) bao phủ hầu hết các máy tính bảng ở chế độ dọc và nhiều màn hình lớn bên trong được mở ở chế độ dọc; chiều rộng mở rộng (840 đến 1200dp) bao gồm hầu hết các máy tính bảng và màn hình mở lớn ở chế độ ngang. Các lớp học lớn và cực lớn bao gồm máy tính bảng và máy tính để bàn lớn hơn.

Bố cục sử dụng nếp gấp

Các mẫu phổ biến:

  • Gấp: bố cục điện thoại bình thường.
  • Mở phẳng: bố cục danh sách chi tiết hoặc hai ngăn, với mỗi ngăn ở một bên của màn hình đầu tiên.
  • Mặt bàn: nội dung như video ở nửa trên, điều khiển ở nửa dưới.
  • Không bao giờ đặt nút, dòng văn bản hoặc bề mặt trên màn hình đầu tiên.

Tính liên tục

Khi ai đó mở thiết bị đang thực hiện tác vụ, ứng dụng sẽ tiếp tục như cũ: cùng một vị trí cuộn, cùng một bản nháp, cùng một lần phát lại. Hãy coi việc gấp và mở ra như một thay đổi về bố cục chứ không phải khởi động lại và tạo hoạt ảnh cho quá trình chuyển đổi để mọi người có thể theo dõi nơi nội dung được di chuyển.

Cử chỉ và phạm vi tiếp cận

Màn hình mở lớn hơn sẽ thay đổi phạm vi tiếp cận của ngón tay cái: đặt các nút điều khiển thường xuyên gần các cạnh nơi đặt tay và tránh các thao tác vuốt cạnh xung đột với cử chỉ của hệ thống. Chuyển động dựa trên vật lý cũng hữu ích ở đây: các tấm trượt và cố định bằng lò xo khiến cho việc thay đổi giữa các tư thế trở nên tự nhiên hơn là chói tai.

Nguyên tắc chính cần nhớ

  • Thiết kế theo loại kích thước cửa sổ, không phải kiểu thiết bị
  • Nhỏ gọn < 600dp, trung bình 600–840dp, mở rộng 840–1200dp
  • Hỗ trợ các tư thế gập, mở và để bàn
  • Giữ nội dung và điều khiển khỏi màn hình đầu tiên
  • Giữ nguyên trạng thái và thay đổi tư thế sinh động

Câu hỏi thường gặp

Nguồn

  1. Learn about foldables — Nhà phát triển Android
  2. Use window size classes — Nhà phát triển Android

Hướng dẫn và ví dụ liên quan

Thay đổi bố cục mang lại cảm giác tự nhiên

Hãy thử cài đặt lò xo cho các bảng và trang tính trong trình duyệt trước khi xây dựng chúng.

Mở máy phát điện lò xo
Dùng thử miễn phí