Pretty new to graphic dev, so please bear with me.
I have an animation (a wheel with colored circles on its outer edges, that spins), which I accomplish by drawing a large ellipse, and some smaller ellipses (sp ). I do this on a transparent canvas, then I rotate the canvas.
Conceptually, what I would like to do is draw an opaque rectangular structure over the animation layer, but provide a small "hole" or view through the opaque layer so that you can see the underlying animation. I can't seem to draw over an existing canvas though.
To summarize, I want to display a 2D box with a spinning wheel inside of it. A hole in the box enables you to observe a small portion of the spinning wheel. Any suggestions on how best to implement this in XAML greatly appreciated. Would like to extend existing implementation, but I'm open to other ideas.
Thanks
NIK
How can I put one canvas on top of another? or How can I draw multiple layers in the same area?
BigSal
Genady Beryozkin
Could you post your XAML please It would aid greatly in trying to debug the situation.
What are your Canvases contained in Sounds to me like they're in a StackPanel, but to be able to layer them on top of one another you need to use a Canvas or Grid.
HTH,
Drew
Bastian van Venrooy
use zIndex
ms-help://MS.MSSDK.1033/MS.WinFXSDK.1033/cpref30/html/P_System_Windows_Controls_Panel_ZIndex.htm
Joanne Nguyen
Ok, the problem is that each canvas was a peer of the other .
By nesting one canvas inside the other, I got the overlap(layering) that I was looking for.
NIK
Chevy
rsknowles
Correct, they were contained in a StackPanel.
I pulled them out into a Grid as peers, and the ZIndex value did work as advertised.
Thanks for the help
NIK
jcritt
Can you explain a little
I tried setting ZIndex values on each canvas, but they are still stacked up vertically on my form. Even though they are defined at the same size and location, they are getting positioned one after the other (on the Y axis) rather than one on top of the other.
NIK