如何使用分隔符在Silverlight中水平显示项目列表?

时间:2009-10-27 12:06:34

标签: silverlight

我想知道是否有Silverlight控件允许我水平显示项目列表,每对项目之间都有一个分隔符。

例如,假设这是我的项目列表:

int[] items = new[] { 42, 43, 44, 45 };

然后我希望它们像这样呈现:

42 -> 43 -> 44 -> 45

这只是一个例子,实际上这些项目是我想要绑定到模板的对象,而分隔符应该是图像(或其他任何东西)。在我的例子中,项目被渲染为ItemsControl内的元素。

看起来很简单,但我找不到一个好办法。

亲切的问候, 罗纳德

2 个答案:

答案 0 :(得分:1)

您可以使用水平方向的StackPanel,并根据需要添加数字序列(在TextBox控件中)+分隔符(作为Image控件)。

答案 1 :(得分:1)

这对我来说很好:

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="333" Width="454">
    <Window.Resources>
    </Window.Resources>
    <StackPanel Name="myStackPanel">
    </StackPanel>
</Window>

和守则背后:

     int[] items = new[] { 42, 43, 44, 45 };

        myStackPanel.Orientation = Orientation.Horizontal;

        foreach (int item in items)
        {
            TextBlock txtNum = new TextBlock();
            txtNum.Text = item.ToString();

            TextBlock txtSeperator = new TextBlock(); // or image, as you wish
            txtSeperator.Text = "->";

            myStackPanel.Children.Add(txtNum);
            myStackPanel.Children.Add(txtSeperator);
        }