备案控制台
开发者社区 开发与运维 文章 正文

综合应用WPF/WCF/WF/LINQ之二十四：使用UserControl技术编写一个翻页控件

2017-11-15 1289
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
UserControl实现起来比较简单。之所以说简单，是因为它没有多少思维的转换，大体做过.NET 2.0版的控件的人，把代码Copy过来，按照WPF的要求做一些改动即可。如果您要求快速开发，UserControl是一个不错的选择。
　　UserControl的实现步骤如下：
　　1、创建一个WPF User Control Library类型的项目。
　　2、将自动创建的UserControl1.xaml删除，重新添加一个名为Pager.xaml的User Control (WPF)项目。
　　3、将Pager.xaml的代码更改如下：
　　其中，Grid.RowDefinitions和Grid.ColumnDefinitions这部分用于定义行和列，也就类似与HTML中的表格。之后，设定控件的Grid.Row和Grid.Column属性，即可定位这个控件。而具体的控件的绘制，则非常类似与在ASPX页面中绘制控件。
　　值得注意的是：UserControl可直接在控件上捆绑事件，并在后台的xxx.xaml.cs中编写代码。而CustomControl则不建议这么处理，虽然ResourceDictionary文件也可以加上x:Class，之后即可在后台的xxx.xaml.cs中编写代码，但由于CustomControl的主体类和后台的xxx.xaml.cs类这两个实例之间的通讯存在问题，所以我们不建议这样做。想进一步了解的朋友，请参阅综合应用WPF/WCF/WF/LINQ之二十三：采用用DataTemplate的方式实现CheckListBox的CustomControl。
    1  < UserControl  x : Class ="Eallies.OA.UI.Controls.Common.Pager"
    2     xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3     xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml"  Loaded ="UserControl_Loaded">
    4       < Grid >
    5           < Grid.RowDefinitions >
    6               < RowDefinition  />
    7           </ Grid.RowDefinitions >
    8           < Grid.ColumnDefinitions >
    9               < ColumnDefinition  Width ="Auto" />
   10               < ColumnDefinition  Width ="Auto" />
   11               < ColumnDefinition  Width ="Auto" />
   12               < ColumnDefinition  Width ="Auto" />
   13               < ColumnDefinition  Width ="Auto" />
   14               < ColumnDefinition  Width ="Auto" />
   15               < ColumnDefinition  Width ="Auto" />
   16               < ColumnDefinition  Width ="Auto" />
   17               < ColumnDefinition  Width ="Auto" />
   18               < ColumnDefinition  Width ="22" />
   19               < ColumnDefinition  Width ="Auto" />
   20           </ Grid.ColumnDefinitions >
   21           < Label  Name ="lblFirst"  Content ="&lt;&lt;"  Grid.Column ="0"  MouseLeftButtonUp ="lblFirst_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   22           < Label  Name ="lblPrevious"  Content ="&lt;"  Grid.Column ="1"  MouseLeftButtonUp ="lblPrevious_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   23           < Label  Name ="lblPage1"  Content ="1"  Grid.Column ="2"  MouseLeftButtonUp ="lblPage1_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   24           < Label  Name ="lblPage2"  Content ="2"  Grid.Column ="3"  MouseLeftButtonUp ="lblPage2_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   25           < Label  Name ="lblPage3"  Content ="3"  Grid.Column ="4"  VerticalAlignment ="Center" HorizontalAlignment ="Center"  FontWeight ="Bold" />
   26           < Label  Name ="lblPage4"  Content ="4"  Grid.Column ="5"  MouseLeftButtonUp ="lblPage4_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   27           < Label  Name ="lblPage5"  Content ="5"  Grid.Column ="6"  MouseLeftButtonUp ="lblPage5_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   28           < Label  Name ="lblNext"  Content ="&gt;"  Grid.Column ="7"  MouseLeftButtonUp ="lblNext_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   29           < Label  Name ="lblLast"  Content ="&gt;&gt;"  Grid.Column ="8"  MouseLeftButtonUp ="lblLast_MouseLeftButtonUp"  VerticalAlignment ="Center"  HorizontalAlignment ="Center"  Foreground ="Blue"  Cursor ="Hand" />
   30           < Label  Name ="lblPages"  Content ="1/10"  Grid.Column ="10"  VerticalAlignment ="Center"  HorizontalAlignment ="Center" />
   31       </ Grid >
   32  </ UserControl >
　　其设计图的效果如下：

