WPF

salon wrote:

Both the icon and the filname should remain in one column.

salon wrote:

The image will get displayed as per the filename extension

Mark Salsbery
Microsoft MVP - Visual C++

<Grid x:Name="LayoutRoot" >
    <Canvas >
        <Rectangle Height="100" Width="100" Stroke="#FFFF0000" StrokeThickness="2" Fill="#00000000" Canvas.Top="42" Canvas.Left="44" MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" MouseMove="Rectangle_MouseMove" MouseLeftButtonUp="Rectangle_MouseLeftButtonUp" />
        <Rectangle Height="100" Width="100" Stroke="#FFFF0000" StrokeThickness="2" Fill="#00000000" Canvas.Top="97" Canvas.Left="109" MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" MouseMove="Rectangle_MouseMove" MouseLeftButtonUp="Rectangle_MouseLeftButtonUp" />
        <Rectangle Height="100" Width="100" Stroke="#FFFF0000" StrokeThickness="2" Fill="#00000000" Canvas.Top="145" Canvas.Left="169" MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" MouseMove="Rectangle_MouseMove" MouseLeftButtonUp="Rectangle_MouseLeftButtonUp" />
    </Canvas>
</Grid>

Point anchorPoint;
Point currentPoint;
bool isInDrag = false;

private void Rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    FrameworkElement anno = sender as FrameworkElement;
    anchorPoint = e.GetPosition(null);
    anno.CaptureMouse();
    isInDrag = true;
    e.Handled = true;
}

private void Rectangle_MouseMove(object sender, MouseEventArgs e)
{
    if (isInDrag)
    {
        FrameworkElement anno = sender as FrameworkElement;
        currentPoint = e.GetPosition(null);
        double x = System.Convert.ToDouble(anno.GetValue(Canvas.LeftProperty));
        double y = System.Convert.ToDouble(anno.GetValue(Canvas.TopProperty));
        anno.SetValue(Canvas.LeftProperty, x + currentPoint.X - anchorPoint.X);
        anno.SetValue(Canvas.TopProperty, y + currentPoint.Y - anchorPoint.Y);
        anchorPoint = currentPoint;
    }
}

private void Rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    if (isInDrag)
    {
        FrameworkElement anno = sender as FrameworkElement;
        anno.ReleaseMouseCapture();
        isInDrag = false;
        e.Handled = true;
    }
}

Mark Salsbery
Microsoft MVP - Visual C++

<Window
   x:Name="Window"
   x:Class="TriggerApplication.Window1"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Width="640"
   Height="183"
   Title="Window1">
   <Window.Resources>
      <Storyboard x:Key="OnClick1">
         <DoubleAnimationUsingKeyFrames
            BeginTime="00:00:00"
            Storyboard.TargetName="button1"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
            <SplineDoubleKeyFrame
               KeyTime="00:00:01"
               Value="326"/>
         </DoubleAnimationUsingKeyFrames>
         <DoubleAnimationUsingKeyFrames
            BeginTime="00:00:00"
            Storyboard.TargetName="button1"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame
               KeyTime="00:00:01"
               Value="19"/>
         </DoubleAnimationUsingKeyFrames>
         <ColorAnimationUsingKeyFrames
            BeginTime="00:00:00"
            Storyboard.TargetName="button1"
            Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
            <SplineColorKeyFrame
               KeyTime="00:00:01"
               Value="#FFB41212"/>
         </ColorAnimationUsingKeyFrames>
         <ColorAnimationUsingKeyFrames
            BeginTime="00:00:00"
            Storyboard.TargetName="button1"
            Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
            <SplineColorKeyFrame
               KeyTime="00:00:01"
               Value="#FFD57C7C"/>
         </ColorAnimationUsingKeyFrames>
      </Storyboard>
   </Window.Resources>
   <Window.Triggers>
      <EventTrigger
         RoutedEvent="ButtonBase.Click"
         SourceName="button">
         <BeginStoryboard Storyboard="{StaticResource OnClick1}"/>
      </EventTrigger>
   </Window.Triggers>
   <Grid x:Name="LayoutRoot">
      <Grid.RowDefinitions>
         <RowDefinition/>
         <RowDefinition/>
      </Grid.RowDefinitions>
      <Button
         x:Name="button"
         HorizontalAlignment="Left"
         VerticalAlignment="Top"
         Content="Button"/>
      <Button
         x:Name="button1"
         Grid.Row="1"
         HorizontalAlignment="Left"
         VerticalAlignment="Top"
         Click="button1_Click"
         Content="Button"
         RenderTransformOrigin="0.5,0.5">
         <Button.RenderTransform>
            <TransformGroup>
               <ScaleTransform
                  ScaleX="1"
                  ScaleY="1"/>
               <SkewTransform AngleX="0" AngleY="0"/>
               <RotateTransform Angle="0"/>
               <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
         </Button.RenderTransform>
      </Button>
   </Grid>
</Window>

Storyboard anim = TryFindResource("OnClick1") as Storyboard;
anim.Begin();