階層ボタンセットを描画して、実際よりも不快感を少なくする方法

階層データを移動するために使用できるボタンセットを作成しようとしていますが、それはswのように見えます。修正方法がわかりません。

上の画像で「パネル」が選択されている場合、一番上のボタンを押すと「AnimatedPanel」が選択されます。左のボタンをクリックすると、「スクリプト」が選択されます。右のボタンをクリックしても、パネルはリストの最後の項目なので、何も変わりません。下のボタンを選択すると、「EventHandler」が選択されます。

ボタンセットは、ラベルの左側に配置されます。アイテムが選択されると、ラベルとボタンが表示されます。たとえば、Webページには、垂直または水平のメニュー項目のリストがあります。ボタンセットとラベルは、選択したメニューの上に配置されます。次に「in」を押すと、最初のメニュー項目が選択されます。「左」または「右」を選択すると、メニュー項目が移動します。それが理にかなっていることを願っています。

これを減らす方法はありますか？

@PremierBromanovの詳細：
現在の方法では、「Up」、「L」、「R」、「Panel」のように3つのラベルがすべて一列に並んでいます。

「上」、「左」、「右」という用語を使用していますが、「上」は実際には「現在の行から移動して前の行に戻る」という意味です。これらの用語は、水平方向のレイアウトでの表示方法に大まかに基づいています（ただし、垂直方向では意味がありません）。

XMLでは、ブランチノードやリーフノードなどの用語を使用します。ブランチには、リーフノードがあります。階層データでは、親ノードと子ノードという用語も使用されます。その場合、先祖と子孫があります。兄弟もいます。それらは同じ親を共有する子ノードです。

したがって、最後のケースでは、現在の子ノードの親、前の兄弟、次の兄弟、および子孫を持つことができます。また、前の左、次の葉の親ブランチを持つこともできます。この場合、葉に葉がある場合、枝になります。したがって、親ブランチ、前の葉またはブランチ、次の葉またはブランチ、および現在のブランチの葉。

あなたの矢印のコンセプトと、あなたがそれを使用することを計画しているものは適切に思えます。そして、私が見ることができるものから、私はあなたがとにかくアイコンのための多くのスペースを持っていないと思います。

たぶんあなたを助けることができるのは、太くて湾曲した矢印を使用して、あなたが好きではないその効果を隠すことです。

以下に簡単な例を示します。

小さいサイズの場合は、好みに合わせて矢印を調整する必要があるかもしれません。それはあなたのものと同じ概念ですが、異なる矢印です。

矢印は異なる色にすることもできます：

階層の深さに関係なく純粋にリストを上下に移動するボタンを使用し、ユーザーが移動の速度を調整する方法を提供する、たとえば4つのボタンを使用する、より単純な「フラット」アプローチを検討できます。 ：

• [もっと速く]
• [アップ]
• [ダウン]
• [速くダウン]

「上」と「下」はアイテムごとに移動し、「速い」ボタンはフォルダー間を移動します。