วิธีการวาดปุ่มลำดับชั้นตั้งและดูไม่พอใจน้อยกว่ามันคืออะไร?


17

ฉันกำลังพยายามสร้างชุดปุ่มที่สามารถใช้เพื่อเลื่อนดูข้อมูลแบบลำดับชั้นและดูเหมือนว่าสวัสติกะ ฉันไม่แน่ใจว่าจะแก้ไขอย่างไร

ป้อนคำอธิบายรูปภาพที่นี่

ในภาพด้านบนหากเลือก "Panel" และคุณกดปุ่มด้านบนมันจะเลือก "AnimatedPanel" หากคุณคลิกปุ่มซ้ายมันจะเป็นการเลือก "สคริปต์" หากคุณคลิกปุ่มขวาจะไม่มีการเปลี่ยนแปลงใด ๆ เนื่องจากพาเนลเป็นรายการสุดท้ายในรายการ หากคุณเลือกปุ่มด้านล่าง "EventHandler" จะถูกเลือก

ชุดปุ่มจะนั่งอยู่ทางด้านซ้ายของฉลาก ฉลากและปุ่มจะปรากฏขึ้นเมื่อมีการเลือกรายการ ตัวอย่างเช่นในเว็บเพจอาจมีรายการเมนูแนวตั้งหรือแนวนอน ชุดปุ่มและฉลากจะอยู่เหนือเมนูที่เลือก จากนั้นกด "ใน" จะเลือกรายการเมนูแรก การเลือก "ซ้าย" หรือ "ขวา" จะเลื่อนผ่านรายการเมนู ฉันหวังว่ามันสมเหตุสมผล

คำแนะนำใด ๆ ที่จะทำให้สิ่งนี้น้อยลงได้อย่างไร

รายละเอียดเพิ่มเติมสำหรับ @PremierBromanov:
วิธีที่ฉันมีตอนนี้ฉันมี 3 ป้ายกำกับทั้งหมดติดกันอย่างเช่น "Up" "L" "R" "Panel"

ป้อนคำอธิบายรูปภาพที่นี่

ฉันใช้คำว่า "up", "left" และ "right" แต่ "up" เป็นจริง ๆ "ย้ายออกจากแถวปัจจุบันและกลับไปยังแถวก่อนหน้า" คำเหล่านั้นขึ้นอยู่กับการแสดงในแนวนอนเช่นเลย์เอาต์ (แม้ว่าในแนวตั้งจะไม่สมเหตุสมผล)

ใน XML พวกเขาใช้คำเช่นโหนดสาขาและโหนดใบไม้ สาขามีหรือสามารถมีโหนดใบ ข้อมูลลำดับชั้นยังใช้โหนดพาเรนต์เงื่อนไขและโหนดชายน์ ในกรณีนี้คุณมีบรรพบุรุษและลูกหลาน คุณมีพี่น้องด้วย พวกมันคือโหนดลูกที่ใช้พาเรนต์เดียวกัน

ดังนั้นในกรณีสุดท้ายคุณอาจมีพาเรนต์, พี่น้องก่อนหน้า, พี่น้องคนถัดไปและผู้สืบทอดของโหนดชายด์ปัจจุบัน คุณยังสามารถมีสาขาหลักซ้ายก่อนหน้าใบไม้ถัดไป ในกรณีนี้ถ้าใบไม้มีใบไม้มันก็จะเป็นกิ่งไม้ ดังนั้นสาขาหลัก, ใบหรือสาขาก่อนหน้า, ใบหรือสาขาถัดไป, และใบสาขาปัจจุบัน


1
ลองใช้ลูกศรแนวทแยงสองเส้น
เปาโล Gibellini

7
ความจริงแล้วสนุก: สวัสติกะที่หันหน้าไปทางซ้ายเป็นสัญลักษณ์แห่งสันติภาพในศาสนาฮินดูและมีการใช้บนแผนที่เพื่อเป็นตัวแทนสถานที่สักการะบูชา สวัสติกะหันหน้าไปทางขวาเป็นสัญลักษณ์ของความชั่วร้าย แต่ก็ยังไม่เป็นที่น่ารังเกียจในศาสนาฮินดู
John Dvorak

3
สวัสติกะทั้งสองถูกใช้เป็นสัญลักษณ์แห่งความโชคดีในวัฒนธรรมตะวันตกตั้งแต่ต้นศตวรรษที่ 20 เมื่อวันที่ ( วิกิ ) จนกระทั่งมีใครบางคนเข้ามาและทำลายสิ่งต่าง ๆ
Vincent

