缩放
RadImageEditor提供开箱即用的缩放功能。
按住鼠标可以放大打开的图像Ctrl旋转鼠标滚轮的滑块和下拉菜单ZoomController由RadImageEditorUI.
图1:默认缩放功能
禁用鼠标滚轮缩放
若要禁用使用鼠标滚轮缩放,您可以设置AllowMouseWheelScaling财产假如在示例1.
例1:设置AllowMouseWheelScaling属性
缩放到鼠标光标
从…中可以看出图1,默认的缩放机制不考虑鼠标光标的位置。
截至版本2018.2.716, RadImageEditor和RadImageEditorUI控件都暴露了一个ZoomToCursor财产。通过将此属性设置为真正的,拿着Ctrl旋转鼠标滚轮将向鼠标光标的位置缩放。其结果可以在图2.
图2:缩放到鼠标光标
缩放以编程方式
RadImageEditor API允许您通过ScaleFactor财产。
允许的最小比例因子为0,这是默认值。设置ScaleFactor为0自动定量图像。你也可以通过调用RadImageEditor来做到这一点AutoScaleImage方法。
的值为1意味着图像不被放大,而是使用其原始大小。一个值小于1,缩小图像。一个值大于1,放大图像。
例2:设置ScaleFactor放大图像
要侦听缩放级别的变化,请使用ScaleFactorChanged事件RadImageEditor。
例3:订阅ScaleFactorChanged事件
例4:定义ScaleFactorChanged事件处理程序
私有void RadImageEditor_ScaleFactorChanged(对象发送器,EventArgs e) {}
使用缩放控制器
的RadImageEditorUIControl有一个内置的缩放控制器(一个滑块)元素,允许您放大和缩小。滑块显示在图1.
单独使用控件RadImageEditor,可以定义ZoomController元素,并设置其ImageEditor控制。
例5:使用ZoomController
<网格> <网格。RowDefinitions> < ImageEditor:ZoomController ImageEditor="{Binding ElementName=ImageEditor}"Row="1" />