稳扎稳打Silverlight(62) 5.0控件之PivotViewer, ListBox 和 ComboBox 新特性, OpenFileDialog 和 SaveFileDialog 新特性

[索引页]
[源码下载]

稳扎稳打Silverlight(62) - 5.0控件之PivotViewer, ListBox 和 ComboBox 新特性, OpenFileDialog 和 SaveFileDialog 新特性

作者：webabcd


介绍
Silverlight 5.0 控件

• ListBox 和 ComboBox 新特性 - 支持键盘检索
• OpenFileDialog 和 SaveFileDialog 新特性 - InitialDirectory 和 DefaultFileName
• 新增控件 - PivotViewer

在线DEMO
http://www.cnblogs.com/webabcd/archive/2012/03/05/2379862.html


示例
1、ListBox 和 ComboBox 新特性
Control/ListBoxAndComboBox.xaml

<navigation:Page x:Class="Silverlight50.Control.ListBoxAndComboBox" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           d:DesignWidth="640" d:DesignHeight="480"
           Title="ListBoxAndComboBox Page">
    <StackPanel x:Name="LayoutRoot" HorizontalAlignment="Left">
        
        <!--
            ListBox 和 ComboBox 支持键盘搜索（把焦点放到 ListBox，然后可以测试键盘搜索的功能） 
        -->
        
        <ListBox Name="listBox" Margin="5" Width="200" Height="100">
            <ListBoxItem Content="aaa" />
            <ListBoxItem Content="bbb" />
            <ListBoxItem Content="ccc" />
            <ListBoxItem Content="ddd" />
            <ListBoxItem Content="eee" />
            <ListBoxItem Content="fff" />
            <ListBoxItem Content="ggg" />
            <ListBoxItem Content="hhh" />
            <ListBoxItem Content="iii" />
            <ListBoxItem Content="jjj" />
        </ListBox>

    </StackPanel>
</navigation:Page>

2、OpenFileDialog 和 SaveFileDialog 新特性
Control/OpenFileDialogAndSaveFileDialog.xaml

<navigation:Page x:Class="Silverlight50.Control.OpenFileDialogAndSaveFileDialog" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           d:DesignWidth="640" d:DesignHeight="480"
           Title="OpenFileDialogAndSaveFileDialog Page">
    <Grid x:Name="LayoutRoot">
        
        <StackPanel>
            <TextBox x:Name="txtInfo" />
            <Button x:Name="btnSave" Content="保存" Click="btnSave_Click" />
            <Button x:Name="btnLoad" Content="载入" Click="btnLoad_Click" />
        </StackPanel>
        
    </Grid>
</navigation:Page>

Control/OpenFileDialogAndSaveFileDialog.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Navigation;

using System.Text;
using System.IO;

namespace Silverlight50.Control
{
    public partial class OpenFileDialogAndSaveFileDialog : Page
    {
        public OpenFileDialogAndSaveFileDialog()
        {
            InitializeComponent();
        }

        private void btnSave_Click(object sender, RoutedEventArgs e)
        {
            /*
             * SaveFileDialog - 用户发起的保存文件对话框
             *     Filter - 指定保存文件的描述信息及文件类型（出现在对话框的“保存类型”下拉列表中）
             *     DefaultExt - 当指定保存文件类型为 *.* 时的默认扩展名
             *     SafeFileName - 获取 SaveFileDialog 相关的文件名（只有文件名和扩展名，没有路径信息）
             *     FilterIndex - 默认的保存类型在 Filter 中的索引（注意：索引从 1 开始）
             *     ShowDialog() - 显示保存文件对话框。用户在对话框中单击“保存”则返回 true；单击“取消”或关闭对话框则返回 false
             *     OpenFile() - 打开用户选择的文件，并返回文件流
             */

            SaveFileDialog dialog = new SaveFileDialog();
            dialog.Filter = "Text Files|*.txt|Log Files|*.log|All Files|*.*";
            dialog.FilterIndex = 1;

            // DefaultFileName - 用于设置 SaveFileDialog 的默认文件名（新增属性）
            dialog.DefaultFileName = "temp.txt";

            bool? result = dialog.ShowDialog();
            if (result == true)
            {
                using (Stream stream = dialog.OpenFile())
                {
                    byte[] info = Encoding.UTF8.GetBytes(txtInfo.Text);
                    stream.Write(info, 0, info.Length);
                }

                txtInfo.Text = "";
            }
        }