คุณลองสร้างระบบลูกศรซ้าย - ขวาง่ายๆหรือไม่? มันอาจจะดูสมเหตุสมผลกว่าเมื่อคุณสำรวจโครงสร้างของไฟล์และมันจะเหมือนกับ "+" มากกว่า Swastika ขึ้นและลงจะย้ายจาก "แผง" ถึง "สคริปต์" และซ้ายและขวาจะออกไปและตามลำดับ
Premier Bromanov

1
มันไม่ใช่สวัสติกะมันหายไปสองขาฉันไม่คิดว่าคุณควรกังวลเกี่ยวกับมันมีเพียงนาซีเท่านั้นที่จะเห็นได้ว่าฉันอ่านชื่อคำถามของคุณแล้วฉันก็ดูชุดของปุ่มและฉัน ไม่ได้รับ "ก้าวร้าว" (ฉันคิดว่าคุณหมายถึงมันน่าเกลียดเกินไป: P ไม่ใช่) ฉันต้องอ่านคำถามของคุณเพื่อที่จะรู้ว่าคุณหมายถึงอะไรโดย "ก้าวร้าว" ตามที่ฉันเรียน WW2 เป็นเวลา 10 ปีแล้วถึงกระนั้นฉันก็ไม่สามารถมองเห็นสวัสดิกะได้
Kyle

คำตอบ:


32

แนวคิดลูกศรของคุณและสิ่งที่คุณวางแผนที่จะใช้เพื่อความเหมาะสม และจากสิ่งที่ฉันเห็นฉันเดาว่าคุณไม่มีพื้นที่สำหรับไอคอนมากนัก

บางทีสิ่งที่สามารถช่วยคุณได้ก็คือใช้ลูกศรที่หนาและโค้งเพื่อซ่อนเอฟเฟกต์ที่คุณไม่ชอบ

ด้านล่างเป็นตัวอย่างรวดเร็ว:

คุณอาจต้องปรับลูกศรตามความต้องการและความคมชัดของคุณเมื่อขนาดเล็ก มันเป็นแนวคิดเดียวกับของคุณ แต่ลูกศรที่แตกต่างกัน

ตัวอย่างลูกศรสีเทา

ตัวอย่างสีเทาขนาดใหญ่

ลูกศรสามารถเป็นสีต่างกันได้:

ตัวอย่างลูกศรสีน้ำเงิน

เช่นลูกศรสีน้ำเงินใหญ่


2
ฉันคิดว่าลูกศรโค้งทำงานได้ดีแม้จะไม่เปลี่ยนสี แนวคิดที่ดี +1
Aistis

ในขนาดที่เล็กมันอาจจะดีกว่าถ้าทำให้ลูกศรโค้งเป็นสีเดียวกับลูกตรง
สามสิบเอ็ด

1

คุณอาจพิจารณาวิธีที่เรียบง่าย "แบน" โดยใช้ปุ่มที่สำรวจรายการขึ้นและลงโดยไม่คำนึงว่าลำดับชั้นลึกลงไปมากเพียงใดและเป็นวิธีสำหรับผู้ใช้ในการปรับความเร็วของการเคลื่อนที่เช่นปุ่มสี่ปุ่ม :

  • [เร็วขึ้น]
  • [ขึ้น]
  • [ลง]
  • [ลงเร็วกว่า]

"up" และ "down" จะทำการสำรวจรายการต่อรายการและปุ่ม "เร็ว" จะข้ามโฟลเดอร์ไปยังโฟลเดอร์


ทำไมไม่และUp folder Down folderและพวกเขาควรวาดตามที่ถามในคำถามได้อย่างไร
Mensch

ฉันจะลองใช้อัพโฟลเดอร์ : ดับเบิลเชฟรอนชี้ขึ้น ขึ้น : โสด 'ขึ้น' เชฟรอน ลง : เชฟรอนเดี่ยวชี้ลง โฟลเดอร์ลง : เครื่องหมายบั้งคู่ 'ลง'
Matt Smith

ความคิดที่ดี. ออกมาค่ะฉันเดาว่าจะชอบ ^ << >> \ / ที่ "^" และ "\ /" อยู่ตรงกลางด้านบนและด้านล่างของ "<< >>"
1.21 gigawatts

ใช่มันเหมือนกับรูปแบบการออกแบบการแบ่งหน้าซึ่งเป็นที่รู้จักกันดีในแนวตั้งเท่านั้น
Matt Smith
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.