这是一个图片显示控件,这个控件用到了蒙版,图片只显示一部分,用鼠标拖动图片,可以转换显示的部分。这个控件是用在做相片处理的软件中的。我实现了相处部分显示,和拖动,但是在控件拖动的方面还不好(控制不能露出后面的背景,但是在拖动快的时候还是控件不住,所以我只控制了宽的拖动,等找到好方法再一起控制高的方向的拖动)
拖动是用的RenderTransform属性
页面代码:
<UserControl x:Class="DesignerSL.Views.Gifts.MiniPhotoControl"
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:adorners="clr-namespace:Adorners"
mc:Ignorable="d"
d:DesignHeight="301" d:DesignWidth="222" Loaded="UserControl_Loaded">
<Grid x:Name="LayoutRoot" Background="White">
<Grid Name="gidPanel" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Grid.ColumnSpan="3" Grid.RowSpan="3" Margin="0" >
<Canvas x:Name="panelDisplay">
<Canvas.Clip>
<RectangleGeometry x:Name="RectangGeome" />
</Canvas.Clip>
<Image Name="imgPhoto" Height="auto" Width="auto" Canvas.ZIndex="0" MouseLeftButtonDown="imgPhoto_MouseLeftButtonDown" MouseLeftButtonUp="imgPhoto_MouseLeftButtonUp" MouseMove="imgPhoto_MouseMove">
<!--<Image.Clip>
&n