Update Z Index : ZIndex « Containers « Silverlight

1. Silverlight
2. Containers
3. ZIndex

Update Z Index

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas x:Name="myCanvas">
            <Canvas Canvas.ZIndex="2" Width="60" Height="60" Background="LightGray"/>
            <Canvas Canvas.ZIndex="1" Width="60" Height="60" Canvas.Left="20" Canvas.Top="20" Background="Gray" />
            <Canvas x:Name="myElement" Width="60" Height="60" Canvas.Left="40" Canvas.Top="40" Background="Black"/>
        </Canvas>
    </Grid>
</UserControl>

//File: Page.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

using System.Windows.Browser;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            HtmlPage.RegisterScriptableObject("bridge", this);
        }

        [ScriptableMember]
        public void UpdateZIndex()
        {
            int newZIndex = Canvas.GetZIndex(myElement) + 10;
            Canvas.SetZIndex(myElement, newZIndex);
        }
    }
}

   
    
    
    
  

Related examples in the same category

1.	Using the ZIndex to move an element into the foreground
2.	Set z index for shapes in a Canvas
3.	Without Panel.ZIndex