z-order in XAML?

z-order in XAML?

• PaulTDessci

  I have a couple of images in a Listbox (bind from dataset) where i have swapped
  the regular itemspanelfor a wrapPanel instead. With the help of triggers I managed to change the
  zIndex for the image thats for examples is mouseover and the result is that the
  image in focus is on top of the others...

  <Style TargetType="{x:Type ListBoxItem}">

  <Style.Triggers>

  <Trigger Property="IsMouseOver" Value="True">

  <Setter Property="Panel.ZIndex" Value="1"/>

  </Trigger>

  </Style.Triggers>

  </Style>

  
  
  

• Komayo

  the only problem with re-ordering children is that if you've databound your child item list (ItemsSource of an ItemsControl, for instance), you can't add/remove children programmatically -- it will throw an exception.
  
  anyone have any ideas on that one
  

• Vaughn Washington

  Thank you, I'll try it
  
  

• Thanh Duong

  The order of the items in the XAML document indicates the desired z-indexing. Elements declared first are at a lower z-index than subsequent elements.
  
  HTH,
  Drew
  

• DBass63

  Are there other possibilities to achieve that I need a collection of items, added to a panel the way WrapPanel does. So I thought it's a right control for me. But how can I achieve such a zoom-effect
  
  

• Mark Lu

  Here is what I trying to accomplish:
  
  http://www.kostik.de/test/wpf.jpg
  
  I just want an OnMouseOver that brings the underlaying image to front over other items. A trick with separate layer would not work because it should be animated. And with RenderTransform followed images lay on top of the current one.
  So what is the solution ...
  
  

• NICZ

  Thats sad... thanks anyway
  
  

• Bobbyboy

  Sorry, I thought you were asking something else.
  
  Unfortunately, I do not think you can acheive your goal. You're counting on the WrapPanel to provide layout management, but you say you don't want to use a LayoutTransform. The wrap panel doesn't have a concept of z-index, it just understands stacking so you're kinda stuck. :(

  
  

• Mick Seymour

  eburke wrote:

  the only problem with re-ordering children is that if you've databound your child item list (ItemsSource of an ItemsControl, for instance), you can't add/remove children programmatically -- it will throw an exception. anyone have any ideas on that one

  
  
  A good point. I don't see any way around that. As for ideas, I'd really need to see visually what it is you're trying to accomplish. You could always play some tricks with a separate element on a layer above your bound control which uses a VisualBrush to paint the current element onto the surface of the elements which appears higher in z-order.
  
  HTH,
  Drew
  

• DanPortugal

  You can try to design a custom panel with the same functionality as WrapPanel and with a Position DependencyProperty. The children of this custom panel will be displayed in the Position order (i.e the child with MyCustomPanel.Position="0" will be the first in the panel,  MyCustomPanel.Position="1" the second etc.). This way it doesn't matter if you remove and then add a child, the children will be displayed in the same order, only the z-index will change.
  
  
  

• shiroamachi

  That's what I meant saying removing and adding element...
  
  So may be you can help me with this:
  
  I have
  
  <WrapPanel>
     <Button />
     <Button />
     <Button />
  </WrapPanel>
  
  and a style (typeof(Button)) on trigger "IsMouseOver" with RenderTransform=scale 2.
  
  Now on mouse over, Buttons a resized, but not going in foreground because of z-order. If I change z-order programatically (remove and insert a button), the ordering of buttons in wrappanel also changes.
  
  
  How can I achieve the effect of zooming (not using LayoutTransform, I don't want to affect layout of other elements) so that particular button jumps into foreground
  
  Thanks
  
  
  
• z-order in XAML?