WPF 中的剧院座位应用程序 - 数据绑定问题

Question

我是 WPF 新手，我想在 WPF-c#.net 中开发一个用于剧院座位的应用程序。 我做了一些研究，但我迷失了，因为我不知道每个座位的数据（是否出售、价格、在哪一行）最终应如何绑定到 SQL Express 中表中的字段。 我应该使用 ObservableCollection 来填充其中数据表的内容吗？ 另外，我应该使用按钮网格吗？还是矩形？如果我希望左前和右前按钮稍微倾斜而不是水平，我应该如何操作？ 如果我想要三个区域的座椅，我应该使用包裹板吗？左边区域，修改空间，中间区域，修改空间，右边区域？ 如果有人能给我一些开始的提示，我会非常高兴。 提前致谢...

Answer 1

您同时提出了很多问题，如果不为您编写程序，任何人都不可能回答所有问题，但我将提供我将采取的高级方法。您必须花一些时间来深入研究细节。有关 StackOverflow 的大量信息以及其他有关这些详细信息的帮助信息。

无论如何 -

数据库，3 个表

SeatStatus 表

• ID，int，主键
• 名称，字符串（例如可用，
  已售出、已损坏)

PricePoint 表

• ID、int、主键
• 名称、字符串（例如默认值、
  OnSale、Premium)
• 价格、浮动（例如 10.0、8.0、12.0）

Seat 表

• ID，int，主键
• SeatStatusID，int，外键 ->
  SeatStatus 表
• PricePointID, int, 外键 ->
  PricePoint Table
• Row, int
• Column, int

应用程序模型

我将使用Entity Framework 4 并从 TheaterSeating 数据库生成模型。这将为您创建 Seat 对象，其中自动包含对 SeatStatus 和 PricePoint 的引用。非常光滑。

编辑 1

创建模型后，您将拥有一个代表数据的 .edmx 文件，并且可以轻松读取/写入数据库。假设此文件名为 TheaterSeatingModel.edmx，自动生成的类将为您提供调用以下内容的方法：

TheaterSeatingEntities entities = new TheaterSeatingEntities();

您现在可以访问整个数据库，包括：

entities.Seats
entities.PricePoints

等等。

您可以按照您自然期望的方式使用这些类，例如：

Seat seat = new Seat();
seat.Row = 10;
seat.Column = 5;
entities.Seats.Add(seat);
entities.SaveChanges();

在类中使用这些席位填充 ObservableCollection，并将您的视图（XAML 控件）的 DataContext 设置为此类。

public ObservableCollection<Seat> SeatCollection {get;set;}

public ViewModelConstructor()
{
   TheaterSeatingEntities entities = new TheaterSeatingEntities();
   SeatCollection = new ObservableCollection<Seat>(entities.Seats);
}

这将使用所有 Seat 对象填充您的集合。

与此集合的简单 WPF 绑定将类似于：

<ListBox ItemsSource={Binding SeatCollection} />

UI

如果是我，我会使用 WPF ItemsControl ，其 ItemsSource 是设置为您的 ObservableCollection 席位。将此 ItemsControl 放置在 Canvas 内。 ItemsControl 的 ItemsControl.ItemTemplate 控制每个Seat 在您的视图中的外观。您可以将 ItemTemplates Canvas.Left 和 Canvas.Top 绑定到 Seat.Row 和 Seat .Column 将座位放置在屏幕上适当的位置。您可以将模板设为按钮、矩形、座位图像等任何内容。您可以设置 Styles 和 Triggers 以使座位根据 PricePoint、SeatStatus 等以不同方式显示

。认为 WPF 对于您正在启动的项目非常有用。

祝你好运！