Show the effect of each value of the Dock property by manipulating two Rectangle elements. : DockPanel « Windows Presentation Foundation « VB.Net

Home
VB.Net
1.2D
2.Application
3.Class
4.Data Structure
5.Data Types
6.Database ADO.net
7.Development
8.Event
9.File Directory
10.Generics
11.GUI
12.Language Basics
13.LINQ
14.Network Remote
15.Security
16.Thread
17.Windows Presentation Foundation
18.Windows System
19.XML
20.XML LINQ
VB.Net Tutorial
VB.Net by API
VB.Net » Windows Presentation Foundation » DockPanelScreenshots 
Show the effect of each value of the Dock property by manipulating two Rectangle elements.
Show the effect of each value of the Dock property by manipulating two Rectangle elements.
      

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      x:Class="dockpanel_dockprop_cs.Page1"
      WindowTitle="Docking Sample">
  <DockPanel Background="White">
    <StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
      <Button Click="OnClick1" Background="LightCoral">Dock = "Left"</Button>
      <Button Click="OnClick2" Background="LightCoral">Dock = "Right"</Button>
      <Button Click="OnClick3" Background="LightCoral">Dock = "Top"</Button>
      <Button Click="OnClick4" Background="LightCoral">Dock = "Bottom"</Button>
      <Button Click="OnClick5" Background="LightSkyBlue" Foreground="White">Dock = "Left"</Button>
      <Button Click="OnClick6" Background="LightSkyBlue" Foreground="White">Dock = "Right"</Button>
      <Button Click="OnClick7" Background="LightSkyBlue" Foreground="White">Dock = "Top"</Button>
      <Button Click="OnClick8" Background="LightSkyBlue" Foreground="White">Dock = "Bottom"</Button>
      <Button Click="OnClick9" Background="White">LastChildDock="True"</Button>
      <Button Click="OnClick10" Background="White">LastChildDock="False"</Button>
    </StackPanel>

    <Border Background="LightGoldenRodYellow" BorderBrush="Black" BorderThickness="1">
      <DockPanel Name="AnotherDockPanel">
        <Rectangle Name="rect1" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightCoral" />
        <Rectangle Name="rect2" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightSkyBlue" />
      </DockPanel>
    </Border>
  </DockPanel>
</Page>

//File:Window.xaml.vb
Imports System
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Controls.Primitives
Imports System.Windows.Documents
Imports System.Windows.Navigation

Namespace dockpanel_dockprop_cs
  Public Partial Class Page1
    Inherits Page
    Public Sub OnClick1(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect1, Dock.Left)
    End Sub

    Public Sub OnClick2(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect1, Dock.Right)
    End Sub

    Public Sub OnClick3(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect1, Dock.Top)
    End Sub

    Public Sub OnClick4(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect1, Dock.Bottom)
    End Sub

    Public Sub OnClick5(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect2, Dock.Left)
    End Sub

    Public Sub OnClick6(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect2, Dock.Right)
    End Sub

    Public Sub OnClick7(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect2, Dock.Top)
    End Sub

    Public Sub OnClick8(sender As Object, e As RoutedEventArgs)
      DockPanel.SetDock(rect2, Dock.Bottom)
    End Sub

    Public Sub OnClick9(sender As Object, e As RoutedEventArgs)
      AnotherDockPanel.LastChildFill = True
    End Sub

    Public Sub OnClick10(sender As Object, e As RoutedEventArgs)
      AnotherDockPanel.LastChildFill = False
    End Sub
  End Class
End Namespace

   
    
    
    
    
    
  
Related examples in the same category
1.Using DockPanel.Dock to position elementsUsing DockPanel.Dock to position elements
2.Use DockPanel to layout a WindowUse DockPanel to layout a Window
3.Nested DockPanelNested DockPanel
4.Fill DockPanel with Labels and ButtonsFill DockPanel with Labels and Buttons
5.Window with DockLayoutWindow with DockLayout
6.Dock UI Elements to the Edges of a FormDock UI Elements to the Edges of a Form
7.Put a StackPanel on the LeftPut a StackPanel on the Left
8.Set Dock position for DockPanel layoutSet Dock position for DockPanel layout
9.Differences of StackPanel and DockPanelDifferences of StackPanel and DockPanel
10.Insert to a Panel by indexInsert to a Panel by index
11.Get all children from a PanelGet all children from a Panel
12.Find the index number of a newly added element within a panel, using the IndexOf methodFind the index number of a newly added element within a panel, using the IndexOf method
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.