WPF 把图片分割成两份自动翻页 WpfFlipPageControl:CtrlBook 书控件

简介: 原文:WPF 把图片分割成两份自动翻页 WpfFlipPageControl:CtrlBook 书控件 版权声明:本文为博主原创文章,需要转载尽管转载。 https://blog.
原文: WPF 把图片分割成两份自动翻页 WpfFlipPageControl:CtrlBook 书控件

版权声明:本文为博主原创文章,需要转载尽管转载。 https://blog.csdn.net/z5976749/article/details/39671691

WPF  CtrlBook使用方法:

首先先添加引用:using WpfFlipPageControl;

dll名称:WpfFlipPageControl.dll,下载地址:http://api.dllzj.com/down/WpfFlipPageControl.dll.html

在Blend中添加ctrlBook控件(书控件)。

ctrlBook控件本身就分左右两个显示部分,如果两边都是独立的图片比较方便:

            Image im = new Image();		//这里的image对象时控件的image,不是图片的Image类
            im.Source = new BitmapImage(new Uri(@"图片路径"));	    //Image控件添加资源
            mybook.Items.Add(im);		//书控件添加Image控件,也可以添加canvas等控件
            im = new Image();
            im.Source = new BitmapImage(new Uri(@"图片路径"));
            mybook.Items.Add(im);

这样书控件就有两页了,鼠标可以在整个控件的4个角进行翻页,将图片控件的stretch属性设置成 Fill更好。

CtrlBook翻页方法: 

myBook.AnimateToNextPage(true, 1000);  

如果是一张图片要分成两份左右呈现,就需要进行一个图片分割,主要思想是一张图片分割成两个等份的图片然后分别添加进Image控件,书控件添加Image控件

首先第一张图片添加一个null,因为书控件默认从右边开始添加。

myBook.Items.Add(null); //书控件第一页为空

        /// <summary>
        /// 加载图片信息
        /// </summary>
        private void SetBook()
        {
            myBook.Items.Clear();
            strsPath = Directory.GetFiles(Directory.GetCurrentDirectory() + "/source/images");              //本地图片路径集合
            myBook.Items.Add(null); //书控件第一页为空
            //左右image容器
            System.Windows.Controls.Image imageLeft = null;               //system.windows.Controls这样引用是因为WPF的中有的类类名相同,必须申明命名空间才能区分
            System.Windows.Controls.Image imageRight = null;

            System.Drawing.Bitmap bitmap = null;     //创建位图对象
            System.Drawing.Size size = new System.Drawing.Size(0, 0);    //size对象(有2个size类,注意区分)
            System.Drawing.Point point = new System.Drawing.Point(0, 0); //point对象(有2个point类,注意区分)
            IntPtr intPtr= new IntPtr();             //用于表示指针或句柄的平台特定类型
            
            foreach (string path in strsPath)                         //循环添加图片资源
            {
                //实例化左右图片控件类型,如不实例化Image控件只修改控件的Source属性 则myBook.Items 添加控件报错</span>
                imageLeft = new System.Windows.Controls.Image();    //必须重新实例化image对象
                imageRight = new System.Windows.Controls.Image();

                bitmap = new System.Drawing.Bitmap(path);   //创建一个位图对象,可以从对象中获取他本身的宽高进行size分割
                size = new System.Drawing.Size(bitmap.Width / 2 , bitmap.Height);   //左右两边图片的尺寸,因为分成左右两份,所以把宽除以2
                //左容器图片分割
                point = new System.Drawing.Point(0, 0);  //分割的起点(0,0)
                System.Drawing.Bitmap imageLeftShow = getImage(path, point, size);//通过分割图片得到在左边显示的位图对象
                //右容器图片分割
                point = new System.Drawing.Point(bitmap.Width / 2, 0);//中间开始分割,通过位图对象宽的一半
                System.Drawing.Bitmap imageRightShow = getImage(path, point, size);

                intPtr = imageLeftShow.GetHbitmap();    //左边bitmap型图片转化成intPtr类型
                //左边图片intPtr类型转型为imageSource类型</span>
                imageLeft.Source = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(intPtr, IntPtr.Zero, Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());     
                intPtr = imageRightShow.GetHbitmap();    //右边图片转化成intPtr类型
                imageRight.Source = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(intPtr, IntPtr.Zero, Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());

                myBook.Items.Add(imageLeft);    //书控件添加image控件
                myBook.Items.Add(imageRight);
                imageLeft.Stretch = Stretch.Fill;
                imageRight.Stretch = Stretch.Fill;
            }
        }

        /// <summary>
        /// 根据起点point,size切割图片的方法
        /// </summary>
        private System.Drawing.Bitmap getImage(string path, System.Drawing.Point point, System.Drawing.Size size)
        {
            //图片路径
            System.Drawing.Bitmap bitmap = new System.Drawing.Bitmap(path); //加载原来图片
            //创建矩形,具有起始位置和大小
            System.Drawing.Rectangle r = new System.Drawing.Rectangle(point, size); //按照位置与大小实例化一个矩阵对象
            //返回矩形区域的图片副本
            bitmap = bitmap.Clone(r, System.Drawing.Imaging.PixelFormat.Undefined);//按照矩阵位置大小创建原始位图某个部分的副本
            return bitmap;  返回创建的位图副本
        }


目录
相关文章
|
6月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
389 0
|
6月前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道,在绘制流程图时,当选择或鼠标移动到控件时,都会在控件的四周出现锚点,以便于修改大小,移动位置,或连接线等,那此功能是如何实现的呢?在WPF开发中,想要在控件四周实现锚点,可以通过装饰器来实现,今天通过一个简单的小例子,简述如何在WPF开发中,应用装饰器,仅供学习分享使用,如有不足之处,还请指正。
142 1
|
C# Windows
WPF技术之RichTextBox控件
WPF RichTextBox是Windows Presentation Foundation (WPF)中提供的一个强大的文本编辑控件,它可以显示富文本格式的文本,支持多种文本处理操作。
601 0
|
3月前
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
|
3月前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
|
3月前
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
195 1
|
3月前
|
C# 前端开发 UED
WPF数据验证实战:内置控件与自定义规则,带你玩转前端数据验证,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,数据验证是确保输入正确性的关键环节。前端验证能及时发现错误,提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法,并通过示例展示了如何使用内置验证控件(如`TextBox`)及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证;自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
116 0
|
3月前
|
C# UED 定位技术
WPF控件大全:初学者必读,掌握控件使用技巧,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库,包括基础控件(如`Button`、`TextBox`)、布局控件(如`StackPanel`、`Grid`)、数据绑定控件(如`ListBox`、`DataGrid`)等。本文将介绍这些控件的基本分类及使用技巧,并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能,可以提升用户体验和程序性能。
69 0
|
3月前
|
开发框架 前端开发 JavaScript
WPF应用开发之控件动态内容展示
WPF应用开发之控件动态内容展示
|
3月前
|
开发框架 前端开发 JavaScript
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(3)--自定义用户控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(3)--自定义用户控件