//xaml <Window x:Class="WpfApp187.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:behavior="http://schemas.microsoft.com/xaml/behaviors" xmlns:local="clr-namespace:WpfApp187" mc:Ignorable="d" WindowState="Maximized" Title="" Height="450" Width="800"> <Grid Background="Transparent"> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition Height="100"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="200"/> <ColumnDefinition/> </Grid.ColumnDefinitions> <ListBox x:Name="lbx" Grid.Row="0" Grid.Column="0" SelectedIndex="0" SelectionChanged="lbx_SelectionChanged" ItemsSource="{Binding ImgsList,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"> <ListBox.ItemTemplate> <DataTemplate> <Image Source="{Binding Content,RelativeSource={RelativeSource AncestorType=ListBoxItem}}" Width="200" Height="500"/> </DataTemplate> </ListBox.ItemTemplate> </ListBox> <Image x:Name="img" Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Source="{Binding SelectedItem,ElementName=lbx}" ClipToBounds="True" MouseDown="img_MouseDown" MouseMove="Img_MouseMove" MouseUp="Img_MouseUp" MouseWheel="Img_MouseWheel"> <Image.RenderTransform> <TransformGroup> <ScaleTransform x:Name="scaler"/> <TranslateTransform x:Name="translater"/> </TransformGroup> </Image.RenderTransform> </Image> <DataGrid x:Name="dg" Grid.Row="1" Grid.Column="0" ItemsSource="{Binding BooksList,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" /> </Grid> </Window> //cs using System; using System.Collections.Generic; using System.ComponentModel; 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 WpfApp187 { /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : Window, INotifyPropertyChanged { public MainWindow() { InitializeComponent(); var vm = new VM(); this.DataContext = vm; } private void MainWindow_Loaded(object sender, RoutedEventArgs e) { } public event PropertyChangedEventHandler PropertyChanged; public void OnPropertyChanged(string propName) { var handler = PropertyChanged; if (handler != null) { handler?.Invoke(this, new PropertyChangedEventArgs(propName)); } } private Point currentPt { get; set; } bool isMoving = false; private void img_MouseDown(object sender, MouseButtonEventArgs e) { currentPt = e.GetPosition(img); } private void Img_MouseMove(object sender, MouseEventArgs e) { isMoving = true; } private void Img_MouseUp(object sender, MouseButtonEventArgs e) { if (e.ButtonState == MouseButtonState.Released && e.ChangedButton == MouseButton.Left && isMoving) { Point newPt = e.GetPosition(img); translater.X += scaler.ScaleX * (newPt.X - currentPt.X); translater.Y += scaler.ScaleY * (newPt.Y - currentPt.Y); isMoving = false; } } private void Img_MouseWheel(object sender, MouseWheelEventArgs e) { if (e.Delta > 0) { scaler.ScaleX *= 1.2; scaler.ScaleY *= 1.2; } else { scaler.ScaleX /= 1.2; scaler.ScaleY /= 1.2; } scaler.CenterX = e.GetPosition(img).X; scaler.CenterY = e.GetPosition(img).Y; } private void lbx_SelectionChanged(object sender, SelectionChangedEventArgs e) { scaler.ScaleX = 1.0; scaler.ScaleY = 1.0; scaler.CenterX = 0; scaler.CenterY = 0; translater.X = 0; translater.Y = 0; this.Title = lbx.SelectedItem.ToString(); } } public class Book { public int Id { get; set; } public string ImgUrl { get; set; } } public class DelCmd : ICommand { private Action<object> _execute; private Predicate<object> _canExecute; public event EventHandler CanExecuteChanged { add { CommandManager.RequerySuggested += value; } remove { CommandManager.RequerySuggested -= value; } } public DelCmd(Action<object> executeValue, Predicate<object> canExecute) { _execute = executeValue; _canExecute = canExecute; } public DelCmd(Action<object> executeValue) : this(executeValue, null) { } public bool CanExecute(object parameter) { if (_canExecute == null) { return true; } return _canExecute(parameter); } public void Execute(object parameter) { _execute(parameter); } } public class VM : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; public void OnPropertyChanged(string propName) { var handler = PropertyChanged; if (handler != null) { handler?.Invoke(this, new PropertyChangedEventArgs(propName)); } } private List<Book> booksList; public List<Book> BooksList { get { return booksList; } set { if (booksList != value) { booksList = value; OnPropertyChanged(nameof(BooksList)); } } } private List<string> imgsList; public List<string> ImgsList { get { return imgsList; } set { if (value != imgsList) { imgsList = value; OnPropertyChanged(nameof(ImgsList)); } } } public VM() { BooksList = new List<Book>(); var imgs = System.IO.Directory.GetFiles(@"..\..\Images"); if (imgs != null && imgs.Any()) { BooksList = new List<Book>(); int len = imgs.Count(); for (int i = 0; i < len; i++) { BooksList.Add(new Book() { Id = i + 1, ImgUrl = imgs[i] }); } ImgsList = new List<string>(BooksList.Select(x => x.ImgUrl)); } } } }