0

固定幅の列に 2 つのラベルをレイアウトしたいと考えています。1 つは左揃えで右方向に成長し、もう 1 つはそのすぐ右側にあります。

ラベルを合わせた幅が使用可能なスペースよりも小さい場合、右側に空きスペースが必要です。これは、次のマークアップで実現されます。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <TextBlock TextTrimming="CharacterEllipsis" Text="Sample Name" />        
    <Label Content="Text" Foreground="#AAAAAA" Grid.Column="1"/>
</Grid>

最初のケース、左のラベルが短い

最初のラベルが大きすぎる場合、テキストがトリミングされ、右側のラベルが列から押し出されないようにする必要があります。これは、次のマークアップで実現されます。

<DockPanel LastChildFill="True">
    <Label Content="Text" Foreground="#AAAAAA" DockPanel.Dock="Right" />
    <TextBlock TextTrimming="CharacterEllipsis" Text="A Really Really Long Sample Name" />        
</DockPanel>

2 番目のケース、左のラベルが長すぎます

異なる Xaml を使用せずに同じ結果 (スクリーンショット) を取得するにはどうすればよいですか?

4

1 に答える 1

0

それは私が試したと思っていたものでした。これは私のためにそれをしました：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <TextBlock TextTrimming="CharacterEllipsis" Text="Sample Name" />
    <Label Content="Text" Foreground="#AAAAAA" Grid.Column="1" />
</Grid>
于 2013-10-25T20:05:59.847 に答える