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

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

2017-11-15 1428
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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技术
余二五
目录
相关文章
土木林森
|
vr&ar C# 图形学
WPF与AR/VR的激情碰撞：解锁Windows Presentation Foundation应用新维度，探索增强现实与虚拟现实技术在现代UI设计中的无限可能与实战应用详解
【8月更文挑战第31天】增强现实（AR）与虚拟现实（VR）技术正迅速改变生活和工作方式，在游戏、教育及工业等领域展现出广泛应用前景。本文探讨如何在Windows Presentation Foundation（WPF）环境中实现AR/VR功能，通过具体示例代码展示整合过程。尽管WPF本身不直接支持AR/VR，但借助第三方库如Unity、Vuforia或OpenVR，可实现沉浸式体验。例如，通过Unity和Vuforia在WPF中创建AR应用，或利用OpenVR在WPF中集成VR功能，从而提升用户体验并拓展应用功能边界。
土木林森
400 1
追逐时光者
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
追逐时光者
409 1
mingupup-11899
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
mingupup-11899
672 1
土木林森
|
C# Windows 开发者
当WPF遇见OpenGL：一场关于如何在Windows Presentation Foundation中融入高性能跨平台图形处理技术的精彩碰撞——详解集成步骤与实战代码示例
【8月更文挑战第31天】本文详细介绍了如何在Windows Presentation Foundation (WPF) 中集成OpenGL，以实现高性能的跨平台图形处理。通过具体示例代码，展示了使用SharpGL库在WPF应用中创建并渲染OpenGL图形的过程，包括开发环境搭建、OpenGL渲染窗口创建及控件集成等关键步骤，帮助开发者更好地理解和应用OpenGL技术。
土木林森
1245 0
土木林森
|
开发者 C# 容器
【独家揭秘】当WPF邂逅DirectX：看这两个技术如何联手打造令人惊艳的高性能图形渲染体验，从环境搭建到代码实践，一步步教你成为图形编程高手
【8月更文挑战第31天】本文通过代码示例详细介绍了如何在WPF应用中集成DirectX以实现高性能图形渲染。首先创建WPF项目并使用SharpDX作为桥梁，然后在XAML中定义承载DirectX内容的容器。接着，通过C#代码初始化DirectX环境，设置渲染逻辑，并在WPF窗口中绘制图形。此方法适用于从简单2D到复杂3D场景的各种图形处理需求，为WPF开发者提供了高性能图形渲染的技术支持和实践指导。
土木林森
1144 0
土木林森
|
C# 开发者 Windows
WPF遇上Office：一场关于Word与Excel自动化操作的技术盛宴，从环境搭建到代码实战，看WPF如何玩转文档处理的那些事儿
【8月更文挑战第31天】Windows Presentation Foundation (WPF) 是 .NET Framework 的重要组件，以其强大的图形界面和灵活的数据绑定功能著称。本文通过具体示例代码，介绍如何在 WPF 应用中实现 Word 和 Excel 文档的自动化操作，包括文档的读取、编辑和保存等。首先创建 WPF 项目并设计用户界面，然后在 `MainWindow.xaml.cs` 中编写逻辑代码，利用 `Microsoft.Office.Interop` 命名空间实现 Office 文档的自动化处理。文章还提供了注意事项，帮助开发者避免常见问题。
土木林森
968 0
土木林森
|
C# UED 开发者
WPF打印功能实现秘籍：从页面到纸张，带你玩转WPF打印技术大揭秘！
【8月更文挑战第31天】在WPF应用开发中，打印功能至关重要，不仅能提升用户体验，还增强了应用的实用性。本文介绍WPF打印的基础概念与实现方法，涵盖页面元素打印、打印机设置及打印预览。通过具体案例，展示了如何利用`PrintDialog`和`PrintDocument`控件添加打印支持，并使用`PrinterSettings`类进行配置，最后通过`PrintPreviewWindow`实现打印预览功能。
土木林森
1150 0
土木林森
|
C# 前端开发 UED
WPF数据验证实战：内置控件与自定义规则，带你玩转前端数据验证，让你的应用程序更上一层楼！
【8月更文挑战第31天】在WPF应用开发中，数据验证是确保输入正确性的关键环节。前端验证能及时发现错误，提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法，并通过示例展示了如何使用内置验证控件（如`TextBox`）及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证；自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
土木林森
482 0
土木林森
|
C# UED 定位技术
WPF控件大全：初学者必读，掌握控件使用技巧，让你的应用程序更上一层楼！
【8月更文挑战第31天】在WPF应用程序开发中，控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库，包括基础控件（如`Button`、`TextBox`）、布局控件（如`StackPanel`、`Grid`）、数据绑定控件（如`ListBox`、`DataGrid`）等。本文将介绍这些控件的基本分类及使用技巧，并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能，可以提升用户体验和程序性能。
土木林森
546 0
mingupup-11899
|
前端开发 C#
wpfui：一个开源免费具有现代化设计趋势的WPF控件库
wpfui：一个开源免费具有现代化设计趋势的WPF控件库
mingupup-11899
554 0