Estoy tratando de crear un conjunto de botones que pueda usarse para moverse a través de datos jerárquicos y se ve como una esvástica. No estoy seguro de cómo corregirlo.
En la imagen de arriba si se seleccionó "Panel" y presiona el botón superior, seleccionaría "Panel animado". Si hace clic en el botón izquierdo, seleccionará "Script". Si hizo clic en el botón derecho, nada cambiaría, ya que el panel es el último elemento de la lista. Si selecciona el botón inferior, se seleccionaría "EventHandler".
El conjunto de botones se ubicará a la izquierda de la etiqueta. La etiqueta y el botón se mostrarán cuando se seleccione un elemento. Por ejemplo, en una página web puede haber una lista de elementos de menú verticales u horizontales. El botón configurado y la etiqueta se ubicarían sobre el menú seleccionado. Luego, presionando "in" seleccionaría el primer elemento del menú. Seleccionar "izquierda" o "derecha" se movería a través de los elementos del menú. Espero que tenga sentido.
¿Alguna sugerencia de cómo hacer que esto sea menos lo que sea?
Más detalles para @PremierBromanov:
De la forma en que lo tengo ahora, tengo 3 etiquetas seguidas, así como "Arriba" "L" "R" "Panel".
Estoy usando los términos "arriba", "izquierda" y "derecha" pero "arriba" es realmente "salir de la fila actual y volver a la fila anterior". Esos términos se basan libremente en cómo se muestra en un diseño horizontal (aunque en vertical ya no tiene sentido).
En XML usan términos como nodo de rama y nodos de hoja. Una rama tiene o puede tener nodos hoja. Los datos jerárquicos también usan los términos nodo primario y nodos secundarios. En ese caso, tienes antepasados y descendientes. También tienes hermanos. Son nodos secundarios que comparten el mismo padre.
Entonces, en el último caso, podría tener padre, hermano anterior, hermano siguiente y descendientes del nodo secundario actual. También podría tener Rama principal, anterior izquierda, siguiente hoja. En este caso, si una hoja tiene hojas, sería una rama. Entonces la rama principal, la hoja o rama anterior, la siguiente hoja o rama y las hojas de la rama actual.
fuente
Respuestas:
Su concepto de flecha y para qué planea usarlo parece apropiado. Y por lo que puedo ver, supongo que no tienes mucho espacio para los iconos de todos modos.
Quizás lo que podría ayudarte es simplemente usar flechas más gruesas y curvas para ocultar ese efecto que no te gusta.
A continuación se muestra un ejemplo rápido:
Es posible que deba ajustar las flechas a su preferencia y claridad cuando sea de tamaño pequeño. Es el mismo concepto que el tuyo, pero diferentes flechas.
Las flechas también pueden ser de diferentes colores:
fuente
Puede considerar un enfoque más simple y "plano", usando botones que recorran la lista de arriba a abajo sin importar cuán profunda sea la jerarquía, y proporcionando una manera para que el usuario ajuste la velocidad del recorrido, por ejemplo, cuatro botones :
"arriba" y "abajo" atravesarían elemento por elemento, y los botones "más rápidos" recorrerían carpeta por carpeta.
fuente
Up folderyDown folder? ¿Y cómo deberían dibujarlos como se les preguntó en la pregunta?