        private void btnLoad_Click(object sender, RoutedEventArgs e)
        {
            /*
             * OpenFileDialog - 打开文件对话框
             *     Filter - 同 SaveFileDialog
             *     FilterIndex - 同 SaveFileDialog
             *     ShowDialog() - 显示打开文件对话框。用户在对话框中单击“打开”则返回 true；单击“取消”或关闭对话框则返回 false
             *     File - 返回用户所选择文件的的 FileInfo 对象
             *     Multiselect - 选择文件时可否多选
             *     Files - 返回用户所选择文件的的 FileInfo 对象集合
             */

            OpenFileDialog dialog = new OpenFileDialog();
            dialog.Filter = "Text Files|*.txt";

            // InitialDirectory - 用于设置 OpenFileDialog 的初始目录（新增属性）
            dialog.InitialDirectory = @"C:\";

            if (dialog.ShowDialog() == true)
            {
                using (FileStream fs = dialog.File.OpenRead())
                {
                    byte[] buffer = new byte[fs.Length];
                    fs.Read(buffer, 0, buffer.Length);

                    txtInfo.Text = Encoding.UTF8.GetString(buffer, 0, buffer.Length);
                }
            }
        }
    }
}

3、新增控件 PivotViewer
Control/PivotViewerDemo.xaml

<navigation:Page x:Class="Silverlight50.Control.PivotViewerDemo" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           d:DesignWidth="640" d:DesignHeight="480"
           Title="PivotViewerDemo Page"
                 
           xmlns:sdk="clr-namespace:System.Windows.Controls.Pivot;assembly=System.Windows.Controls.Pivot">

    <Grid x:Name="LayoutRoot" Background="White">
        
        <!--
            更多 PivotViewer 的相关内容参看
            http://www.silverlight.net/learn/data-networking/pivot-viewer
        -->
        
        <sdk:PivotViewer x:Name="pivotViewer">

            <!--
                设置 PivotProperties，可用于左侧检索栏
            -->
            <sdk:PivotViewer.PivotProperties>
                <sdk:PivotViewerStringProperty Id="Category" Options="CanFilter" DisplayName="产品类别" Binding="{Binding Category}" />
            </sdk:PivotViewer.PivotProperties>

            <!--
                设置 PivotViewerItemTemplate，用于主显示区
            -->
            <sdk:PivotViewer.ItemTemplates>
                <sdk:PivotViewerItemTemplate>
                    <Border Width="200" Height="200" Background="Blue">
                        <StackPanel Orientation="Vertical">
                            <TextBlock Text="{Binding Name}" FontSize="16" Foreground="White" />
                            <TextBlock Text="{Binding Category}" FontSize="16" Foreground="White" />
                            <TextBlock Text="{Binding Price}" FontSize="16" Foreground="White" />
                        </StackPanel>
                    </Border>
                </sdk:PivotViewerItemTemplate>
            </sdk:PivotViewer.ItemTemplates>
        </sdk:PivotViewer>
    </Grid>

</navigation:Page>

Control/PivotViewerDemo.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Navigation;

using System.Collections.ObjectModel;

namespace Silverlight50.Control
{
    public partial class PivotViewerDemo : Page
    {
        public PivotViewerDemo()
        {
            InitializeComponent();
        }

        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            ObservableCollection<Product> products = new ObservableCollection<Product>();
            Random random = new Random();

            // 构造数据源
            for (int i = 0; i < 100; i++)
            {
                products.Add
                (
                    new Product
                    (
                        "webabcd" + i.ToString(),
                        "category" + random.Next(0, 9).ToString(),
                        random.NextDouble() * 1000d
                    )
                );
            }

            // 给 PivotViewer 指定数据源
            pivotViewer.ItemsSource = products;
        }
    }

    /// <summary>
    /// 数据的实体类
    /// </summary>
    public class Product
    {
        public string Name { get; set; }
        public string Category { get; set; }
        public double Price { get; set; }

        public Product(string name, string category, double price)
        {
            this.Name = name;
            this.Category = category;
            this.Price = price;
        }
    }
}

OK
[源码下载]