【问题标题】:Multidimensional databinding? How to?多维数据绑定?如何?
【发布时间】:2011-01-30 12:21:03
【问题描述】:

我正在尝试创建一组网格并将它们添加到滚动视图中。

它应该是这样的: http://tinypic.com/r/256gpxf/7

显示在“其他站点”下的“出发”应该是动态的。我知道如何使用数据绑定创建标题(“其他站点”),但我需要获取每个站点的出发时间。这就像某种数据绑定中的数据绑定。

这很难解释,但如果你看截图我想你们可以明白我的意思:)

编辑:

公交车站类:

public class BusStop
    {
        public string Name { get; private set; }
        public string ID { get; private set; }
        public List<Depature> Depatures { get; private set; }

        public BusStop(string name, string id)
        {
            Name = name;
            ID = id;
            Depatures = new List<Depature>();
        }
    }

出发班:

public class Depature
    {

        public string Destination { get; private set; }
        public int Next { get; private set; }
        public int NextNext { get; private set; }

        public Depature(string destination, int next, int nextNext)
        {
            Destination = destination;
            Next = next;
            NextNext = nextNext;
        }
    }

每个站点都有一组不同的出发点。这就是我试图在网格中填充的内容。每个站点一个网格。这是一个带有 4 个出发点的“静态”示例 xaml:

<Grid Margin="0,0,0,12">
    <Grid.RowDefinitions>
        <RowDefinition Height="42" />
        <RowDefinition Height="28" />
        <RowDefinition Height="28" />
        <RowDefinition Height="28" />
        <RowDefinition Height="28" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="38" />
        <ColumnDefinition Width="280" />
        <ColumnDefinition Width="46" />
        <ColumnDefinition Width="46" />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Row="0" Grid.ColumnSpan="2" Grid.Column="0" FontSize="32" Text="Other Stop" Foreground="#FFE37306" />
    <TextBlock VerticalAlignment="Bottom" Grid.Row="0" Grid.Column="2" FontSize="12" Text="avgår"/>
    <TextBlock VerticalAlignment="Bottom" Grid.Row="0" Grid.Column="3" FontSize="12" Text="nästa"/>
    <Grid Grid.Row="1" Style="{StaticResource VasttrafikGridLine}" Background="#0D4774">
        <TextBlock Style="{StaticResource VasttrafikTextLine}" Text="80" />
    </Grid>
    <TextBlock Margin="6,0,12,0" Grid.Row="1" Grid.Column="1" Text="Nils Eriksson Term" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="1" Grid.Column="2" Width="20" Text="5" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="1" Grid.Column="3" Width="20" Text="15" />
    <Grid Grid.Row="2" Style="{StaticResource VasttrafikGridLine}" Background="#0D4774">
        <TextBlock Style="{StaticResource VasttrafikTextLine}" Text="80" />
    </Grid>
    <TextBlock Margin="6,0,12,0" Grid.Row="2" Grid.Column="1" Text="Nils Eriksson Term" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="2" Grid.Column="2" Width="20" Text="5" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="2" Grid.Column="3" Width="20" Text="15" />
    <Grid Grid.Row="3" Style="{StaticResource VasttrafikGridLine}" Background="#0D4774">
        <TextBlock Style="{StaticResource VasttrafikTextLine}" Text="80" />
    </Grid>
    <TextBlock Margin="6,0,12,0" Grid.Row="3" Grid.Column="1" Text="Nils Eriksson Term" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="3" Grid.Column="2" Width="20" Text="5" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="3" Grid.Column="3" Width="20" Text="15" />
    <Grid Grid.Row="4" Style="{StaticResource VasttrafikGridLine}" Background="#0D4774">
        <TextBlock Style="{StaticResource VasttrafikTextLine}" Text="80" />
    </Grid>
    <TextBlock Margin="6,0,12,0" Grid.Row="4" Grid.Column="1" Text="Nils Eriksson Term" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="4" Grid.Column="2" Width="20" Text="5" />
    <TextBlock HorizontalAlignment="Left" Grid.Row="4" Grid.Column="3" Width="20" Text="15" />
</Grid>

使用网格是个好主意吗?看来我必须用行定义等定义每一行。

