Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically. : StackPanel « 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 » StackPanel 
16.44.18.Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically.
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="StackPanel_layout.Window1"
    Title="StackPanel Sample">
  <Border BorderBrush="Black" Background="White" BorderThickness="2">
        <Grid VerticalAlignment="Top" HorizontalAlignment="Left">
          <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
          </Grid.ColumnDefinitions>
          <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition Height="400"/>
          </Grid.RowDefinitions>
                <TextBlock Grid.Row="2" Grid.Column="0">Change StackPanel Orientation:</TextBlock>
                <TextBlock Grid.Row="2" Grid.Column="2">Change HorizontalAlignment:</TextBlock>
                <TextBlock Grid.Row="2" Grid.Column="4">Change VerticalAlignment:</TextBlock>
                <ListBox VerticalAlignment="Top" SelectionChanged="changeOrientation" Grid.Row="2" Grid.Column="1" Width="100" Height="50" Margin="0,0,0,10">
                    <ListBoxItem>Horizontal</ListBoxItem>
                    <ListBoxItem>Vertical</ListBoxItem>
                </ListBox>
                <ListBox VerticalAlignment="Top" SelectionChanged="changeHorAlign" Grid.Row="2" Grid.Column="3" Width="100" Height="50" Margin="0,0,0,10">
                    <ListBoxItem>Left</ListBoxItem>
                    <ListBoxItem>Right</ListBoxItem>
                    <ListBoxItem>Center</ListBoxItem>
                    <ListBoxItem>Stretch</ListBoxItem>
                </ListBox>
                <ListBox VerticalAlignment="Top" SelectionChanged="changeVertAlign" Grid.Row="2" Grid.Column="5" Width="100" Height="50" Margin="0,0,0,10">
                    <ListBoxItem>Top</ListBoxItem>
                    <ListBoxItem>Bottom</ListBoxItem>
                    <ListBoxItem>Center</ListBoxItem>
                    <ListBoxItem>Stretch</ListBoxItem>
                </ListBox>
          <StackPanel Grid.ColumnSpan="6" Grid.Row="3" Name="sp1" Background="Yellow">
                <Button>One</Button>
                <Button>Two</Button>
                <Button>Three</Button>
                <Button>Four</Button>
                <Button>Five</Button>
                <Button>Six</Button>
          </StackPanel>
        </Grid>
  </Border>
</Window>

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

Namespace StackPanel_layout
  Public Partial Class Window1
    Inherits Window

    Public Sub changeOrientation(sender As Object, args As SelectionChangedEventArgs)
      Dim li As ListBoxItem = TryCast(TryCast(sender, ListBox).SelectedItem, ListBoxItem)
      If li.Content.ToString() "Horizontal" Then
        sp1.Orientation = System.Windows.Controls.Orientation.Horizontal
      ElseIf li.Content.ToString() "Vertical" Then
        sp1.Orientation = System.Windows.Controls.Orientation.Vertical
      End If
    End Sub
    Public Sub changeHorAlign(sender As Object, args As SelectionChangedEventArgs)
      Dim li As ListBoxItem = TryCast(TryCast(sender, ListBox).SelectedItem, ListBoxItem)
      If li.Content.ToString() "Left" Then
        sp1.HorizontalAlignment = System.Windows.HorizontalAlignment.Left
      ElseIf li.Content.ToString() "Right" Then
        sp1.HorizontalAlignment = System.Windows.HorizontalAlignment.Right
      ElseIf li.Content.ToString() "Center" Then
        sp1.HorizontalAlignment = System.Windows.HorizontalAlignment.Center
      ElseIf li.Content.ToString() "Stretch" Then
        sp1.HorizontalAlignment = System.Windows.HorizontalAlignment.Stretch
      End If
    End Sub

    Public Sub changeVertAlign(sender As Object, args As SelectionChangedEventArgs)
      Dim li As ListBoxItem = TryCast(TryCast(sender, ListBox).SelectedItem, ListBoxItem)
      If li.Content.ToString() "Top" Then
        sp1.VerticalAlignment = System.Windows.VerticalAlignment.Top
      ElseIf li.Content.ToString() "Bottom" Then
        sp1.VerticalAlignment = System.Windows.VerticalAlignment.Bottom
      ElseIf li.Content.ToString() "Center" Then
        sp1.VerticalAlignment = System.Windows.VerticalAlignment.Center
      ElseIf li.Content.ToString() "Stretch" Then
        sp1.VerticalAlignment = System.Windows.VerticalAlignment.Stretch
      End If
    End Sub

  End Class
End Namespace
WPF Use Stack Panel To Arrange Child Objects In A Single Line That You Can Align Horizontally Or Vertically
16.44.StackPanel
16.44.1.StackPanel with Button, Ellipse and ListBoxStackPanel with Button, Ellipse and ListBox
16.44.2.Set DataContext for StackPanelSet DataContext for StackPanel
16.44.3.Arrange UI Elements in a Horizontal or Vertical StackArrange UI Elements in a Horizontal or Vertical Stack
16.44.4.StackPanel with Image BackGroundStackPanel with Image BackGround
16.44.5.Vertical StackPanelVertical StackPanel
16.44.6.Horizontal StackPanelHorizontal StackPanel
16.44.7.Put buttons to StackPanelPut buttons to StackPanel
16.44.8.Focus scope for StackPanelFocus scope for StackPanel
16.44.9.Add Button and TextBox to StackPanelAdd Button and TextBox to StackPanel
16.44.10.Align left along StackPanelAlign left along StackPanel
16.44.11.StackPanel with MinHeight, MinWidth, VerticalAlignment, HorizontalAlignmentStackPanel with MinHeight, MinWidth, VerticalAlignment, HorizontalAlignment
16.44.12.StackPanel with Label and TextBoxStackPanel with Label and TextBox
16.44.13.StackPanel search layoutStackPanel search layout
16.44.14.Using StackPanel to group elements for absolute positioningUsing StackPanel to group elements for absolute positioning
16.44.15.Search for an element by using Panel.FindName()Search for an element by using Panel.FindName()
16.44.16.Change StackPanel OrientationChange StackPanel Orientation
16.44.17.Use the methods that are defined by the IScrollInfo interface to scroll the child content of a StackPanel.Use the methods that are defined by the IScrollInfo interface to scroll the child content of a StackPanel.
16.44.18.Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically.Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically.
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.