WPF实现棋盘式图片切换效果

最新推荐文章于 2021-10-28 16:25:56 发布

原创最新推荐文章于 2021-10-28 16:25:56 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #棋盘 #图片切换

WPF特效专栏收录该内容

39 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了如何使用WPF实现棋盘式的图片切换效果。通过在自定义控件MyImageControl中设置两个Image控件，并结合前后翻页按钮，实现图片裁剪和顺序打乱的动态切换。主要步骤包括自定义控件的设计，翻页逻辑的实现以及主窗体的调用。

实现效果如下：

思路：在自定义控件中放置两个Image控件，点击前后翻页按钮时对图片进行裁剪，随机打乱顺序后添加动作。

步骤：

1、MyImageControl控件

    /// <summary>
    /// MyImageControl.xaml 的交互逻辑
    /// </summary>
    public partial class MyImageControl : UserControl
    {
        public static readonly DependencyProperty ShowImageProperty = DependencyProperty.Register("ShowImage", typeof(BitmapImage), typeof(MyImageControl), new PropertyMetadata(null));
        public BitmapImage ShowImage
        {
            get { return (BitmapImage)GetValue(ShowImageProperty)

了解本专栏