Estou tentando criar um conjunto de botões que pode ser usado para percorrer dados hierárquicos e está parecendo uma suástica. Não sei como corrigi-lo.
Na imagem acima, se "Painel" foi selecionado e você pressionou o botão superior, selecione "AnimatedPanel". Se você clicou no botão esquerdo, ele selecionaria "Script". Se você clicou no botão direito, nada mudaria, pois o painel é o último item da lista. Se você selecionar o botão inferior, "EventHandler" será selecionado.
O conjunto de botões fica à esquerda do rótulo. O rótulo e o botão serão mostrados quando um item for selecionado. Por exemplo, em uma página da web, pode haver uma lista de itens de menu verticais ou horizontais. O conjunto de botões e o rótulo ficam acima do menu selecionado. Então pressionar "in" selecionaria o primeiro item do menu. Selecionar "esquerda" ou "direita" se moveria pelos itens de menu. Espero que faça sentido.
Alguma sugestão de como tornar isso menos o que quer que seja?
Mais detalhes para @PremierBromanov:
Do jeito que eu tenho agora, tenho 3 rótulos todos seguidos, como "Up" "L" "R" "Panel".
Estou usando os termos "para cima", "esquerda" e "direita", mas "para cima" é realmente "sair da linha atual e voltar para a linha anterior". Esses termos baseiam-se livremente em como são exibidos em um layout horizontal (embora na vertical isso não faça mais sentido).
Em XML, eles usam termos como nó de ramificação e nós de folha. Uma ramificação possui ou pode ter nós de folha. Os dados hierárquicos também usam os termos nó pai e nós filhos. Nesse caso, você tem ancestrais e descendentes. Você também tem irmãos. Eles são nós filhos que compartilham o mesmo pai.
Portanto, no último caso, você pode ter pai, irmão anterior, próximo irmão e descendentes do nó filho atual. Você também pode ter Filial pai, esquerda anterior, próxima folha. Nesse caso, se uma folha tiver folhas, seria um galho. Portanto, ramo pai, folha ou ramo anterior, folha ou ramo seguinte e folhas do ramo atual.
fonte
Respostas:
Seu conceito de flecha e para o qual você planeja usá-lo parece apropriado. E pelo que posso ver, acho que você não tem muito espaço para ícones.
Talvez o que possa ajudá-lo seja simplesmente usar flechas mais grossas e curvas para ocultar o efeito que você não gosta.
Abaixo está um exemplo rápido:
Pode ser necessário ajustar as setas de acordo com sua preferência e clareza quando em tamanho pequeno. É o mesmo conceito que o seu, mas setas diferentes.
As setas também podem ter cores diferentes:
fonte
Você pode considerar uma abordagem mais simples e "plana", usando botões que percorrem a lista de cima para baixo, independentemente da profundidade da hierarquia, e oferecendo uma maneira de o usuário ajustar a velocidade da travessia, por exemplo, quatro botões :
"para cima" e "para baixo" passariam item a item e os botões "mais rápidos" passariam de pasta em pasta.
fonte
Up foldereDown folder. E como eles devem ser desenhados, conforme solicitado na pergunta?