WPF一个简单的分页控件

女爷i 2021-09-10 22:40 1093阅读 0赞

WPF一个简单的分页控件，如图1。

![Center][]

图1

创建用户控件PageControl.xaml。

<UserControl x:Class="Simple.Calculator.WinForm.Common.PageControl"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 mc:Ignorable="d" >
        <UserControl.Resources>
            
            <Style TargetType="{x:Type Border}" x:Key="gBox">
                <Setter Property="BorderBrush" Value="CornflowerBlue"/>
                <Setter Property="Background" Value="#dfe6ec"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="CornerRadius" Value="2"/>
                <Setter Property="Padding" Value="5"/>
            </Style>
    
            
            <Style TargetType="{x:Type Button}" x:Key="gmButton">
                <Setter Property="FontSize" Value="12"/>
                <Setter Property="Padding" Value="5,3,5,3"/>
                <Setter Property="Height" Value="26"/>
                <Setter Property="Cursor" Value="Hand"/>
            </Style>
    
            
            <Style TargetType="{x:Type TextBox}" x:Key="gTextBlock">
                <Setter Property="Height" Value="28"/>
                <Setter Property="Width" Value="160"/>
                <Setter Property="Padding" Value="3"/>
                <Setter Property="FontSize" Value="14"/>
                <Setter Property="HorizontalAlignment" Value="Left"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="BorderBrush" Value="#adb2b5"/>
            </Style>
            
            
            <Style TargetType="{x:Type Label}" x:Key="gLabel">
                <Setter Property="FontSize" Value="14"/>
                <Setter Property="Foreground" Value="#006699"/>
                <Setter Property="VerticalContentAlignment" Value="Center"/>
                <Setter Property="HorizontalAlignment" Value="Right"/>
            </Style>
        </UserControl.Resources>
        
        <Border Style="{StaticResource gBox}">
            <StackPanel Orientation="Horizontal">
                <Label Style="{StaticResource gLabel}" Content="转到"/>
                <TextBox Width="50" Style="{StaticResource gTextBlock}" Text="{Binding JumpNum}" />
                <Label Style="{StaticResource gLabel}" Content="页"/>
                <Button Style="{StaticResource gmButton}" Margin="0,0,20,0" Content="GO" Command="{Binding JumpPageCommand}"/>
                <Button Style="{StaticResource gmButton}" Margin="0,0,10,0" Content="上一页" Command="{Binding PrevPageCommand}"/>
                <Button Style="{StaticResource gmButton}"  Content="下一页" Command="{Binding NextPageCommand}"/>
    
                <Label Style="{StaticResource gLabel}" Content="【当前"/>
                <Label Style="{StaticResource gLabel}" Content="0" Foreground="Red"/>
                <Label Style="{StaticResource gLabel}" Content="页】"/>
    
                <Label Style="{StaticResource gLabel}" Content="【共"/>
                <Label Style="{StaticResource gLabel}" Content="0" Foreground="Red"/>
                <Label Style="{StaticResource gLabel}" Content="页】"/>
    
                <Label Style="{StaticResource gLabel}" Content="【共"/>
                <Label Style="{StaticResource gLabel}" Content="0" Foreground="Red"/>
                <Label Style="{StaticResource gLabel}" Content="条记录】"/>
            </StackPanel>
        </Border>
    </UserControl>

**使用**

添加引用：

xmlns:com="clr-namespace:Simple.Calculator.WinForm.Common"

XAML代码：

<com:PageControl />

[Center]: /images/20210724/f32c5c0c0eaf4658b9d45d3602d76f9c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1093人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPF中控件TextBlock使用（简单）

TextBlock主要用来显示文字。比如： <TextBlock Name="txtBlockOutpuMessage" Text="hello" /> TextBlock

Bertha 。/ 2022年08月02日 00:12/ 0 赞/ 670 阅读

相关 andorid封装分页控件

主要代码： package com.sun.framework.CustomizeVC; import android.content.Contex

r囧r小猫/ 2022年06月10日 14:19/ 0 赞/ 249 阅读

相关 Ng Alain分页控件的使用

在【Ng Alain】[官方示例源码][Link 1]中，关于pagination分页控件的代码如下： <ng-template pagination>

水深无声/ 2022年04月13日 12:49/ 0 赞/ 445 阅读

相关关于GridView控件的分页

GridView控件的分页如果使用它自身的“启用分页”的功能那就很简单，只需要把GridView控件直接连接到数据源控件，然后启用分页功能就可以了。当然实现查询的语句是在数据

短命女/ 2022年04月01日 12:10/ 0 赞/ 350 阅读

相关一个简单的分页控件

![None.gif][] using System; ![None.gif][] using System.Web; ![None.gif][] using S

Bertha 。/ 2022年03月29日 05:54/ 0 赞/ 276 阅读

相关 Servlet pager 封装分页控件

Servlet 目录： ![在这里插入图片描述][2019040622103636.] web目录： ![在这里插入图片描述][watermark_type_ZmFu

谁践踏了优雅/ 2022年02月23日 05:44/ 0 赞/ 231 阅读

相关 WPF StatusBar控件

应用程序窗口的顶部通常由前面章节中描述的主菜单和/或工具栏占用，窗口的底部通常是状态栏。状态栏用于显示有关应用程序当前状态的各种信息，如光标位置，字数，任务进度等。对我们来

男娘i/ 2022年01月28日 06:07/ 0 赞/ 315 阅读

相关自己写的一个分页控件(WinForm)

　　找来找去没找个轻量级的分页控件,只好自己写一个凑合着先用。先看效果图：　　![a.jpg][]　　　　控件的功能很简单，点击控件的几个按钮、捕获 Item\_Cli

朱雀/ 2021年12月20日 17:49/ 0 赞/ 413 阅读

相关 WPF 实现 DataGrid/ListView 分页控件（转）

[WPF 实现 DataGrid/ListView 分页控件][WPF _ DataGrid_ListView] 在WPF中，通常会选用DataGrid/ListV

￡神魔★判官ぃ/ 2021年12月08日 23:57/ 0 赞/ 1081 阅读

相关 WPF一个简单的分页控件

WPF一个简单的分页控件，如图1。 ![Center][] 图1 创建用户控件PageControl.xaml。 <UserControl x:Class="S

女爷i/ 2021年09月10日 22:40/ 0 赞/ 1094 阅读