如何在SketchFlow中绘制网格？

Question

由于SketchFlow中没有网格资源，表示一个网格资产的最佳方式是什么？每个人都只使用矩形资产吗？

Answer 1

在提出问题的时候，有一些解决方法和问题。但是现在 - 随着刚刚发布的（2010年6月7日）SketchFlow / Blend第4版的出现，有一个很好的解决方案：来自Philipp Sumi的Sketchables。 SketchFlow 4的这个附加组件允许您使用简洁的标记来自定义和定制控件以显示复杂的输出 - ，包括SketchableDataGrid 。

根据他的博客，Sketchables是一个全新的软件包，将于2010年6月21日发布。不过，他在他的网站上有一个令人吃惊的演示视频。有关SketchableDataGrid的快照，请参阅我刚刚发布的文章Creating WPF Prototypes with SketchFlow中的图12，2010年6月18日。

（除了赞美他的Sketchables产品之外，我与Philipp Sumi没有关系。： - ）

Answer 2

应该有一个DataGrid资产（在System.Windows.Control.Data.dll中定义 - 可能需要添加一个引用吗？），我认为这是你正在寻找的。

您需要做的第一件事是创建一个数据源。

您可以通过选择右上角的数据选项卡并单击“定义新样本数据”图标来创建数据源。在该集合下，您应该能够添加/编辑数据源的字段属性。数据源将为您自动生成数据（这是一个非常酷的功能！）。如果需要，可以通过选择集合旁边的“编辑样本值”图标来替换它。

接下来，您可以将数据网格拖到屏幕上，并通过选择网格上的ItemsSource属性来设置数据源（应选择数据绑定选项）。在数据字段选项卡上，您可以选择数据源。确保在右侧选择实际的“Collection（array）”选项。默认情况下，它应该为您自动生成列。如果您想要更多地控制列标题名称等，可以更改此内容。

希望这有帮助。

Answer 3

我是使用ListBox-Sketch完成的。

查看here。

Answer 4

没有“草图”样式网格，因此您有两个选项：

• 使用列表框并将模板编辑为带边框等的网格/水平堆栈面板。
• 使用标准网格，您仍然可以制作文字“Buxton Sketch”字体，因此它看起来仍然很不错，但它确实有一些镀铬效果打破了“纯素描”的外观

使用最适合你的。

Answer 5

首先，如果您使用的是基于Silverlight的草图，则可以使用数据网格，否则如果您使用WPF，则可以使用包含其中一个的WPF Toolkit。

要使Silverlight数据网格“粗略”，请查看以下示例： http://cid-99b45ff02d12b84d.skydrive.live.com/self.aspx/Public/Scratch/SilverlightPrototype8.zip

我认为此示例也适用于基于WPF的草图，其中包含来自WPF工具包的数据网格，只需稍作调整......

祝你好运

Answer 6

我不是100％清楚你要做什么。您可以使用SketchBorderUC或Rectangle-Sketch。

您尝试使用网格进行什么直观表示？