How to draw a grid in sketchflow?

Question

Since there is no network resource in SketchFlow, what's the best way to represent it? Does everyone just use the resource of the rectangle?

Answer 1

At the time of raising the question, there were detours and bedbugs. But now - with the advent of the just released (June 7, 2010) SketchFlow / Blend version 4 there is a great solution: Sketchables by Philippe Sumi. This addition to SketchFlow 4 allows you to use short markup to customize and customize the control to display complex output - including SketchableDataGrid .

Sketchables is a brand new package that is due out on June 21, 2010, according to his blog. However, he has an amazing demo video on his website. For a snapshot of the SketchableDataGrid, take a look at Figure 12 in my newly published article Prototyping WPF with SketchFlow , June 18, 2010.

(I have no connection with Philip Sumy, other than admiration for his Sketchables product. :-)

Answer 2

There should be a DataGrid Asset object (defined in System.Windows.Control.Data.dll - Should I add a link?), Which I think is what you are looking for.

The first thing you need to do is create a data source.

You can create a data source by selecting the data tab in the upper right corner and clicking the "define new data samples" icon. Under the assembly, you should be able to add / edit field properties for the data source. The data source will have automatically generated data for you (a very cool feature!). This can be replaced by selecting the "Change Sample Values" icon next to the collection.

Then you can drag the data grid onto your screen and set the data source by selecting the ItemsSource property in the grid (you must select the data binding option). On the data field tab, you can select a data source. Make sure you select the actual “Collection (array)” option on the right side. By default, it should automatically generate columns for you. You can change this if you want more control over column heading names, etc.

Hope this helps.

Answer 3

I did this with ListBox-Sketch.

Check here .

Answer 4

There is no sketch style mesh, so you have 2 options:

• Use the list box and edit the template as a grid / horizontal stack panel with borders, etc.
• Use a standard grid , you can still make the font "Buxton Sketch" to make it look pretty good, but it has some chrome effects that disrupt the appearance of a "clean sketch".

Use what suits you best.

Answer 5

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

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

I think this example also applies to a WPF-based sketch with a dataset from WPF toolkits with minor adjustments ...

Good luck.

Answer 6

I do not 100% understand what you are trying to do. You can use SketchBorderUC or Rectangle-Sketch.

What visual representation are you trying to achieve in order to use the grid?