Updates to the Panel and Treeview Controls

Welcome to Pete Brown's 10rem.net

First time here? If you are a developer or are interested in Microsoft tools and technology, please consider subscribing to the latest posts.

You may also be interested in my blog archives, the articles section, or some of my lab projects such as the C64 emulator written in Silverlight.

(hide this)

14 Nov 2007

Updates to the Panel and Treeview Controls

.NET Silverlight

I made some updates to the panel and treeview controls described in this post.

Changed the name from AnimatedWrapPanel to AnimatedFlowPanel to be more consistent with established panel names
Added Vertical layout to the AnimatedFlowPanel
Tweaked the icon for the Treeview
Added a "using" around the stream in ControlBase.LoadXaml
Changed the demo app so when you click a treeview node, it changes the AnimatedFlowPanel's orientation
Added a bunch of random shapes to the panel to show how it handles shapes of various sizes

There's more to go, but I'll likely defer any work on these until we get an updated Silverlight 1.1 control model.

You can run the demo here. (same site as the old one)

You can download the code here. (new zip file)

Share |

posted by Pete Brown on Wednesday, November 14, 2007
filed under: .NET Silverlight

20 comments for “Updates to the Panel and Treeview Controls”

Reply
MrCypromsays:
Wednesday, November 14, 2007 at 5:41:01 PM
It seems that Orientation is now only vertical.
When I resize horizontaly, the thumbnails don't move.
In UpdateLayout I can see that you implemented the two orientations. So why this behavior ?

Regards.
Reply
MrCypromsays:
Wednesday, November 14, 2007 at 5:44:07 PM
I am very sorry for my previous post. I checked too fast your upgrades.

Regards.
Reply
Pete Brownsays:
Wednesday, November 14, 2007 at 6:11:24 PM
No problem. Glad it's working for you :)

Pete
Reply
Mike Wolfsays:
Thursday, November 15, 2007 at 12:06:55 AM
doesn't seem to like osx / firefox
http://nzduhw.bay.livefilestore.com/y1pfoLaKHBy7o9yIcMqSGTvj-4Fj5lOifSrluMPQdBgBfs2_FJ4ywXoK3cGR1n32K-XUZTBq-mx4Ao9w_7qsMICpA/Picture%201.png
Reply
Pete Brownsays:
Thursday, November 15, 2007 at 10:08:28 AM
Hi Mike

One of two things happened there:
1. The code doesn't work under osx
2. The background "this is a test" code that I was trying out that doesn't work in IE7, actually works on the mac.

I commented-out the background junk. If you get a moment and can try again, please do.

Unfortunately I don't have a mac handy to try it out myself. It does work on FF on Windows, though.

Pete
Reply
Mike Wolfsays:
Thursday, November 15, 2007 at 8:31:33 PM
you got it. great
Reply
Pete Brownsays:
Thursday, November 15, 2007 at 8:38:34 PM
Scary that that worked on the mac! I'll need to be careful when messing around with layering controls over Silverlight.

Thanks for point that issue out.

Pete
Reply
MrCypromsays:
Wednesday, November 21, 2007 at 7:53:46 AM
I integrated your code in my projet. I changed the namespaces.

I get an assembly missing error when I use x:Name so I have to replace it with Name. But obviously I can't directly interact with my control (without findname).

Do you have an explication ?

Regards.
Reply
Pete Brownsays:
Wednesday, November 21, 2007 at 10:28:33 AM
Unless your code is in the main Page, you have to use FindName; there's no other way right now. That's the way Silverlight 1.1 alpha works in its current state.

On the x: bit, make sure your namespaces are set up correctly in your xaml. If you leave off the required xmlns:x= bit, you will get that error.

The assembly missing error is puzzling. I'd have to look at your xaml to understand what is going on there.

Pete
Reply
MrCypromsays:
Wednesday, November 21, 2007 at 12:21:07 PM
Hi,

There is a problem with your TreeView.
When I create a TreeNode and add it in another and then I test the parentNode of the one added the parent is Null. I checked your code and I did not find where you set the parent of a TreeNode added in another one.
Am I right ?

Regards.
Reply
Pete Brownsays:
Sunday, November 25, 2007 at 9:56:41 PM
You're right on the parentNode bit. I never implemented that. I will on the next rev. My apologies for not noting that in the readme.

Thanks.

Pete
Reply
MrCypromsays:
Tuesday, November 27, 2007 at 10:26:48 AM
Hi,

No problem.

I have a weird error : It is when I inherit from your FlowPanel, and try to use my control.
Your "try catch" in LoadXaml gives me this error :
"InitializeFromXaml may not be called more than once"

Do you have an idea ?

Regards.
Reply
MrCypromsays:
Tuesday, November 27, 2007 at 11:36:55 AM
I found that LoadXaml function is called twice because of inheritance.

So I can't inherit your controls.
Do you have a solution ?

regards ?
Reply
Pete Brownsays:
Tuesday, November 27, 2007 at 3:38:42 PM
Much like the Silverlight 1.1 SDK, the intent of the controls is to show examples of how you can build your own controls, and to give you a foundation of source code you can use to create your own.

I haven't looked at an inheritance scenario and didn't consider it when coming up with the samples. I should make marked them sealed to amke that more obvious.

I have a bunch of demos to prepare for an upcoming event. TIme permitting, I'll revisit these controls here, so please post/email any other questions or suggestions you have.

Pete
Reply
Anandsays:
Tuesday, January 08, 2008 at 2:38:03 AM
if i add more node in Page.xaml.cs for treeview. It does not show vertical scrollbar. You have made a class file for that but there is no code for it. Can u give some idea how i can make scrollbar in treeview.
Reply
Pete Brownsays:
Tuesday, January 08, 2008 at 8:09:00 AM
Hi Anand

I haven't looked at this code in a while, so I don't recall if I put in anything that will help.

There is a scroll panel/viewer example with the sdk. That may help you out. Basically you have one very large canvas, sized to hold all the nodes (you have to resize it based on expansion) and a containing canvas with clip bounds set to its own extents. You then slap a scrollbar on the right and use it to move one canvas around inside the other.

I'll revisit these controls when 2.0 comes out, but continuining them in 1.1 is counter productive for me at the moment.

Pete
Reply
Pankajsays:
Monday, January 14, 2008 at 5:26:16 AM
there is no scrollbar in treeview. I want scrollbar.
Reply
Chris Pietschmannsays:
Thursday, March 20, 2008 at 10:28:04 PM
Have you done any work on coverting this code over to Silverlight 2 Beta 1?
Reply
Pete Brownsays:
Thursday, March 20, 2008 at 11:22:39 PM
Hi Chris

Not yet. It's on my radar, but I won't get to it for a bit.

Pete
Reply
sudarshansays:
Monday, July 14, 2008 at 5:59:27 AM
Is there any updated version of tree view in SL beta 2.0?