Wrap Buttons to WrapPanel : WrapPanel « Windows Presentation Foundation « VB.Net Tutorial






  1. VB.Net Tutorial
  2. Windows Presentation Foundation
  3. WrapPanel
<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="UseWrapPanel" Height="224" Width="520">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50*" />
            <ColumnDefinition Width="50*" />
        </Grid.ColumnDefinitions>
        <WrapPanel Background="LightBlue" Margin="4,4,4,4" Name="WrapPanel1" Grid.Column="0" VerticalAlignment="Top">
            <Button Height="30" Name="Button1" Width="75">1</Button>
            <Button Height="20" Name="Button2" Width="50">2</Button>
            <Button Height="40" Name="Button3" Width="50">3</Button>
            <Button Height="120" Name="Button4" Width="75">4</Button>
            <Button Height="40" Name="Button5" Width="75">5</Button>
            <Button Height="30" Name="Button6" Width="60">6</Button>
            <Button Height="30" Name="Button7" Width="60">7</Button>
            <Button Height="20" Name="Button8" Width="60">8</Button>
            <Button Height="40" Name="Button9" Width="50">9</Button>
        </WrapPanel>
        <WrapPanel Background="Red" Name="WrapPanel2" Grid.Column="1" Margin="4,4,4,4" Grid.ColumnSpan="1" Orientation="Vertical">
            <Button Height="30" Name="Button10" Width="75">1</Button>
            <Button Height="210" Name="Button11" Width="50">2</Button>
            <Button Height="40" Name="Button12" Width="50">3</Button>
            <Button Height="20" Name="Button13" Width="75">4</Button>
            <Button Height="40" Name="Button14" Width="75">5</Button>
            <Button Height="30" Name="Button15" Width="60">6</Button>
            <Button Height="30" Name="Button16" Width="60">7</Button>
            <Button Height="120" Name="Button17" Width="60">8</Button>
            <Button Height="40" Name="Button18" Width="50">9</Button>
        </WrapPanel>
    </Grid>
</Window>
WPF Wrap Buttons To Wrap Panel




16.43.WrapPanel
16.43.1.WrapPanel with FlowDirectionWrapPanel with FlowDirection
16.43.2.Arrange UI Elements Into Automatically Wrapping Rows or ColumnsArrange UI Elements Into Automatically Wrapping Rows or Columns
16.43.3.WrapPanel with Label and TextBoxWrapPanel with Label and TextBox
16.43.4.Put rectangles to WrapPanelPut rectangles to WrapPanel
16.43.5.Instantiate and use a WrapPanel elementInstantiate and use a WrapPanel element
16.43.6.Wrap Buttons to WrapPanelWrap Buttons to WrapPanel