Delphi component as shown in RAD Studio - user-interface

The "File >New >Other..." command of the IDE environment, shows the following image:
In the image, two areas (A) and (B) are observed. I am interested in using area control (B).
I assumed it was a TListView control, but I haven't been able to achieve similar view options as above. Other people have suggested that each of the displayed items (icon, title, and descriptive text) can be inserted inside a common container (TPanel, TFrame) and "stacked" inside a TScrollBox, a possible solution, but I think the Delphi folks may have used something more optimized.
Does anyone know which component has been used to generate that view? Or, does anyone know how to generate such a view?

It is a component called TControlList: https://docwiki.embarcadero.com/Libraries/Alexandria/en/Vcl.ControlList.TControlList

Related

Changing window layout in gtk2hs

I am making an applocation to demonstrate some algorithms, and I am using gtk2hs. When the user selects an algorithm, I want the whole window to change (different layout, input, output interface...). How could I do that? For example, is it possible to change the widget in a container? I tried a table but could not changed the content of a cell, so that doesn't seem like a good idea.
Also I want to change the number of input fields according to another input field, and that seems like the same problem for me (removing widgets from a box) but it might be totally different in terms of solution.
Thanks
How to change the content of a box, can you delete a widget from it? If yes, how?
Use widgetDestroy. See for example this tutorial.

Is there a common navigation convention in an MVVM Light Windows Phone application?

As my app gets bigger I am finding that the same type of entity is appearing more and more throughout, typically in a listbox.
When someone taps on the entity, I want to navigate to the detailed view of this entity.
An example of this would be a product: it appears in a product list by category, it appears in search results, or it might appear as a saved favourite. In my instance, all of these would come from a table in local SQLCE storage.
Every time I surface the entity in some way that someone could tap on it, I basically cut the same code: subscribe to the SelectionChange event on the listbox, extract the entity, use MVVM Light messaging to signal that the selected entity has changed, then call NavigationService to do its business.
Has anyone worked on something similar and, if so, what have you came up with? Or more importantly, if there's some MVVM Light toolkit convention that I'm overlooking, could you please point me in the right direction?
Are you calling the NavigationService from code-behind or the View Model now? If the former, you could check the WP7 Navigation arcticle by LBugnion for triggering it from the VM. If you combine that with the EventToCommand behavior (like in here) you should be able to create a nice and clean "MyEntitySelected" command in the VM which takes the entity as a parameter.
I think the question here is, how do I deal with this without cut/paste the same code each time? If this is the case, maybe trying to package the entity/listbox thing in a XAML usercontrol! Take a look at this: http://www.windowsphonegeek.com/articles/Creating-a-WP7-Custom-Control-in-7-Steps
Then if the representation needs to be different, you could have a look at this: http://www.windowsphonegeek.com/articles/Implementing-Windows-Phone-7-DataTemplateSelector-and-CustomDataTemplateSelector ( this example does different styling in one listbox, but you can change this to only apply different style on each different page with a listbox on it )

windows.form c# moving between forms

I am designing an installer interface for a already written program. It is my first windows.form. I see three approaches to solving my "problem" of needing multiple "screens". I can add all the labels/buttons/interface, and then hide/show them at events. Or I can close and open a new windows? Or do I somehow load my next form into the window frame (sortv like an iFrame approach)? Can somehow help explain how to do this?
Thanks!
Though there is nothing stopping you from using any of the approaches that you mentioned,
using separate windows and opening/closing them would be cleaner. If the code for individual windows gets complicated it would be clearer if they were separate.
Since you said you are doing installer's particulary take a look at Wix. It was meant to be used for creating installer's. It has it's own approach of building UI from XML's.
I would design my "screens" as unique frames with each frame having the controls it needed. Then I would just swap them in and out of the main window.
Its sort of like an IFrame (visually at least).
I agree that WiX is worth a look. An alternative to WiX that some people like more (it's just different, some people like one approach, some like the other) is NSIS.
When I have a requirement that calls for swapping out the controls in a single window, I tend to create a user control for each "page".
Have you considered using The Panel control? You can group certain controls together and have them placed inside one or more Panels.
You could Hide/Show each panel when required.

How to draw a grid in SketchFlow?

Since there is no grid asset in SketchFlow, what is the best way to represent one? Does everyone just use the rectangle asset?
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.:-)
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.
I did it using a ListBox-Sketch.
Check it out here.
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.
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
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?

SketchFlow Export to Word File and the Order of Objects

i have made a prototype in SketchFlow which is found in Expression Blend 3. As my designer can not use the published .exe version (Due to being on a Mac) I have to export the application to Word. This works great apart from the order being somewhat odd.
What determines the order in which objects get exported into the Word document and more importantly how can i change this order to what i want it to be?
Thanks,
Kohan.
Yes, the order of pages in the word document is indeed: Map, Navigation screens in alphaetical order, component screens in alphabetical order. Currently, the only way to force a particular order is to prefix the screen names appropriately.
Adam is also right that a good way to give anybody access to a prototype is to make the prototype in Silverlight rather than WPF. This lets you post the prototype on the web, and lets users on a Mac review them too.
It appears that the Word export is set to output the Sketchflow Map first, the initially generated screen second and the custom-made screens alphabetically. I'll ask around and see if there is a way to modify that.
As an alternative, you could create the Sketchflow prototype as a Silverlight app and then your designer could view the ouput as a .xap hosted on an html page.

Resources