1

WrapPanel と ItemsControl を使用してバインディングを作成しました。Ok。

 <ItemsControl
    ItemsSource="{Binding Stations, Source={StaticResource Container}}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate DataType="{x:Type sys:String}">
            <Button
                Margin="5,5,5,5"
                Content="{Binding}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

次に気になるのは、ボタンをもっと賢くしたいということです。文字列がボタン コンテンツの境界を超える場合は、最後の 2 文字を 3 つのドットに置き換えてほしい。画面に少なくとも 3 つの列を表示したいので、このような動作が必要です。

4

1 に答える 1

1

TextTrimmingプロパティの助けを借りて、次のように行うことができますTextBlock

<Button Margin="5,5,5,5">
    <TextBlock Text="{Binding}" TextTrimming="CharacterEllipsis"></TextBlock>
</Button>
于 2013-08-07T07:53:59.740 に答える