Làm thế nào để vẽ một nút phân cấp được thiết lập và trông ít gây khó chịu hơn nó?


17

Tôi đang cố gắng tạo một bộ nút có thể được sử dụng để di chuyển qua dữ liệu phân cấp và nó trông giống như một hình chữ vạn. Tôi không chắc làm thế nào để sửa nó.

nhập mô tả hình ảnh ở đây

Trong ảnh trên nếu "Bảng điều khiển" được chọn và bạn nhấn nút trên cùng, nó sẽ chọn "AnimatedPanel". Nếu bạn nhấp vào nút bên trái, nó sẽ chọn "Tập lệnh". Nếu bạn nhấp vào nút bên phải, sẽ không có gì thay đổi vì bảng là mục cuối cùng trong danh sách. Nếu bạn chọn nút dưới cùng, "EventHandler" sẽ được chọn.

Nút đặt sẽ nằm ở bên trái của nhãn. Nhãn và nút sẽ được hiển thị khi một mục được chọn. Ví dụ, trong một trang web có thể có một danh sách các mục menu dọc hoặc ngang. Nút được đặt và nhãn sẽ nằm phía trên menu đã chọn. Sau đó nhấn "trong" sẽ chọn mục menu đầu tiên. Chọn "trái" hoặc "phải" sẽ di chuyển qua các mục menu. Tôi hy vọng điều đó đúng.

Bất kỳ đề xuất làm thế nào để làm cho điều này ít hơn bất cứ điều gì nó là?

Chi tiết hơn cho @PremierBromanov:
Cách tôi có bây giờ tôi có 3 nhãn liên tiếp như vậy "Up" "L" "R" "Panel".

nhập mô tả hình ảnh ở đây

Tôi đang sử dụng các thuật ngữ "lên", "trái" và "phải" nhưng "lên" thực sự là "di chuyển ra khỏi hàng hiện tại và quay trở lại hàng trước". Những thuật ngữ đó dựa trên cách nó được hiển thị theo bố cục theo chiều ngang (mặc dù theo chiều dọc, nó không còn có ý nghĩa nữa).

Trong XML họ sử dụng các thuật ngữ như nút nhánh và nút lá. Một nhánh có hoặc có thể có các nút lá. Dữ liệu phân cấp cũng sử dụng thuật ngữ nút cha và nút con. Trong trường hợp đó, bạn có tổ tiên và con cháu. Bạn cũng có anh chị em. Chúng là các nút con có chung cha mẹ.

Vì vậy, trong trường hợp cuối cùng, bạn có thể có cha mẹ, anh chị em trước, anh chị em tiếp theo và hậu duệ của nút con hiện tại. Bạn cũng có thể có nhánh cha mẹ, bên trái trước, lá tiếp theo. Trong trường hợp này nếu một chiếc lá có lá thì nó sẽ là một nhánh. Vì vậy, nhánh cha mẹ, lá hoặc nhánh trước, lá hoặc nhánh tiếp theo và lá của nhánh hiện tại.


1
Hãy thử sử dụng hai mũi tên chéo.
Paolo Gibellini

7
Sự thật thú vị: một hình chữ vạn mặt trái thực sự là một biểu tượng của hòa bình trong Ấn Độ giáo và dễ dàng được sử dụng trên các bản đồ để đại diện cho các nơi thờ cúng. Một hình chữ vạn phải đối mặt là một biểu tượng của cái ác nhưng vẫn không gây khó chịu trong Ấn Độ giáo.
John Dvorak

3
Cả hai hình chữ vạn đã được sử dụng như một dấu hiệu may mắn trong văn hóa phương Tây từ đầu thế kỷ 20 trở đi ( wiki ). Cho đến khi ai đó đi cùng và làm hỏng mọi thứ.
Vincent

Bạn đã thử làm một hệ thống mũi tên trái phải lên xuống đơn giản? Nó có thể có ý nghĩa hơn về mặt trực quan khi bạn duyệt qua cấu trúc tệp và nó sẽ giống như "+" chứ không phải là hình chữ vạn. Lên và xuống sẽ được chuyển từ "Bảng điều khiển" sang "tập lệnh" và trái và phải sẽ lần lượt ra ngoài và theo thứ tự.
Thủ tướng Bromanov

1
Đó không phải là một hình chữ vạn, nó thiếu hai chân, tôi không nghĩ bạn nên lo lắng về điều đó, chỉ có một nazi sẽ phát hiện ra điều đó, tôi đọc tiêu đề câu hỏi của bạn và sau đó tôi nhìn vào bộ nút của bạn và tôi đã không nhận được "sự xúc phạm" (tôi nghĩ bạn có nghĩa là nó quá xấu: P không phải vậy), tôi đã phải đọc câu hỏi của bạn để biết ý của bạn là "xúc phạm", bằng cách tôi đã học WW2 trong 10 năm nay, ngay cả như vậy, tôi không thể phát hiện ra chữ Vạn
Kyle

Câu trả lời:


32

Khái niệm mũi tên của bạn và những gì bạn có kế hoạch sử dụng nó cho có vẻ phù hợp. Và từ những gì tôi có thể thấy, tôi đoán bạn không có nhiều chỗ cho các biểu tượng.

Có lẽ những gì có thể giúp bạn chỉ đơn giản là sử dụng các mũi tên dày và cong hơn để che giấu hiệu ứng mà bạn không thích.

Dưới đây là một ví dụ nhanh:

Bạn có thể cần điều chỉnh các mũi tên theo sở thích và sự rõ ràng khi ở kích thước nhỏ. Đó là khái niệm giống như của bạn, nhưng mũi tên khác nhau.

ví dụ mũi tên thang độ xám

ví dụ thang độ xám lớn

Các mũi tên cũng có thể có màu khác nhau:

ví dụ mũi tên màu xanh

ví dụ mũi tên màu xanh lớn


2
Tôi nghĩ rằng các mũi tên cong hoạt động tốt ngay cả khi không thay đổi màu sắc. Ý tưởng hay +1
Aistis

Ở kích thước nhỏ, thậm chí có thể tốt hơn để làm cho mũi tên cong có cùng màu với mũi tên thẳng.
thứ ba mươi

1

Bạn có thể xem xét một cách tiếp cận đơn giản, "phẳng" hơn, sử dụng các nút hoàn toàn di chuyển lên xuống danh sách bất kể thứ bậc đi sâu đến đâu và cung cấp cách để người dùng điều chỉnh tốc độ của giao dịch, ví dụ: bốn nút :

  • [lên nhanh hơn]
  • [lên]
  • [xuống]
  • [xuống nhanh hơn]

"lên" và "xuống" sẽ đi qua từng mục và các nút "nhanh hơn" sẽ đi qua thư mục này đến thư mục khác.


Tại sao không Up folderDown folder. Và họ nên vẽ như thế nào khi được hỏi trong câu hỏi?
Mensch

Tôi sẽ thử Up Thư mục : chevron đôi chỉ lên. Lên : đơn 'lên' chevron. Xuống : chevron đơn hướng xuống dưới. Thư mục xuống : Double 'xuống' chevron.
Matt Smith

Ý tưởng tốt. Ra và vào. Vì vậy, tôi đoán một cái gì đó như, ^ << >> \ / trong đó "^" và "\ /" được đặt ở giữa và bên dưới "<< >>".
1,21 gigawatt

Vâng, nó giống như mẫu thiết kế phân trang nổi tiếng, chỉ dọc.
Matt Smith
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.