自学WPF--第七课StackPanel控件

 

StackPanel控件是一个面板，可以对放在其中的所有控件进行排列，对齐等相关操作，相当于Windows Forms中的Panel控件

代码如下所示：

    <Border BorderBrush="Black" Background="White" BorderThickness="2">

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" >

            <Grid.RowDefinitions> 

                                <RowDefinition /> 

                <RowDefinition /> 

                <RowDefinition  Height="55"/> 

                <RowDefinition  Height="400"/> 

            </Grid.RowDefinitions> 

            <Grid.ColumnDefinitions> 

                 <ColumnDefinition  Width="190"/> 

                <ColumnDefinition /> 

                <ColumnDefinition  Width="190"/> 

                <ColumnDefinition />

                <ColumnDefinition  Width="190"/> 

                <ColumnDefinition /> 

            </Grid.ColumnDefinitions> 

            <TextBlock FontSize="14" FontWeight="Bold" TextWrapping="Wrap" Grid.Row="0" Grid.ColumnSpan="6" Margin="0,0,0,10"> 

                                StackPanel HorizontalAlignment
and VerticalAlignment Sample 

            </TextBlock> 

            <TextBlock FontSize="12" TextWrapping="Wrap" Grid.Row="1" Grid.ColumnSpan="6">

                User the ListBoxes below to
manipulate the Orientation of the nested StackPanel,as well as the
HorizontalAlignemnt and VerticalAlignment of the Buttons with the yello
StackPanel

            </TextBlock> 

            <TextBlock FontSize="12" Grid.Row="2" Grid.Column="0"> 

                Change StackPanel Orientation 

            </TextBlock> 

            <ListBox SelectionChanged="listBox1_SelectionChanged" Grid.Column="1" Grid.Row="2" Grid.RowSpan="3" Height="50" HorizontalAlignment="Center" Name="listBox1" VerticalAlignment="Top" Width="80" >

                <ListBoxItem>Horizontal</ListBoxItem>

                <ListBoxItem>Vertical</ListBoxItem>

            </ListBox> 

            <TextBlock Grid.Column="2" Grid.Row="2"  HorizontalAlignment="Left"  Name="txtHorizontal" VerticalAlignment="Top">

            Change HorizontalAlignment

            </TextBlock> 

            <ListBox SelectionChanged="ltboxHorizontal_SelectionChanged" Grid.Column="3" Grid.Row="2"  Height="50" HorizontalAlignment="Center"
 Name="ltboxHorizontal"
VerticalAlignment="Top" Width="80" >

                <ListBoxItem>Left</ListBoxItem>

                <ListBoxItem>Right</ListBoxItem> 

                <ListBoxItem>Center</ListBoxItem>

                <ListBoxItem>Stretch</ListBoxItem>

            </ListBox> 

            <TextBlock Grid.Column="4" Grid.Row="2"  HorizontalAlignment="Left"  Name="txtVertical" Text="Change
VerticalAlignment" VerticalAlignment="Top" />

            <ListBox SelectionChanged="ltboxVertical_SelectionChanged" Grid.Column="5" Grid.Row="2"  Height="50" HorizontalAlignment="Center"   Name="ltboxVertical" VerticalAlignment="Top" Width="80" >

                <ListBoxItem>Top</ListBoxItem>

                <ListBoxItem>Bottom</ListBoxItem>

                <ListBoxItem>Center</ListBoxItem> 

                <ListBoxItem>Stretch</ListBoxItem>

            </ListBox>

            <StackPanel  Grid.ColumnSpan="6" Grid.Row="3"  Name="stackPanel1" Background="Yellow">

                <Button>Button One</Button>

                <Button>Button Two</Button>

                <Button>Button Three</Button> 

                <Button>Button Four</Button>

                <Button>Button Five</Button>

                <Button>button Six</Button>

            </StackPanel>

        </Grid>

    </Border>

后台功能代码如下：

public partial class MainWindow :
Window

    {

       

public MainWindow()

        {

            InitializeComponent();

        } 

              

private void listBox1_SelectionChanged(object sender, SelectionChangedEventArgs e) 

        {

            ListBoxItem item = (sender as ListBox).SelectedItem as ListBoxItem;

            if(item.Content.ToString()=="Horizontal")

            {

                stackPanel1.Orientation = Orientation.Horizontal;

            }

            else if (item.Content.ToString() == "Vertical")

            {

                stackPanel1.Orientation = Orientation.Vertical;

            }
 

        }

              private void ltboxHorizontal_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            ListBoxItem  item = (sender as ListBox).SelectedItem as ListBoxItem;

            if(item.Content.ToString() == "Left")

            {

                stackPanel1.HorizontalAlignment= HorizontalAlignment.Left;

            }

            else if (item.Content.ToString() == "Right")

            {

                stackPanel1.HorizontalAlignment= HorizontalAlignment.Right;

            } 

            else if (item.Content.ToString() == "Center")
 

            {

                stackPanel1.HorizontalAlignment= HorizontalAlignment.Center; 

            }

            else if (item.Content.ToString() == "Stretch")

            {

                stackPanel1.HorizontalAlignment= HorizontalAlignment.Stretch; 

            }

        }

          private void ltboxVertical_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            ListBoxItem item = (sender as ListBox).SelectedItem as ListBoxItem;

            if(item.Content.ToString() == "Top")

            {

                stackPanel1.VerticalAlignment =VerticalAlignment.Top; 

            }

            else if (item.Content.ToString() == "Bottom")

            {

                stackPanel1.VerticalAlignment =VerticalAlignment.Bottom;

            }

            else if (item.Content.ToString() == "Center")

            {

                stackPanel1.VerticalAlignment =VerticalAlignment.Center; 

            }

            else if (item.Content.ToString() == "Stretch")

            {

                stackPanel1.VerticalAlignment =VerticalAlignment.Stretch;

            }

        }