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

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

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

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;  返回创建的位图副本
        }