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

2016-08-20 10:55:43来源:http://webabcd.blog.51cto.com/1787395/342751作者:webabcd人点击


[索引页][源码下载]
稳扎稳打Silverlight(35) - 3.0控件之ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel作者:webabcd介绍Silverlight 3.0控件一览:

ChildWindow-用于在父窗体前弹出一个的子窗体
SaveFileDialog -用户发起的保存文件对话框(OpenFileDialog - 打开文件对话框)
HeaderedItemsControl-呈现标题和集合数据的控件
VirtualizingStackPanel -虚拟化的 StackPanel(即仅生成需要显示的 UI 元素。当绑定了大量数据,而某时仅显示其中一小部分的时候,使用此控件则可大幅提高呈现效率)
在线DEMOhttp://webabcd.blog.51cto.com/1787395/342289示例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[源码下载]

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台