<Window x:Class="WpfApp136.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:WpfApp136" MouseDown="img_MouseDown"
MouseUp="img_MouseUp" MouseMove="img_MouseMove"
mc:Ignorable="d" WindowState="Maximized"
Title="MainWindow" Height="450" Width="800">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<ListBox x:Name="lbx" Grid.Column="0" SelectionChanged="lbx_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<Image Source="{Binding Content,RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
Width="200" Height="500" RenderOptions.BitmapScalingMode="LowQuality" />
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<Image Grid.Column="1" x:Name="img" ClipToBounds="True"
Source="{Binding SelectedItem,ElementName=lbx,Mode=TwoWay}"
RenderOptions.BitmapScalingMode="HighQuality" RenderOptions.EdgeMode="Aliased"
MouseDown="img_MouseDown"
MouseMove="img_MouseMove" MouseUp="img_MouseUp">
<Image.RenderTransform>
<TranslateTransform x:Name="translater"/>
</Image.RenderTransform>
</Image>
</Grid>
</Window>
//
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;
using System.IO;
namespace WpfApp136
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
this.Loaded += MainWindow_Loaded;
}
private void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
var files = Directory.GetFiles(@"..\..\Images");
lbx.ItemsSource = files;
}
Point prePoint { get; set; }
bool isMoving { get; set; } = false;
private void img_MouseDown(object sender, MouseButtonEventArgs e)
{
prePoint = e.GetPosition(this);
}
private void img_MouseMove(object sender, MouseEventArgs e)
{
isMoving = true;
}
private void img_MouseUp(object sender, MouseButtonEventArgs e)
{
if(isMoving && e.ChangedButton== MouseButton.Left && e.ButtonState==MouseButtonState.Released)
{
Point pt = e.GetPosition(this);
translater.X += pt.X - prePoint.X;
translater.Y += pt.Y - prePoint.Y;
isMoving = false;
}
}
private void lbx_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
translater.X = 0;
translater.Y=0;
}
}
}
![]()
![]()
![]()