it-swarm-vi.tech

Trong một lưới, làm thế nào để hiển thị các tiêu đề cột dài

Khi hiển thị dữ liệu trong một lưới (mỗi hàng chứa một bản ghi, mỗi cột một trường bản ghi khác nhau), nhu cầu không gian dọc được giải quyết dễ dàng bằng cách cuộn hoặc phân trang.

Chúng ta thường sớm thiếu không gian ngang vì số lượng cột hoặc dữ liệu cột trở nên lớn. Chủ đề này đã được thảo luận ở đây: Cách hiển thị quá nhiều dữ liệ và đây không phải là điểm của câu hỏi của tôi.

Một số cột có dữ liệu chiếm một ít không gian (hộp kiểm, ngày hoặc biểu tượng), nhưng nhãn tiêu đề của chúng dài. Kết quả là cột trở nên rộng vì tiêu đề, không phải dữ liệu, với sự mất không gian ngang rõ ràng.

Có một số giải pháp đơn giản:

  • tìm văn bản tiêu đề ngắn hơn
  • bọc văn bản tiêu đề thành nhiều dòng
  • hiển thị văn bản tiêu đề theo chiều dọc
  • hiển thị tên viết tắt bằng chuột trên tooltip chứa nhãn hoàn chỉnh
  • sử dụng một biểu tượng làm tiêu đề

Có những trường hợp khi không có giải pháp nào trong số những giải pháp này có thể được áp dụng, giữ cho giao diện người dùng rõ ràng và dễ hiểu cùng một lúc. Giải pháp của bạn là gì?

13
Mart

Cách tiếp cận được sử dụng rộng rãi nhất mà tôi từng thấy là sử dụng Ellipsis để chỉ ra rằng có nhiều văn bản hơn, như thế này:

alt text

Sau đó, bạn có thể cung cấp một chú giải công cụ khi di chuột để hiển thị cho người dùng tên đầy đủ. Trên Mac OS, Apple cố gắng cô đọng văn bản như bước đầu tiên. Họ làm điều đó bằng cách giảm khoảng cách giữa các chữ cái và từ. Ý tưởng là hiển thị cho bạn càng nhiều ký tự càng tốt trước khi thêm Ellipsis như là một phương sách cuối cùng.

Tôi đã thấy một cách tiếp cận thanh lịch hơn nhiều trong một ứng dụng ở đâu đó nơi chúng làm mờ các chữ cái hiển thị cuối cùng. Tôi không thể nhớ tên của ứng dụng, nhưng nó trông như thế này:

alt text

Đây rõ ràng là công việc nhiều hơn, nhưng nó chắc chắn trông hiện đại và đẳng cấp hơn. Tôi ngạc nhiên rằng nó chưa trở thành một tính năng tiêu chuẩn của Mac OS. Nói về, Apple hiện sử dụng fading trong Spotlight để hiển thị cho bạn đường dẫn tệp dài:

alt text

Ngoài đường dẫn tệp bị mờ, hãy xem tệp "YLListenerBase.cpp": bạn có thể thấy rằng nó bị cô đọng nếu bạn so sánh nó với tệp .h của nó. Đường dẫn tệp với hiệu ứng mờ dần ở dưới cùng của cửa sổ.

7
Hisham

Tôi nghĩ rằng tôi đã gợi ý điều này trong một bình luận trong câu hỏi khác, nhưng để tóm tắt lại ... Tôi sẽ đề xuất các biểu tượng khi biểu tượng có thể mô tả chính xác ý nghĩa của các cột.

alt text

Trích dẫn từ bình luận cho câu hỏi khác:

Ví dụ. nếu bạn có một cột sẽ chỉ chứa một ký tự (ví dụ: Y/N /?, hoặc 0/1/2/3 /? hoặc T/F) nếu bạn có thể sử dụng một biểu tượng hoặc văn bản viết tắt trong tiêu đề, bạn có thể có thể giảm đáng kể chiều rộng cột. ví dụ. nếu bạn có cột "Số", sử dụng "#" thay vào đó sẽ tiết kiệm một số dung lượng.

3
scunliffe

Danh sách của bạn là khá đầy đủ. Có rất nhiều thứ khác bạn có thể làm nhưng chọn bất cứ thứ gì tốt nhất cho tình huống của bạn.

  • Nếu tiêu đề của bạn là nhiều từ, gói có lẽ là lựa chọn tốt nhất. Bạn cũng có thể chia nhỏ Word dài thường xuyên nếu bạn sử dụng dấu gạch nối thích hợp. Đừng phá vỡ các từ tại các điểm tùy ý.

  • Bạn thường có may mắn nhận được các chữ viết tắt dễ đoán hơn các biểu tượng, trừ khi các biểu tượng đã được thiết lập ở nơi khác trong ứng dụng. Nếu bạn không sử dụng các chữ viết tắt được thiết lập, hãy kiểm tra chúng trong ngữ cảnh để đảm bảo người dùng có thể đoán chúng. Có, sử dụng chú giải công cụ cho dù bạn có sử dụng biểu tượng hoặc viết tắt hay không, nhưng don không dựa vào chúng để sử dụng bình thường. Chữ viết tắt thường không cần dấu chấm, vì vậy sẽ tiết kiệm không gian.

  • Nếu bạn hiển thị tiêu đề theo chiều dọc, bạn sẽ có được khả năng đọc tốt hơn bằng cách viết văn bản sang một bên, thay vì xếp các chữ cái lên nhau.

  • Thay vì hiển thị tiêu đề theo chiều dọc, trực tiếp uốn cong cột ở trên cùng và hiển thị văn bản tiêu đề ở góc 30 đến 45 độ. Bây giờ chỉ cần một cái đầu nhẹ để đọc chúng. Điều đó chỉ hoạt động, tuy nhiên, nếu bạn có một loạt các cột liền kề với các tiêu đề dài.

  • Đối với một số lưới như các giá trị trường có xu hướng có cùng chiều rộng trên các trường khác nhau (ví dụ: để hiển thị lịch trình xe lửa), sẽ rất hợp lý khi hoán đổi các cột với các hàng. Bây giờ các tiêu đề cột của bạn là các tiêu đề hàng, có thể dài như cần thiết mà không lãng phí không gian.

Hãy nhớ rằng không có luật chống lại cuộn ngang trong lưới. Người dùng đã làm điều đó trong nhiều năm với bảng tính.

2
Michael Zuschlag

Tại sao không sử dụng một 'đám mây' xếp chồng lên trên cột nghe? Nếu chúng thực sự quan trọng cần có từ lâu, hãy phát điên:

       ________________   _____________
      |Super Long Title| |I'm also long|
               ^            ^
| Foo | Bar |  |   | Baz |  |  | FooBar |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
2
Dominic Hopton

Một số giải pháp tốt đã được đề cập. Ở đây nhưng một điều khác để xem xét: Sử dụng định danh màu, số hoặc chữ cái cho cột và chú giải.

Color and Letter Identifyers

1
Ray Perfetti