Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically. : StackPanel « 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 » StackPanelScreenshots 
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.
      

<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

   
    
    
    
    
    
  
Related examples in the same category
1.StackPanel with Button, Ellipse and ListBoxStackPanel with Button, Ellipse and ListBox
2.Set DataContext for StackPanelSet DataContext for StackPanel
3.Arrange UI Elements in a Horizontal or Vertical StackArrange UI Elements in a Horizontal or Vertical Stack
4.StackPanel with Image BackGroundStackPanel with Image BackGround
5.Vertical StackPanelVertical StackPanel
6.Horizontal StackPanelHorizontal StackPanel
7.Put buttons to StackPanelPut buttons to StackPanel
8.Focus scope for StackPanelFocus scope for StackPanel
9.Add Button and TextBox to StackPanelAdd Button and TextBox to StackPanel
10.Align left along StackPanelAlign left along StackPanel
11.StackPanel with MinHeight, MinWidth, VerticalAlignment, HorizontalAlignmentStackPanel with MinHeight, MinWidth, VerticalAlignment, HorizontalAlignment
12.StackPanel with Label and TextBoxStackPanel with Label and TextBox
13.StackPanel search layoutStackPanel search layout
14.Using StackPanel to group elements for absolute positioningUsing StackPanel to group elements for absolute positioning
15.Search for an element by using Panel.FindName()Search for an element by using Panel.FindName()
16.Change StackPanel OrientationChange StackPanel Orientation
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.
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.