优化更新代码，添加界面功能并整合
This commit is contained in:
GG Z
415
WPFluent/Controls/ImageView/ImageView.cs
Normal file
415
WPFluent/Controls/ImageView/ImageView.cs
Normal file
@@ -0,0 +1,415 @@
|
||||
using System;
|
||||
using System.ComponentModel;
|
||||
using System.Diagnostics;
|
||||
using System.Runtime.CompilerServices;
|
||||
using System.Threading.Tasks;
|
||||
using System.Windows;
|
||||
using System.Windows.Controls;
|
||||
using System.Windows.Input;
|
||||
using System.Windows.Media;
|
||||
using System.Windows.Media.Animation;
|
||||
using System.Windows.Media.Imaging;
|
||||
using System.Windows.Threading;
|
||||
|
||||
namespace WPFluent.Controls;
|
||||
|
||||
public partial class ImageView : UserControl, INotifyPropertyChanged, IDisposable
|
||||
{
|
||||
private Visibility _backgroundVisibility = Visibility.Visible;
|
||||
private Point? _dragInitPos = null!;
|
||||
private Uri _imageSource = null!;
|
||||
private bool _isZoomFactorFirstSet = true;
|
||||
private DateTime _lastZoomTime = DateTime.MinValue;
|
||||
private double _maxZoomFactor = 3d;
|
||||
private Visibility _metaIconVisibility = Visibility.Collapsed;
|
||||
private double _minZoomFactor = 0.1d;
|
||||
private BitmapScalingMode _renderMode = BitmapScalingMode.Linear;
|
||||
private bool _showZoomLevelInfo = true;
|
||||
private BitmapSource _source = null!;
|
||||
private double _zoomFactor = 1d;
|
||||
|
||||
private bool _zoomToFit = true;
|
||||
private double _zoomToFitFactor;
|
||||
private bool _zoomWithControlKey;
|
||||
|
||||
public ImageView()
|
||||
{
|
||||
InitializeComponent();
|
||||
|
||||
Resources.MergedDictionaries.Clear();
|
||||
|
||||
SizeChanged += ImagePanel_SizeChanged;
|
||||
viewPanelImage.DoZoomToFit += (_, _) => DoZoomToFit();
|
||||
|
||||
viewPanel.PreviewMouseWheel += ViewPanel_PreviewMouseWheel;
|
||||
viewPanel.MouseLeftButtonDown += ViewPanel_MouseLeftButtonDown;
|
||||
viewPanel.MouseMove += ViewPanel_MouseMove;
|
||||
viewPanel.MouseDoubleClick += ViewPanel_MouseDoubleClick;
|
||||
|
||||
viewPanel.ManipulationInertiaStarting += ViewPanel_ManipulationInertiaStarting;
|
||||
viewPanel.ManipulationStarting += ViewPanel_ManipulationStarting;
|
||||
viewPanel.ManipulationDelta += ViewPanel_ManipulationDelta;
|
||||
}
|
||||
|
||||
public bool ZoomWithControlKey
|
||||
{
|
||||
get => _zoomWithControlKey;
|
||||
set
|
||||
{
|
||||
_zoomWithControlKey = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public bool ShowZoomLevelInfo
|
||||
{
|
||||
get => _showZoomLevelInfo;
|
||||
set
|
||||
{
|
||||
if (value == _showZoomLevelInfo) return;
|
||||
_showZoomLevelInfo = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public BitmapScalingMode RenderMode
|
||||
{
|
||||
get => _renderMode;
|
||||
set
|
||||
{
|
||||
_renderMode = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public bool ZoomToFit
|
||||
{
|
||||
get => _zoomToFit;
|
||||
set
|
||||
{
|
||||
_zoomToFit = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public Visibility MetaIconVisibility
|
||||
{
|
||||
get => _metaIconVisibility;
|
||||
set
|
||||
{
|
||||
_metaIconVisibility = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public Visibility BackgroundVisibility
|
||||
{
|
||||
get => _backgroundVisibility;
|
||||
set
|
||||
{
|
||||
_backgroundVisibility = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public double MinZoomFactor
|
||||
{
|
||||
get => _minZoomFactor;
|
||||
set
|
||||
{
|
||||
_minZoomFactor = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public double MaxZoomFactor
|
||||
{
|
||||
get => _maxZoomFactor;
|
||||
set
|
||||
{
|
||||
_maxZoomFactor = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public double ZoomToFitFactor
|
||||
{
|
||||
get => _zoomToFitFactor;
|
||||
private set
|
||||
{
|
||||
_zoomToFitFactor = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public double ZoomFactor
|
||||
{
|
||||
get => _zoomFactor;
|
||||
private set
|
||||
{
|
||||
_zoomFactor = value;
|
||||
OnPropertyChanged();
|
||||
|
||||
if (_isZoomFactorFirstSet)
|
||||
{
|
||||
_isZoomFactorFirstSet = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (ShowZoomLevelInfo)
|
||||
((Storyboard)zoomLevelInfo.FindResource("StoryboardShowZoomLevelInfo")).Begin();
|
||||
}
|
||||
}
|
||||
|
||||
public Uri ImageUriSource
|
||||
{
|
||||
get => _imageSource;
|
||||
set
|
||||
{
|
||||
_imageSource = value;
|
||||
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public BitmapSource Source
|
||||
{
|
||||
get => _source;
|
||||
set
|
||||
{
|
||||
_source = value;
|
||||
OnPropertyChanged();
|
||||
|
||||
if (ImageUriSource == null)
|
||||
viewPanelImage.Source = _source;
|
||||
}
|
||||
}
|
||||
|
||||
public void Dispose()
|
||||
{
|
||||
viewPanelImage?.Dispose();
|
||||
viewPanelImage = null;
|
||||
}
|
||||
|
||||
public event PropertyChangedEventHandler? PropertyChanged;
|
||||
|
||||
public event EventHandler<int>? ImageScrolled;
|
||||
|
||||
public event EventHandler? ZoomChanged;
|
||||
|
||||
private void ImagePanel_SizeChanged(object? sender, SizeChangedEventArgs e)
|
||||
{
|
||||
UpdateZoomToFitFactor();
|
||||
|
||||
if (ZoomToFit)
|
||||
DoZoomToFit();
|
||||
}
|
||||
|
||||
private void ViewPanel_ManipulationInertiaStarting(object? sender, ManipulationInertiaStartingEventArgs e)
|
||||
{
|
||||
e.TranslationBehavior = new InertiaTranslationBehavior
|
||||
{
|
||||
InitialVelocity = e.InitialVelocities.LinearVelocity,
|
||||
DesiredDeceleration = 10.0 * 96.0 / (1000.0 * 1000.0)
|
||||
};
|
||||
}
|
||||
|
||||
private void ViewPanel_ManipulationStarting(object? sender, ManipulationStartingEventArgs e)
|
||||
{
|
||||
e.ManipulationContainer = viewPanel;
|
||||
e.Mode = ManipulationModes.Scale | ManipulationModes.Translate;
|
||||
}
|
||||
|
||||
private void ViewPanel_ManipulationDelta(object? sender, ManipulationDeltaEventArgs e)
|
||||
{
|
||||
var delta = e.DeltaManipulation;
|
||||
|
||||
var newZoom = ZoomFactor + ZoomFactor * (delta.Scale.X - 1);
|
||||
|
||||
Zoom(newZoom);
|
||||
|
||||
viewPanel.ScrollToHorizontalOffset(viewPanel.HorizontalOffset - delta.Translation.X);
|
||||
viewPanel.ScrollToVerticalOffset(viewPanel.VerticalOffset - delta.Translation.Y);
|
||||
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void ViewPanel_MouseLeftButtonDown(object? sender, MouseButtonEventArgs e)
|
||||
{
|
||||
e.MouseDevice.Capture(viewPanel);
|
||||
|
||||
_dragInitPos = e.GetPosition(viewPanel);
|
||||
var temp = _dragInitPos.Value; // Point is a type value
|
||||
temp.Offset(viewPanel.HorizontalOffset, viewPanel.VerticalOffset);
|
||||
_dragInitPos = temp;
|
||||
}
|
||||
|
||||
private void ViewPanel_MouseDoubleClick(object? sender, MouseButtonEventArgs e)
|
||||
{
|
||||
DoZoomToFit();
|
||||
}
|
||||
|
||||
private void ViewPanel_MouseMove(object? sender, MouseEventArgs e)
|
||||
{
|
||||
if (!_dragInitPos.HasValue)
|
||||
return;
|
||||
|
||||
if (e.LeftButton == MouseButtonState.Released)
|
||||
{
|
||||
e.MouseDevice.Capture(null);
|
||||
|
||||
_dragInitPos = null;
|
||||
return;
|
||||
}
|
||||
|
||||
e.Handled = true;
|
||||
|
||||
var delta = _dragInitPos.Value - e.GetPosition(viewPanel);
|
||||
|
||||
viewPanel.ScrollToHorizontalOffset(delta.X);
|
||||
viewPanel.ScrollToVerticalOffset(delta.Y);
|
||||
}
|
||||
|
||||
private void ViewPanel_PreviewMouseWheel(object? sender, MouseWheelEventArgs e)
|
||||
{
|
||||
e.Handled = true;
|
||||
|
||||
// normal scroll when Control is not pressed, useful for PdfViewer
|
||||
if (ZoomWithControlKey && (Keyboard.Modifiers & ModifierKeys.Control) == 0)
|
||||
{
|
||||
viewPanel.ScrollToVerticalOffset(viewPanel.VerticalOffset - e.Delta);
|
||||
ImageScrolled?.Invoke(this, e.Delta);
|
||||
return;
|
||||
}
|
||||
|
||||
// otherwise, perform normal zooming
|
||||
var newZoom = ZoomFactor + ZoomFactor * e.Delta / 120 * 0.1;
|
||||
|
||||
Zoom(newZoom);
|
||||
}
|
||||
|
||||
public Size GetScrollSize()
|
||||
{
|
||||
return new Size(viewPanel.ScrollableWidth, viewPanel.ScrollableHeight);
|
||||
}
|
||||
|
||||
public Point GetScrollPosition()
|
||||
{
|
||||
return new Point(viewPanel.HorizontalOffset, viewPanel.VerticalOffset);
|
||||
}
|
||||
|
||||
public void SetScrollPosition(Point point)
|
||||
{
|
||||
viewPanel.ScrollToHorizontalOffset(point.X);
|
||||
viewPanel.ScrollToVerticalOffset(point.Y);
|
||||
}
|
||||
|
||||
public void DoZoomToFit()
|
||||
{
|
||||
UpdateZoomToFitFactor();
|
||||
|
||||
Zoom(ZoomToFitFactor, false, true);
|
||||
}
|
||||
|
||||
private void UpdateZoomToFitFactor()
|
||||
{
|
||||
if (viewPanelImage?.Source == null)
|
||||
{
|
||||
ZoomToFitFactor = 1d;
|
||||
return;
|
||||
}
|
||||
|
||||
var factor = Math.Min(viewPanel.ActualWidth / viewPanelImage.Source.Width,
|
||||
viewPanel.ActualHeight / viewPanelImage.Source.Height);
|
||||
|
||||
ZoomToFitFactor = factor;
|
||||
}
|
||||
|
||||
public void ResetZoom()
|
||||
{
|
||||
ZoomToFitFactor = 1;
|
||||
Zoom(1d, true, ZoomToFit);
|
||||
}
|
||||
|
||||
public void Zoom(double factor, bool suppressEvent = false, bool isToFit = false)
|
||||
{
|
||||
if (viewPanelImage?.Source == null)
|
||||
return;
|
||||
|
||||
// pause when fit width
|
||||
if (ZoomFactor < ZoomToFitFactor && factor > ZoomToFitFactor
|
||||
|| ZoomFactor > ZoomToFitFactor && factor < ZoomToFitFactor)
|
||||
{
|
||||
factor = ZoomToFitFactor;
|
||||
ZoomToFit = true;
|
||||
}
|
||||
// pause when 100%
|
||||
else if (ZoomFactor < 1 && factor > 1 || ZoomFactor > 1 && factor < 1)
|
||||
{
|
||||
factor = 1;
|
||||
ZoomToFit = false;
|
||||
}
|
||||
else
|
||||
{
|
||||
if (!isToFit)
|
||||
ZoomToFit = false;
|
||||
}
|
||||
|
||||
factor = Math.Max(factor, MinZoomFactor);
|
||||
factor = Math.Min(factor, MaxZoomFactor);
|
||||
|
||||
ZoomFactor = factor;
|
||||
|
||||
var position = ZoomToFit
|
||||
? new Point(viewPanelImage.Source.Width / 2, viewPanelImage.Source.Height / 2)
|
||||
: Mouse.GetPosition(viewPanelImage);
|
||||
|
||||
viewPanelImage.LayoutTransform = new ScaleTransform(factor, factor);
|
||||
|
||||
viewPanel.InvalidateMeasure();
|
||||
|
||||
// critical for calculating offset
|
||||
viewPanel.ScrollToHorizontalOffset(0);
|
||||
viewPanel.ScrollToVerticalOffset(0);
|
||||
UpdateLayout();
|
||||
|
||||
var offset = viewPanelImage.TranslatePoint(position, viewPanel) - Mouse.GetPosition(viewPanel);
|
||||
viewPanel.ScrollToHorizontalOffset(offset.X);
|
||||
viewPanel.ScrollToVerticalOffset(offset.Y);
|
||||
UpdateLayout();
|
||||
|
||||
if (!suppressEvent)
|
||||
FireZoomChangedEvent();
|
||||
}
|
||||
|
||||
private void FireZoomChangedEvent()
|
||||
{
|
||||
_lastZoomTime = DateTime.Now;
|
||||
|
||||
Task.Delay(500).ContinueWith(t =>
|
||||
{
|
||||
if (DateTime.Now - _lastZoomTime < TimeSpan.FromSeconds(0.5))
|
||||
return;
|
||||
|
||||
Debug.WriteLine($"FireZoomChangedEvent fired: {Environment.CurrentManagedThreadId}");
|
||||
|
||||
Dispatcher.BeginInvoke(new Action(() => ZoomChanged?.Invoke(this, new EventArgs())),
|
||||
DispatcherPriority.Background);
|
||||
});
|
||||
}
|
||||
|
||||
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null!)
|
||||
{
|
||||
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
|
||||
}
|
||||
|
||||
public void ScrollToTop()
|
||||
{
|
||||
viewPanel.ScrollToTop();
|
||||
}
|
||||
|
||||
public void ScrollToBottom()
|
||||
{
|
||||
viewPanel.ScrollToBottom();
|
||||
}
|
||||
}
|
||||
64
WPFluent/Controls/ImageView/ImageView.xaml
Normal file
64
WPFluent/Controls/ImageView/ImageView.xaml
Normal file
@@ -0,0 +1,64 @@
|
||||
<UserControl
|
||||
x:Class="WPFluent.Controls.ImageView"
|
||||
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:local="clr-namespace:WPFluent.Controls"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
x:Name="imagePanel"
|
||||
d:DesignHeight="300"
|
||||
d:DesignWidth="300"
|
||||
mc:Ignorable="d">
|
||||
<Grid>
|
||||
<Rectangle RenderOptions.BitmapScalingMode="NearestNeighbor" Visibility="{Binding BackgroundVisibility, ElementName=imagePanel}">
|
||||
<Rectangle.Fill>
|
||||
<ImageBrush
|
||||
AlignmentY="Top"
|
||||
ImageSource="{DynamicResource ImageViewerBackground}"
|
||||
RenderOptions.BitmapScalingMode="NearestNeighbor"
|
||||
Stretch="UniformToFill"
|
||||
TileMode="Tile"
|
||||
Viewport="0,0,32,32"
|
||||
ViewportUnits="Absolute" />
|
||||
</Rectangle.Fill>
|
||||
</Rectangle>
|
||||
<ScrollViewer
|
||||
x:Name="viewPanel"
|
||||
BorderThickness="0"
|
||||
Focusable="False"
|
||||
HorizontalScrollBarVisibility="Auto"
|
||||
IsManipulationEnabled="True"
|
||||
VerticalScrollBarVisibility="Auto">
|
||||
<local:AnimatedImage
|
||||
x:Name="viewPanelImage"
|
||||
AnimationUri="{Binding ImageUriSource, ElementName=imagePanel}"
|
||||
RenderOptions.BitmapScalingMode="{Binding RenderMode, ElementName=imagePanel}"
|
||||
Stretch="None" />
|
||||
</ScrollViewer>
|
||||
<Border
|
||||
x:Name="zoomLevelInfo"
|
||||
Padding="15,4,15,4"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Background="Gray"
|
||||
CornerRadius="5"
|
||||
IsHitTestVisible="False"
|
||||
Opacity="0">
|
||||
<TextBlock
|
||||
FontSize="18"
|
||||
Foreground="White"
|
||||
Text="{Binding ElementName=imagePanel, Path=ZoomFactor, StringFormat={}{0:P0}}" />
|
||||
<Border.Resources>
|
||||
<Storyboard x:Key="StoryboardShowZoomLevelInfo">
|
||||
<DoubleAnimationUsingKeyFrames Storyboard.Target="{Binding Source={x:Reference zoomLevelInfo}}" Storyboard.TargetProperty="Opacity">
|
||||
<DoubleAnimationUsingKeyFrames.KeyFrames>
|
||||
<LinearDoubleKeyFrame KeyTime="0:0:0.1" Value="0.9" />
|
||||
<LinearDoubleKeyFrame KeyTime="0:0:0.6" Value="0.9" />
|
||||
<LinearDoubleKeyFrame KeyTime="0:0:0.8" Value="0" />
|
||||
</DoubleAnimationUsingKeyFrames.KeyFrames>
|
||||
</DoubleAnimationUsingKeyFrames>
|
||||
</Storyboard>
|
||||
</Border.Resources>
|
||||
</Border>
|
||||
</Grid>
|
||||
</UserControl>
|
||||
Reference in New Issue
Block a user