来自window Presentation Foundation Program Design的读书笔记 第五篇 上

我们将在本章讲解面板Stack和Wrap，首先我们来看下他们的继承结构:

UIElement
   FrameworkElement
      Panel(abstract)
        Canvas
           DockPanel
              Grid
                 StackPanel
                    UniformGrid
                       WrapPanel

Panel定义了Children property，用来存储Child Element，Children property的类型是UIElementCollection

,也就是UIelement对象的collection,因此面板的对象可以是Image、Shape、TextBlock和Control以及其他的面板对象等。

我们看一段程序，改程序将在面板上建立10个按钮:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPF_StackAndWrap
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Loaded += WindowOnLoaded;
        }

        private void WindowOnLoaded(object sender, RoutedEventArgs e)
        {
            TenButton();
        }

        private void TenButton()
        {
            Title = "This is Stack";
            StackPanel panel = new StackPanel();
            Content = panel;

            Random rand = new Random();
            for (int i = 0; i < 10; i++)
            {
                Button btn = new Button();
                btn.Name = ((char)('A' + i)).ToString();
                btn.Content = "Button " + btn.Name + " Click Me";
                btn.FontSize += rand.Next(10);
                panel.Children.Add(btn);

                btn.Click += (sender, e) =>
                {
                    MessageBox.Show((sender as Button).Content.ToString());
                };
            }
        }
    }
}

当然，你可以给StackPanel加上背景色，确认StackPanel到底有多大：

panel.Background = Brushes.Aquamarine;

或者，改变子元素堆叠的方向，用Orientation property:

panel.Orientation = Orientation.Horizontal;

如果你需要选择一个元素，如果这个元素在XAML文件里进行了定义，那么你可以通过如下的方式获取：

object obj = FindName("Name");

这个方法调用的是window的FindName()，但是它会递归查询元素，当然，你还可以通过Children这个UIElementCollection元素来获取节点:

UIElement ele = panel.Children[0];

 

或者，如果el是panel的一个子节点，那么:

int index = panel.Children.IndexOf(el);

 

如果找到就返回相应的index，没有就返回-1；

除了在循环中绑定btn.Click事件意外，我们还可以通过以下方式来绑定事件:

AddHandler(Button.ClickEvent,new RoutedEventHandler(ButtonOnClick));

private void ButtonOnClick(object sender, RoutedEventArgs e)
{
      MessageBox.Show(((Button)e.Source).Name);
}

在这里需要注意，ButtonOnClick这个方法里的sender指向的是window，而e.Source属性指向的是事件的具体触发者。

 

如果你需要显示的内容太多，一屏幕显示不了的时候，你就需要一个滚动条了，在这里ScrollViewer类就可以帮助你完成这个需求，ScrollViewer类和window和ButtonBase类一样，同样继承自ContentControl，我们下面的例子，将创建50个按钮来演示ScrollViewer：

private void ScrollViewerTest()
{
    ScrollViewer scroll = new ScrollViewer();
    Content = scroll;

    StackPanel stack = new StackPanel();
    scroll.Content = stack;
    Random rand =new Random();

    for (int i = 0; i < 50; i++)
    {
        Button btn = new Button();
        btn.Content = ((char)('A' + i)).ToString();
        btn.FontSize += rand.Next(10);

        stack.Children.Add(btn);
    }
}

 

 

你可以尝试着把scroll.VerticalScrollBarVisibility设置成为VerticalScrollBarVisibility.auto:

scroll.VerticalScrollBarVisibility = ScrollBarVisibility.Auto;

这样竖向的滚动条就会在需要的时候显示。

 

昨天接了个长电话，所以博文没有写完，今天一定补上。