　　4、更改Pager.xaml.cs的代码。具体代码请参考Eallies.OA系统的源代码。
　　这里仅仅列举隐藏和显示控件的方法。在符合一定条件的情况下，第一页、上一页、前两页、前一页、后一页、后两页、下一页、最后一页，这些控件可能显示也可能不显示。在不显示时，将容纳该控件的格的宽度设为0即可；在显示时，则设为Auto。
    1          private  void SetVisible()
    2         {
    3              try
    4             {
    5                 (( Grid) this.lblFirst.Parent).ColumnDefinitions[0].Width =  GridLength.Auto;
    6                 (( Grid) this.lblPrevious.Parent).ColumnDefinitions[1].Width =  GridLength.Auto;
    7                 (( Grid) this.lblPage1.Parent).ColumnDefinitions[2].Width =  GridLength.Auto;
    8                 (( Grid) this.lblPage2.Parent).ColumnDefinitions[3].Width =  GridLength.Auto;
    9                 (( Grid) this.lblPage4.Parent).ColumnDefinitions[5].Width =  GridLength.Auto;
   10                 (( Grid) this.lblPage5.Parent).ColumnDefinitions[6].Width =  GridLength.Auto;
   11                 (( Grid) this.lblNext.Parent).ColumnDefinitions[7].Width =  GridLength.Auto;
   12                 (( Grid) this.lblLast.Parent).ColumnDefinitions[8].Width =  GridLength.Auto;
   13 
   14                  if ( this._PageIndex <= 1) (( Grid) this.lblFirst.Parent).ColumnDefinitions[0].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   15                  if ( this._PageIndex <= 1) (( Grid) this.lblPrevious.Parent).ColumnDefinitions[1].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   16                  if ( this._PageIndex - 2 <= 0) (( Grid) this.lblPage1.Parent).ColumnDefinitions[2].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   17                  if ( this._PageIndex - 1 <= 0) (( Grid) this.lblPage2.Parent).ColumnDefinitions[3].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   18                  if ( this._PageIndex + 1 >=  this._PageCount + 1) (( Grid) this.lblPage4.Parent).ColumnDefinitions[5].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   19                  if ( this._PageIndex + 2 >=  this._PageCount + 1) (( Grid) this.lblPage5.Parent).ColumnDefinitions[6].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   20                  if ( this._PageIndex + 1 >=  this._PageCount + 1) (( Grid) this.lblNext.Parent).ColumnDefinitions[7].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   21                  if ( this._PageIndex >=  this._PageCount) (( Grid) this.lblLast.Parent).ColumnDefinitions[8].Width = ( GridLength)( new  GridLengthConverter()).ConvertFromString( "0");
   22             }
   23              catch
   24             {
   25                  throw;
   26             }
   27         }




本文转自 Eallies 51CTO博客，原文链接：http://blog.51cto.com/eallies/79018，如需转载请自行联系原作者
文章标签：
C#
.NET
开发框架
关键词：
wpf控件
wpf技术
wpf技术控件
wcf技术
wcf wf
余二五
目录
相关文章
步、步、为营
|
7月前
|
缓存 C# 虚拟化
WPF列表性能提高技术
WPF数据绑定系统不仅需要绑定功能，还需要能够处理大量数据而不会降低显示速度和消耗大量内存，WPF提供了相关的控件以提高性能，所有继承自`ItemsControl`的控件都支持该技术。
步、步、为营
118 0
Rick_1/2
|
9月前
|
C# Windows
WPF技术之RichTextBox控件
WPF RichTextBox是Windows Presentation Foundation (WPF)中提供的一个强大的文本编辑控件，它可以显示富文本格式的文本，支持多种文本处理操作。
Rick_1/2
358 0
Rick_1/2
|
9月前
|
存储 自然语言处理 C#
WPF技术之Binding
WPF（Windows Presentation Foundation）是微软推出的一种用于创建应用程序用户界面的框架。Binding（绑定）是WPF中的一个重要概念，它用于在界面元素和数据源之间建立关联。通过Binding，可以将界面元素（如文本框、标签、列表等）与数据源（如对象、集合、属性等）进行绑定，从而实现数据的双向传递和同步更新。
Rick_1/2
147 2
WPF技术之Binding
Rick_1/2
|
9月前
|
数据挖掘 数据处理 C#
WPF技术之DataGrid控件
WPF DataGrid是一种可以显示和编辑数据的界面控件。它可以作为表格形式展示数据，支持添加、删除、修改、排序和分组操作。
Rick_1/2
189 0
Rick_1/2
|
8月前
|
C#
WPF技术之动画系列-上下运动
本例子展现动画小球上下循环运动
Rick_1/2
133 0
Rick_1/2
|
9月前
|
前端开发 C# 容器
WPF技术之Command
WPF Command是一种在MVVM（Model-View-ViewModel）模式中用于处理用户界面交互的机制。它可以将用户界面事件（如按钮点击、菜单项选择等）与应用程序逻辑（命令处理）解耦，同时提供了一种便捷的方式来管理和执行命令
Rick_1/2
141 2
Rick_1/2
|
9月前
|
定位技术 C# UED
WPF技术之ScrollViewer控件
WPF ScrollViewer是WPF中常用的一个控件，它提供了滚动视图的功能，可用于显示超出容器可视区域的内容。ScrollViewer通常用于容纳大量内容的控件，以在有限的空间内显示这些内容，并允许用户通过滚动来查看隐藏的部分。
Rick_1/2
783 0
Rick_1/2
|
9月前
|
前端开发 C#
WPF技术之ContentControl 控件
ContentControl 是 WPF 中的一个常见控件，用于显示单个内容元素。它可以包含任意类型的内容，包括文本、图像、控件等。
Rick_1/2
828 0
Rick_1/2
|
9月前
|
XML C# 数据格式
WPF技术之DocumentViewer控件
WPF 的 DocumentViewer 是一个强大的控件，用于在应用程序中显示各种类型的文档，如 XPS（XML Paper Specification）、FlowDocument 和 FixedDocument 等。
Rick_1/2
1131 1
Rick_1/2
|
9月前
|
搜索推荐 C# Windows
WPF技术之MediaElement控件
WPF（Windows Presentation Foundation）MediaElement是一种用于创建用户界面的框架，它提供了丰富的图形、多媒体和动画功能。它可以播放各种类型的音频和视频文件，包括本地文件和网络流。
Rick_1/2
320 0