如何在SketchFlow中绘制网格?

发布于 2024-07-27 18:29:14 字数 61 浏览 6 评论 0原文

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

Since there is no grid asset in SketchFlow, what is the best way to represent one? Does everyone just use the rectangle asset?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

土豪 2024-08-03 18:29:14

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

据他的博客称,Sketchables 是一个全新的软件包,将于 2010 年 6 月 21 日这一周发布。 不过,他的网站上有一个令人震惊的演示视频。 有关 SketchableDataGrid 的快照,请查看我刚刚发表的文章中的图 12 使用 SketchFlow 创建 WPF 原型,2010 年 6 月 18 日。

(除了对他的 Sketchables 产品的钦佩之外,我与 Philipp Sumi 没有任何关系。:-)

At the time the question was posed, there were workarounds and kludges. But now--with the advent of the just-released (June 7, 2010) SketchFlow/Blend version 4 there is a great solution: Sketchables from Philipp Sumi. This add-on to SketchFlow 4 lets you use concise markup to customize and tailor a control to display sophisticated output--including the SketchableDataGrid.

Sketchables is a completely new package, due to be released the week of June 21, 2010, according to his blog. He has a startling demo video on his site, though. For a snapshot of the SketchableDataGrid take a look at Figure 12 in my just-published article Creating WPF Prototypes with SketchFlow, June 18, 2010.

(I have no connection with Philipp Sumi other than admiration for his Sketchables product.:-)

用心笑 2024-08-03 18:29:14

应该有一个 DataGrid 资产(在 System.Windows.Control.Data.dll 中定义 - 可能需要添加引用?),我认为这就是您正在寻找的。

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

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

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

希望这会有所帮助。

There should be a DataGrid Asset (defined in System.Windows.Control.Data.dll -Might need to add a reference?) which I think is what you're looking for.

The first thing you need to do is create a datasource.

You can create a data source by choosing the data tab in the top right corner and clicking on the "define new sample data" icon. Under the collection you should be able to add/edit the field properties for the data source. The data source will have auto-generated data for you (a very cool feature!). This can be replaced by selecting the "Edit Sample Values" icon beside the collection if desired.

Next you can drag a data grid onto your screen and set the data source by choosing the ItemsSource property on the grid (the data binding option should be chosen). On the data field tab you can choose your data source. Make sure to select the actual "Collection(array)" option on the right hand side. By default it should auto generate the columns for you. This can be changed if you want more control the column header names, etc.

Hope this helps.

星星的軌跡 2024-08-03 18:29:14

我使用 ListBox-Sketch 完成了它。

请查看此处

I did it using a ListBox-Sketch.

Check it out here.

世界和平 2024-08-03 18:29:14

没有“草图”样式网格,因此您有 2 个选项:

  • 使用列表框并将模板编辑为带边框的网格/水平堆栈面板等。
  • 使用标准网格,您仍然可以将文本设为“Buxton Sketch”字体,这样它看起来仍然相当不错,但它确实有一些镶边效果,打破了“纯草图”外观,

请使用最适合您的字体。

There isn't a 'sketch' style grid, so you have 2 options:

  • Use a list box and edit the template to be a grid / horizontal stack panel with borders etc.
  • Use the standard grid, you can still make the text 'Buxton Sketch' font so it still looks pretty good, but it does have some chrome effects breaking the 'pure sketch' look

Use what suits you best.

放赐 2024-08-03 18:29:14

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

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

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

祝你好运

First of all, if you are using Silverlight based sketch, you have a datagrid available otherwise if you are working with WPF you could use WPF Toolkit which includes one.

To make a Silverlight datagrid "sketchy" please take a look at the sample at:
http://cid-99b45ff02d12b84d.skydrive.live.com/self.aspx/Public/Scratch/SilverlightPrototype8.zip

I think this sample also applies to a WPF based sketch with a datagrid from WPF toolkits with only minor adjustments...

Good luck

蓝颜夕 2024-08-03 18:29:14

我不是 100% 清楚你想做什么。 您可以使用 SketchBorderUC 或矩形草图。

您想要使用网格来实现什么视觉表示?

I am not 100% clear on what you are trying to do. You could use the SketchBorderUC or a Rectangle-Sketch.

What visual representation are you trying to achieve that you would use a grid for?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文