WPF - 20 minutes of work:
Xaml:
<Window x:Class="WpfApplicationRollerImage.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<StackPanel x:Name="Roller" HorizontalAlignment="Left" Height="281" Margin="175,19,0,0" VerticalAlignment="Top" Width="125">
<StackPanel.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="Black" Offset="0"/>
<GradientStop Color="White" Offset="1"/>
</LinearGradientBrush>
</StackPanel.Background>
</StackPanel>
<Button Content="Roll!" HorizontalAlignment="Left" Margin="377,278,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
</Grid>
</Window>
Code behind:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfApplicationRollerImage
{
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
int indexToPaint = 0;
private void Button_Click(object sender, RoutedEventArgs e)
{
if(Roller.Children.Count > 2)
{
Roller.Children.RemoveAt(0);
}
Image nextImage = new Image();
switch (indexToPaint)
{
case 0:
nextImage.Source = new BitmapImage( new Uri(@"D:\Xlam\WpfApplicationRollerImage\NumOnePicture.bmp"));
break;
case 1:
nextImage.Source = new BitmapImage( new Uri(@"D:\Xlam\WpfApplicationRollerImage\NumTwoPicture.bmp"));
break;
case 2:
nextImage.Source = new BitmapImage( new Uri(@"D:\Xlam\WpfApplicationRollerImage\NumThreePicture.bmp"));
break;
case 3:
nextImage.Source = new BitmapImage( new Uri(@"D:\Xlam\WpfApplicationRollerImage\NumOnePicture.bmp"));
indexToPaint = 0;
break;
}
indexToPaint++;
this.Roller.Children.Add(nextImage);
}
}
}
Add your pictures, and any logic of pictures roll, think about adding behavior (slow mouton before disappearing)... :-)