“Có bao nhiêu ký tự có thể được hiển thị nhiều nhất?” Hiển thị những gì khi không có nội dung?
Ồ, không! Tại sao có rất nhiều tình huống không được xem xét? !!
Vì vậy, tôi đã tóm tắt một số tình huống đặc biệt dễ bỏ qua khi cung cấp các bản nháp thiết kế trong công việc hàng ngày. Hiện tại, chỉ có sáu loại đã được tóm tắt, và các loại mới đã được thêm vào bài viết từng người khác.
Danh mục: 1. Trường hợp cực đoan của điều khiển thích ứng2. Hiển thị trạng thái trang đặc biệt: Trạng thái trống, trạng thái tải, không có trạng thái mạng 3. Trượt hiệu ứng của tiêu đề (với hình ảnh tiêu đề nền) 4. Hiệu ứng kéo xuống trên trang 5. Ở dưới cùng của trang 6. Chế độ hiển thị hình ảnh
1. Các tình huống cực đoan của điều khiển thích ứng
Đối với các điều khiển có kích thước không hoàn toàn cố định và có độ dài phụ thuộc vào nội dung (càng nhiều nội dung, điều khiển càng dài; càng ít nội dung, điều khiển càng ngắn), bạn cần xem xét hiệu ứng hiển thị giới hạn của điều khiển, đó là thời gian kiểm soát sẽ được hiển thị trong bao lâu.
là chiều dài tối đa Một kích thước điều khiển cố định hoặc thích ứng với độ dài màn hình.
Như được hiển thị trong Hình 1 bên dưới, đó là ảnh hưởng của các điều khiển kích thước cố định. Cho dù đó là một màn hình thông thường hay màn hình dài, nó được điều chỉnh theo kích thước cố định.
Hình 2 cho thấy khoảng cách giữa kích thước điều khiển và đỉnh màn hình được cố định, do đó màn hình càng dài, chiều cao của điều khiển càng cao.
2. Trình bày trạng thái đặc biệt của trang: trạng thái trống, trạng thái tải và không có trạng thái mạng
trạng thái trống: Nói chung, trạng thái trống hiển thị sơ đồ trạng thái trống + văn bản mô tả và một số có thể thêm kết nối nhảy.
Trạng thái tải: BitMap Trong tải trang
Trạng thái không có ròng: Tương tự như trạng thái trống, sơ đồ trạng thái + văn bản mô tả thường được hiển thị và giải pháp được gắn để nhắc người dùng không có mạng.
3. Hiệu ứng trượt hướng lên của tiêu đề (với tiêu đề nền)
Đối với các trang có hình ảnh tiêu đề nền, hiệu ứng hiển thị của tiêu đề khi trang trượt lên trên. Nhìn chung có những cách sau:
a. Tiêu đề nền trượt lên trên/chồng chéo theo nội dung và điều hướng dần dần biến màu trắng
b. Tiêu đề nền vẫn chưa được chuyển và nội dung được hiển thị trong khu vực được chỉ định (thường được sử dụng trên các trang không có tab trên cùng hoặc vị trí tab trên cùng cố định)
C. Phần trượt của tiêu đề nền và nội dung sẽ được hiển thị trong khu vực được chỉ định (thường được sử dụngTrên trang với một tab trên cùng, thanh điều hướng được ẩn khi vuốt lên và tab trên cùng sẽ di chuyển lên trên khi nó trượt). Trong trường hợp này, cũng cần phải giải thích liệu vị trí trượt đi lên có trượt bằng ngón tay hay tự động trượt lên sau khi đạt đến một ngưỡng nhất định.
4. Hiệu ứng kéo xuống trang
Cần giải thích các phần tử nào được cố định ở trên cùng và các phần tử nào được kéo xuống khi kéo xuống. (Thông thường điều hướng được cố định, nội dung sau được kéo xuống với cử chỉ). Ngoài ra còn có hiệu ứng hiển thị tải khi kéo xuống.
5. Cách thông thường để đối phó với trang là hiển thị văn bản nhắc nhở ở dưới cùng của trang, tương tự như “nó đã kết thúc” (một số cũng hiển thị logo sản phẩm ở cuối trang cấp đầu tiên); hoặc chỉ định khoảng cách giữa phần tử dưới cùng và đáy màn hình và hiển thị màu trắng trống. Bất kể cái nào, nó cần được giải thích, nếu không, sự phát triển có thể không xử lý riêng phần này, khiến phần tử dưới cùng dính xuống đáy màn hình.
6. Phương thức hiển thị hình ảnh
Các điểm sau cần được giải thích riêng trong xử lý hình ảnh:
a. Góc tròn. Nếu hình ảnh cần được làm tròn, nó nên được giải thích riêng. Mặt khác, sự phát triển có thể mặc định cho các góc tròn được bao gồm trong hình.
b. Kích thước của hình ảnh và việc xử lý các hình ảnh bất thường được gửi trong nền. Chúng tôi thường hiển thị hiệu ứng hiển thị tốt nhất của hình ảnh trong các kết xuất, nhưng kích thước này có cố định không? Nếu hình ảnh được gửi trong nền lớn hơn hoặc nhỏ hơn kích thước kết xuất, thì đầu trước nên được hiển thị như thế nào? Chiều rộng cố định, chiều cao theo kích thước của hình ảnh được phân phối, hoặc cắt? Những điều này cần phải được nêu cụ thể.
c. Mô tả lớp mặt nạ. Khi một hình ảnh phục vụ làm nền, để hiển thị rõ ràng các phần tử trên, một lớp mờ màu đen thường được thêm vào nó. Tốt nhất là đưa ra một lời giải thích đặc biệt cho lớp mặt nạ, nếu không các hình ảnh có thể được phát ra theo mặc định trong quá trình phát triển sẽ được đi kèm với một lớp mặt nạ.