提前致谢!

/R

【问题讨论】:

  • 不确定...但让我试一试:您有两个层次的对象吗?如果为真,“简单地”使用绑定到第一级的 ItemsControl,并添加一个数据模板,其中另一个 itemsControl 绑定到第二级对象......你能粘贴你的 OM 代码来帮助我理解吗?

标签: c# silverlight xaml windows-phone-7


【解决方案1】:

编辑: 现在您发布了代码,我调整了模板。顺便说一句,你拼错了“Departures”,它缺少一个“r”。

我使用的样本数据:

        List<BusStop> data = new List<BusStop>();
        BusStop busStop1 = new BusStop("Some Stop", "123");
        busStop1.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop1.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop1.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop1.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        BusStop busStop2 = new BusStop("Other Stop", "42");
        busStop2.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop2.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop2.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        busStop2.Depatures.Add(new Depature("Nils Eriksson Term", 5, 15));
        BusStop busStop3 = new BusStop("Not A Stop", "0");
        busStop3.Depatures.Add(new Depature("Void", 5, 15));
        busStop3.Depatures.Add(new Depature("Void", 5, 15));
        busStop3.Depatures.Add(new Depature("Void", 5, 15));
        busStop3.Depatures.Add(new Depature("Void", 5, 15));
        data.Add(busStop1);
        data.Add(busStop2);
        data.Add(busStop3);
        Data = data;

一般的做法应该是定义嵌套的DataTemplates,这里我使用一个ItemsControl,其ItemTemplate包含标题和另一个ItemsControl

    <ItemsControl ItemsSource="{Binding Data}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="38" />
                            <ColumnDefinition Width="280" />
                            <ColumnDefinition Width="46" />
                            <ColumnDefinition Width="46" />
                        </Grid.ColumnDefinitions>
                        <Grid.Children>
                            <TextBlock Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding Name}" FontSize="32" Foreground="#FFE37306"/>
                            <TextBlock Grid.Column="2" VerticalAlignment="Bottom" FontSize="12" Text="avgår"/>
                            <TextBlock Grid.Column="3" VerticalAlignment="Bottom" FontSize="12" Text="nästa"/>
                        </Grid.Children>
                    </Grid>
                    <ItemsControl ItemsSource="{Binding Depatures}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="38" />
                                        <ColumnDefinition Width="280" />
                                        <ColumnDefinition Width="46" />
                                        <ColumnDefinition Width="46" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.Children>
                                        <Grid Grid.Column="0" Style="{StaticResource VasttrafikGridLine}" Background="#0D4774">
                                            <TextBlock Grid.Column="0" Text="80" Style="{StaticResource VasttrafikTextLine}"/>
                                        </Grid>
                                        <TextBlock Grid.Column="1" Text="{Binding Destination}" Foreground="DarkBlue"/>
                                        <TextBlock Grid.Column="2" Text="{Binding Next}"     HorizontalAlignment="Left" Width="20" Foreground="DarkBlue"/>
                                        <TextBlock Grid.Column="3" Text="{Binding NextNext}" HorizontalAlignment="Left" Width="20" Foreground="DarkBlue"/>
                                    </Grid.Children>
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

看起来像这样(当然它缺少您的特定样式和覆盖):

你仍然没有指定你的三个不同的块来自哪里等等。但除此之外的任何事情都绝对是你的问题......

【讨论】:

  • +1 因为它确实为解决方案提供了很好的指导。然而,问题被标记为 Silverlight 和 Windows-Phone-7,Silverlight 中没有 IsSharedSizeScope。由于 WP7 设备的外形尺寸很少,因此将其视为 WP7 应用程序,可以接受更具针对性的尺寸。
  • 哦,我不知道...(到目前为止我还没有在 Silverlight 中做过任何事情,所以我不知道所有的区别)
  • 完美运行!感谢一百万的回答(以及拼写提示):)
猜你喜欢
  • 1970-01-01
  • 2011-06-21
  • 2018-02-09
  • 1970-01-01
  • 2016-04-22
  • 1970-01-01
  • 2018-06-05
  • 2010-11-08
  • 2013-04-13
相关资源
最近更新 更多