稳扎稳打Silverlight(35) - 3.0控件之ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel

[索引页]
[源码下载]


稳扎稳打Silverlight(35) - 3.0控件之ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel


作者:webabcd


介绍
Silverlight 3.0 控件一览:
  • ChildWindow - 用于在父窗体前弹出一个的子窗体
  • SaveFileDialog - 用户发起的保存文件对话框(OpenFileDialog - 打开文件对话框)
  • HeaderedItemsControl - 呈现标题和集合数据的控件
  • VirtualizingStackPanel - 虚拟化的 StackPanel(即仅生成需要显示的 UI 元素。当绑定了大量数据,而某时仅显示其中一小部分的时候,使用此控件则可大幅提高呈现效率) 


在线DEMO
http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html


示例
1、演示 ChildWindow 的应用
ChildWindowDemo.xaml
<navigation:Page x:Class="Silverlight30.Control.ChildWindowDemo" 
           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
="ChildWindowDemo Page">
    
<Grid x:Name="LayoutRoot">
        
<StackPanel>

            
<Button x:Name="btnChildWindow" Content="Show ChildWindow" Click="btnChildWindow_Click" />
            
<Button x:Name="btnCustomChildWindow" Content="Show CustomChildWindow" Click="btnCustomChildWindow_Click" />
    
            
<TextBlock x:Name="lblResult" />
            
        
</StackPanel>
    
</Grid>
</navigation:Page>
 
ChildWindowDemo.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;

namespace Silverlight30.Control
{
    
public partial class ChildWindowDemo : Page
    
{
        
public ChildWindowDemo()
        
{
            InitializeComponent();
        }


        
private void btnChildWindow_Click(object sender, RoutedEventArgs e)
        
{
            
/*
             * ChildWindow - 在父窗体前显示的子窗体
             *     Title - 子窗体的标题
             *     Content - 子窗体的内容
             *     HasCloseButton - 子窗体上是否要有关闭按钮(右上角的 ×)
             *     OverlayBrush - 子窗体打开后,覆盖在父窗体上的 Brush
             *     OverlayOpacity - 子窗体打开后,覆盖在父窗体上的 Brush 的不透明度
             *     Width - 子窗体的宽
             *     Height - 子窗体的高
             *     Closed事件 - 子窗体关闭后所触发的事件
             *     Show() - 打开(显示)子窗体
             
*/


            ChildWindow child 
= new ChildWindow();
            child.Title 
= "标题";
            child.Content 
= "内容";
            child.HasCloseButton 
= true;
            child.OverlayBrush 
= new SolidColorBrush(Colors.Red);
            child.OverlayOpacity 
= 0.3;
            child.Width 
= 320;
            child.Height 
= 240;
            
            child.Show();
        }


        
void child_Closed(object sender, EventArgs e)
        
{
            
/*
             * ChildWindow.DialogResult - 子窗体传递回来的一个 bool? 值(可以用来描述在子窗体中是单击了“确定”按钮还是“取消”按钮)
             * ChildWindow.DataContext - 子窗体传递回来的数据上下文
             
*/


            CustomChildWindow child 
= sender as CustomChildWindow;
            MessageBox.Show(
string.Format("DialogResult:{0}; DataContext:{1}", child.DialogResult, child.DataContext));
        }


        
private void btnCustomChildWindow_Click(object sender, RoutedEventArgs e)
        
{
            CustomChildWindow child 
= new CustomChildWindow();
            child.Closed 
+= new EventHandler(child_Closed);
            child.Show();
        }

    }

}


CustomChildWindow.xaml(自定义子窗体)
<controls:ChildWindow x:Class="Silverlight30.Control.CustomChildWindow"
           xmlns
="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:controls
="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
           Width
="320" Height="240" 
           Title
="我是标题">
    
<Grid x:Name="LayoutRoot" Margin="2">
        
<Grid.RowDefinitions>
            
<RowDefinition />
            
<RowDefinition Height="Auto" />
        
</Grid.RowDefinitions>

        
<Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="1" />
        
<Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,79,0" Grid.Row="1" />
    
</Grid>
</controls:ChildWindow>

CustomChildWindow.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;

namespace Silverlight30.Control
{
    
public partial class CustomChildWindow : System.Windows.Controls.ChildWindow
    
{
        
public CustomChildWindow()
        
{
            InitializeComponent();
        }


        
private void OKButton_Click(object sender, RoutedEventArgs e)
        
{
            
/*
             * ChildWindow.DialogResult - 传递给父窗体的一个 bool? 值(可以用来描述在子窗体中是单击了“确定”按钮还是“取消”按钮)
             * ChildWindow.DataContext - 传递给父窗体的数据上下文
             
*/


            
this.DataContext = "点击了 OK 按钮";
            
this.DialogResult = true;
        }


        
private void CancelButton_Click(object sender, RoutedEventArgs e)
        
{
            
this.DataContext = "点击了 Cancel 按钮";
            
this.DialogResult = false;
        }

    }

}




