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

Home
VB.Net Tutorial
1.Language Basics
2.Data Type
3.Operator
4.Statements
5.Date Time
6.Class Module
7.Development
8.Collections
9.Generics
10.Attributes
11.Event
12.LINQ
13.Stream File
14.GUI
15.GUI Applications
16.Windows Presentation Foundation
17.2D Graphics
18.I18N Internationlization
19.Reflection
20.Regular Expressions
21.Security
22.Socket Network
23.Thread
24.Windows
25.XML
26.Database ADO.net
27.Design Patterns
VB.Net
VB.Net by API
VB.Net Tutorial » Windows Presentation Foundation » DockPanel 
16.42.13.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
WPF Show The Effect Of Each Value Of The Dock Property By Manipulating Two Rectangle Elements
16.42.DockPanel
16.42.1.Using DockPanel.Dock to position elementsUsing DockPanel.Dock to position elements
16.42.2.Use DockPanel to layout a WindowUse DockPanel to layout a Window
16.42.3.Nested DockPanelNested DockPanel
16.42.4.Fill DockPanel with Labels and ButtonsFill DockPanel with Labels and Buttons
16.42.5.Window with DockLayoutWindow with DockLayout
16.42.6.Dock UI Elements to the Edges of a FormDock UI Elements to the Edges of a Form
16.42.7.Put a StackPanel on the LeftPut a StackPanel on the Left
16.42.8.Set Dock position for DockPanel layoutSet Dock position for DockPanel layout
16.42.9.Differences of StackPanel and DockPanelDifferences of StackPanel and DockPanel
16.42.10.Insert to a Panel by indexInsert to a Panel by index
16.42.11.Get all children from a PanelGet all children from a Panel
16.42.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
16.42.13.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.
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.