WPF Control and Window issue

Question

Hey all here is a noob question regarding WPF and controls.

 

I download the project called FluidKit which comes with a hand full of examples for 3D image effects and just image effects in general.

 

Problem I am having is that I just want 1 type of effect out of all of those but I am unsure how to go about making a new project and copy/paste the FluidKit code to my new project just for that needed effect. I am needing to be able to reproduce this a couple of times in my window and not just once as I currently have.

 

The code is for the following:

 

TransitionTester.xaml

 

Which within that has a few settings like:

 

Cube (Left to Right)

Cube (Right to Left)

Cube (Top to Bottom)

Cube (Bottom to Top)

Slide (Left to Right)

Slide (Right to Left)

Flip (Left to Right)

Flip (Right to Left)

 

This TransitionTester.xaml looks to be a UserControl.

 

So I create a new WPF project and now I have the following forms:

 

MainWindow.xaml

TransitionTester.xaml

 

and of course I replace a reference to the fluidkit.dll.

 

After copy/pasting the code from the fluidKit project to my new project I end up just having this error which is astonishing to me!

 

The error is:

MainWindow' does not contain a definition for 'SwitchImage' and no extension method 'SwitchImage' accepting a first argument of type 'MainWindow' could be found (are you missing a using directive or an assembly reference?)

The resource "SlideTransition" could not be resolved

"flipwindow.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:flipwindow"
            xmlns:Controls="clr-namespace:FluidKit.Controls;assembly=FluidKit"
            mc:Ignorable="d"
            Title="MainWindow" Height="350" Width="525">

            "_transContainer"
                                          MouseLeftButtonDown="SwitchImage"
                                          RestDuration="0:0:3"
                                          IsLooped="True"
                                          Transition="{StaticResource SlideTransition}">
                "_image1"
                       Source="Images/img1.png"
                       Stretch="Fill" />
                "_image2"
                       Source="Images/img2.png"
                       Stretch="Fill" />
                "_image3"
                       Source="Images/img3.png"
                       Stretch="Fill" />

And the code behind that page looks like this:

namespace flipwindow
    {
        ///
        /// Interaction logic for MainWindow.xaml
        ///
        public partial class MainWindow : Window
        {
            private string _backItem = "_image1";
            private string _frontItem = "_image2";

            public MainWindow()
            {
                InitializeComponent();
                Loaded += TransitionTester_Loaded;
                //PlayCube();
            }

            private void TransitionTester_Loaded(object sender, RoutedEventArgs e)
            {
                _transContainer.TransitionCompleted += _transContainer_TransitionCompleted;
            }

            private void _transContainer_TransitionCompleted(object sender, EventArgs e)
            {
                SwapFrontAndBack();
            }

            private void SwapFrontAndBack()
            {
                string temp = _frontItem;
                _frontItem = _backItem;
                _backItem = temp;
            }

            private void PlayCube()
            {
                CubeTransition transition = Resources["CubeTransition"] as CubeTransition;
                //transition.Rotation = Direction.LeftToRight;
                //transition.Rotation = Direction.RightToLeft;
                //transition.Rotation = Direction.TopToBottom;
                transition.Rotation = Direction.BottomToTop;

                _transContainer.Transition = transition;
                _transContainer.ApplyTransition(_frontItem, _backItem);
            }
        }
    }

Layout looks like this:

https://i.stack.imgur.com/wYPDb.png

 

And my MainWindow.xaml Design looks fine as well:

https://i.stack.imgur.com/xmsle.png

 

When comparing it with the original FluidKit window:

https://i.stack.imgur.com/iF9ku.png

 

So any help to help me fix this error would be great!

https://i.stack.imgur.com/LFtp5.png