2、SaveFileDialog 和 OpenFileDialog 的演示
SaveFileDialogDemo.xaml
<navigation:Page x:Class="Silverlight30.Control.SaveFileDialogDemo" 
           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
="SaveFileDialog 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>

SaveFileDialogDemo.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.IO;
using System.Text;

namespace Silverlight30.Control
{
    
public partial class SaveFileDialogDemo : Page
    
{
        
public SaveFileDialogDemo()
        
{
            InitializeComponent();
        }


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


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

            
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";
            
            
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、演示 HeaderedItemsControl 的使用
HeaderedItemsControl.xaml
<navigation:Page xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"  x:Class="Silverlight30.Control.HeaderedItemsControl" 
           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
="HeaderedItemsControl Page">
    
<Grid x:Name="LayoutRoot">
    
        
<!--
            HeaderedItemsControl - 呈现标题和集合数据的控件
            HeaderedItemsControl.Header, HeaderedItemsControl.HeaderTemplate - 用于显示标题
            HeaderedItemsControl.Items, HeaderedItemsControl.ItemTemplate - 用于显示集合数据
        
-->
    
        
<controls:HeaderedItemsControl x:Name="headeredItemsControl" >
            
<controls:HeaderedItemsControl.Header>
                
<TextBlock Text="Header" />
            
</controls:HeaderedItemsControl.Header>
            
<controls:HeaderedItemsControl.ItemTemplate>
                
<DataTemplate>
                    
<TextBlock Text="{Binding}" />
                
</DataTemplate>
            
</controls:HeaderedItemsControl.ItemTemplate>
        
</controls:HeaderedItemsControl>
        
    
</Grid>
</navigation:Page>

HeaderedItemsControl.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;

namespace Silverlight30.Control
{
    
public partial class HeaderedItemsControl : Page
    
{
        
public HeaderedItemsControl()
        
{
            InitializeComponent();

            
this.Loaded += new RoutedEventHandler(HeaderedItemsControl_Loaded);
        }


        
void HeaderedItemsControl_Loaded(object sender, RoutedEventArgs e)
        
{
            List
<string> items = new List<string>();
            
for (int i = 0; i < 5; i++)
            
{
                items.Add(i.ToString().PadLeft(
10'0'));
            }


            headeredItemsControl.ItemsSource 
= items;
        }

    }

}



4、演示 VirtualizingStackPanel 的应用
VirtualizingStackPanel.xaml
<navigation:Page x:Class="Silverlight30.Control.VirtualizingStackPanel" 
           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
="VirtualizingStackPanel Page">
    
<Grid x:Name="LayoutRoot">
    
        
<ListBox x:Name="listBox" VerticalAlignment="Top" HorizontalAlignment="Left" 
            Height
="50" Width="300">
            
<ListBox.ItemsPanel>
                
<ItemsPanelTemplate>
                    
<!--
                        VirtualizingStackPanel - 虚拟化的 StackPanel(即仅生成需要显示的 UI 元素。当绑定了大量数据,而某时仅显示其中一小部分的时候,使用此控件则可大幅提高呈现效率)
                        Orientation - 数据的排列方式(垂直排列或水平排列)
                    
-->
                    
<VirtualizingStackPanel Orientation="Horizontal" />
                
</ItemsPanelTemplate>
            
</ListBox.ItemsPanel>
            
<ListBox.ItemTemplate>
                
<DataTemplate>
                    
<TextBlock Text="{Binding}" />
                
</DataTemplate>
            
</ListBox.ItemTemplate>
        
</ListBox>
        
    
</Grid>
</navigation:Page>

VirtualizingStackPanel.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;

namespace Silverlight30.Control
{
    
public partial class VirtualizingStackPanel : Page
    
{
        
public VirtualizingStackPanel()
        
{
            InitializeComponent();

            
this.Loaded += new RoutedEventHandler(VirtualizingStackPanel_Loaded);
        }


        
void VirtualizingStackPanel_Loaded(object sender, RoutedEventArgs e)
        
{
            List
<string> items = new List<string>();
            
for (int i = 0; i < 3000; i++)
            
{
                items.Add(i.ToString().PadLeft(
10'0'));
            }


            listBox.ItemsSource 
= items;
        }

    }

}



OK
[源码下载]
posted @ 2009-08-13 09:20  webabcd  阅读(6857)  评论(14编辑  收藏  举报