1.任意角度旋轉
在XAML設計器中,設置RotateTransform屬性
<InkCanvas x:Name="ToolInkCanvas" UseCustomCursor="True" ClipToBounds="False" MinHeight="50" MinWidth="50" EditingMode="None" Background="{x:Null}" Margin="1" > <InkCanvas.RenderTransform> <TransformGroup> <RotateTransform/> <ScaleTransform/> </TransformGroup> </InkCanvas.RenderTransform> </InkCanvas>
根據鼠標按下時的位置和圖片中心位置,利用WPF中Vector類計算向量夾角,得到角度,再設置元素的RotateTransform旋轉屬性變換。
/// <summary> /// 圖像旋轉 /// </summary> /// <param name="mouseVal">差值</param> /// <param name="type">鼠標類型</param> /// <param name="X">平移X軸距離</param> /// <param name="startX">X軸起始位置</param> /// <param name="Y">平移Y軸距離</param> /// <param name="startY">Y軸起始位置</param> /// <param name="isAction">是主動發起還是關聯操作時被動調用</param> private void RotateImage(double mouseVal, string type, double X, double startX, double Y, double startY, bool isAction = true) { double angle = 0; if (type != "wheel") { Vector curVector = new Vector(X - ToolInkCanvas.ActualWidth / 2, Y - ToolInkCanvas.ActualHeight / 2); double ang = Vector.AngleBetween(downVector, curVector); angle = SetRotateTrans(ToolInkCanvas, ang, true); ImgAngle = angle; downVector = curVector; } else { if (mouseVal > 0) { angle = SetRotateTrans(ToolInkCanvas, 2, true); } else { angle = SetRotateTrans(ToolInkCanvas, -2, true); } ImgAngle = angle; } if (isAction && PubVal.IsStack) { for (int i = 0; i < Cell.MedicalView.SelectedBoxList.Count; i++) { var box = Cell.MedicalView.SelectedBoxList[i]; if (box != this) { box.RotateImage(mouseVal, type, X, startX, Y, startY, false); } } } //旋轉所有box for (int i = 0; i < Cell.BoxList.Count; i++) { if (Cell.BoxList[i] != this && (Cell.BoxList[i].ImageAlign == ImageAlignment.Center || Cell.BoxList[i].ImageAlign == ImageAlignment.Parent)) { Cell.BoxList[i].RotateImage(angle); } } Main.ToolBar.CheckAllText(this); }
看效果:
2.鏡像翻轉
在上一篇(影像的平移和縮放)文中提到的ScaleTransform屬性中,
同樣還是先獲取變換對象
ScaleTransform st = tgnew.Children[index] as ScaleTransform;
當 st.ScaleX的值為-1時則水平翻轉,
當 st.ScaleY的值為-1時則垂直翻轉
/// <summary> /// 設置元素比例 /// </summary> /// <param name="ui">元素</param> /// <param name="scaleX">x比例</param> /// <param name="scaleY">y比例</param> /// <param name="isAppend">是否為追加比例</param> /// <param name="index">變換屬性的下標</param> public ScaleTransform SetScaleTrans(UIElement ui, double scaleX, double scaleY, bool isAppend, int index = 0) { TransformGroup tg = ui.RenderTransform as TransformGroup; var tgnew = tg.CloneCurrentValue(); if (tgnew != null) { ui.RenderTransformOrigin = new Point(0.5, 0.5); ScaleTransform st = tgnew.Children[index] as ScaleTransform; if (isAppend) { st.ScaleX *= scaleX; st.ScaleY *= scaleY; } else { st.ScaleX = scaleX; st.ScaleY = scaleY; } ui.RenderTransform = tgnew; return st; } return null; }
調用翻轉:
/// <summary> /// 圖像翻轉 /// </summary> /// <param name="type">翻轉類型</param> public void FlipImage(FlipType type) { if (type == FlipType.Horizontal) { var st = SetScaleTrans(ToolInkCanvas, -1, 1, true, 1); } else { var st = SetScaleTrans(ToolInkCanvas, 1, -1, true, 1); } UpDateTag(); }
看效果:
3.復合操作與標記文字角度自適應
在2D操作過程中,除了會同時做平移、縮放和旋轉之外,圖像上通常有測量標記,當影像發生2D變化時,需要將測量文字自適應角度回正,與旋轉方向相反。
/// <summary> /// 重新設置文本大小和旋轉角度 /// <param name="txt">文本控件</param> /// </summary> public void ReSetMeasureSize(TextBlock txt) { if (cvsWidth < cvsHeight) { txt.FontSize = (cvsWidth / w_num); } else { txt.FontSize = (cvsHeight / h_num); } if (txt.RenderTransform.Dispatcher == null) { TransformGroup tf = new TransformGroup(); tf.Children.Add(new RotateTransform()); tf.Children.Add(new ScaleTransform()); txt.RenderTransform = tf; } TransformGroup cvsTf = inkCanvas.RenderTransform as TransformGroup; var cvsTg = cvsTf.CloneCurrentValue(); RotateTransform rtf = cvsTg.Children[0] as RotateTransform; //設置翻轉 ScaleTransform stf = cvsTg.Children[1] as ScaleTransform; TransformGroup tfg = txt.RenderTransform as TransformGroup; var tfgnew = tfg.CloneCurrentValue(); if (tfgnew != null) { ScaleTransform st = tfgnew.Children[1] as ScaleTransform; if (stf.ScaleX * st.ScaleX < 0) { st.ScaleX *= -1; } if (stf.ScaleY * st.ScaleY < 0) { st.ScaleY *= -1; } txt.RenderTransform = tfgnew; } //設置旋轉 TransformGroup tg = txt.RenderTransform as TransformGroup; var tgnew = tg.CloneCurrentValue(); if (tgnew != null) { txt.RenderTransformOrigin = new Point(0, 0); RotateTransform rt = tgnew.Children[0] as RotateTransform; if (rtf.Angle != rt.Angle) { rt.Angle = -1 * rtf.Angle; } ScaleTransform st = tfgnew.Children[1] as ScaleTransform; if (((st.ScaleX < 0 && st.ScaleY > 0) || (st.ScaleY < 0 && st.ScaleX > 0)) && ((rt.Angle > 0 && rtf.Angle <= 0) || (rt.Angle < 0 && rtf.Angle >= 0))) { rt.Angle *= -1; } else if (st.ScaleY > 0 && st.ScaleX > 0 && ((rt.Angle < 0 && rtf.Angle < 0)||(rt.Angle >= 0 && rtf.Angle >= 0))) { rt.Angle *= -1; } else if (st.ScaleY < 0 && st.ScaleX < 0 && ((rt.Angle < 0 && rtf.Angle < 0) || (rt.Angle >= 0 && rtf.Angle >= 0))) { rt.Angle *= -1; } txt.RenderTransform = tgnew; } }
看效果: