2017-06-26 10 views
3

私はUWPアプリケーションで作業しています。 Appbarボタンを使ってアクションのアイコンボタンを表示しています。 問題は、ラベルがアイコンの横に自動的に配置され、ラベルの一部がアイコンの下に置かれることがあります。ラベルの位置を固定する方法はありますか?以下 は、問題をより明確に理解するための画像です:Appbarボタンのラベルの位置は自動的にUWP

Automatically aligns them horizontal

This is the worst of all

しかし、理想的に、私は彼らがIdeally

以下

見えるようにしたい作るのいずれかの方法がありますそれら(アイコンとそれぞれのラベル)が垂直に整列したままであることを確認してください。以下は私のコードです:AppBarButtonCommandBarの内部で使用される場合

<AppBarButton Label="Share" Grid.Column="2" HorizontalAlignment="Center"> 
    <AppBarButton.Icon> 
     <PathIcon HorizontalAlignment="Center" Data="ShareIconPathDataHere"/> 
    </AppBarButton.Icon> 
</AppBarButton> 
<AppBarButton Label="Add to" Grid.Column="3" HorizontalAlignment="Center"> 
    <AppBarButton.Icon> 
     <PathIcon HorizontalAlignment="Center" Data="AddToIconPathDataHere"/> 
    </AppBarButton.Icon> 
</AppBarButton> 
<AppBarButton Label="Report" Grid.Column="4" HorizontalAlignment="Center"> 
    <AppBarButton.Icon> 
     <PathIcon HorizontalAlignment="Center" Data="ReportIconPathDataHere"/> 
    </AppBarButton.Icon> 
</AppBarButton> 
+1

コマンドバーを使用して 'AppBarButton'を配置してみませんか? –

+0

@VijayNirmalいいえ、私はアイコンを置いている場所は適切ではないコマンドバーです –

+0

「Horizo​​ntal」はいつ取得しますか? – Peter

答えて

3

、ラベルの位置を設定することBottomCommandBarDefaultLabelPositionを設定するのと同じくらい簡単です。

それ以外にも、試してみることができることがいくつかあります。

  1. AppBarButtonIsCompact="False"を設定してみてください。
  2. 1.が動作しない場合は、AppBarButtonhereの既定のスタイルを把握し、の視覚状態のStoryboardを削除してください。したがって、コントロールが右揃えにラベルを要求しても、それを設定する状態はないため、視覚的に何も変更されません。

これが役に立ちます。

+1

ありがとう:)スタイルは私のためにそれをやった。それをIsCompact = "False"に変更することは、私の努力のために多大な努力を要しました。 –

関連する問題