WPF 在image控制項用滑鼠拖拽出矩形

做出來的效果先請大家看一下

最簡單的方法是在 down 的時候記錄按下的點，在 移動的時候重新計算所在的寬度

先在介面使用乙個和乙個矩形

<

grid x:name=
"grid"
>
<
image source=
"tim截圖20180811150831.png"
>
<
/image>
<
textblock horizontalalignment=
"center" verticalalignment=
"center"
<
/textblock>
<
rectangle x:name=
"rectangle" strokethickness=
"2" stroke=
"black" horizontalalignment=
"left" verticalalignment=
"top"
>
<
/rectangle>
<
/grid>

這裡的rectangle需要做一些設定，主要horizontalalignment和verticalalignment必須設定為左上角

現在開啟 cs **，在按下和移動修改矩形

mousedown +

= mainwindow_mousedown;
mousemove +
= mainwindow_mousemove;
mouseup +
= mainwindow_mouseup;

剛才給grid的命名就是為了拿到相對 grid 的座標

private

void
mainwindow_mousedown
(object sender,
mousebuttoneventargs e)
private
bool _started;
private
point _downpoint;

private

void
mainwindow_mouseup
(object sender,
mousebuttoneventargs e)
private
void
mainwindow_mousemove
(object sender,
mouseeventargs e)
}

如果對於高手，我建議使用rendertransform的方式而不是使用margin這裡使用這個方法只是看起來簡單

因為效能最差 canvas.setleft canvas.settop，效能中等 margin，效能最好 rendertransform 當然使用 rendertransform 的方法沒有使用 margin 那樣容易了解

WPF 在image控制項用滑鼠拖拽出矩形

原文 wpf 在image控制項用滑鼠拖拽出矩形 今天有小夥伴問我乙個問題，在image控制項用滑鼠拖拽出矩形，本文告訴大家如何使用滑鼠畫出矩形 做出來的效果先請大家看一下 最簡單的方法是在 down 的時候記錄按下的點，在 移動的時候重新計算所在的寬度 先在介面使用乙個和乙個矩形 grid x n...

WPF 在image控制項用滑鼠拖拽出矩形

做出來的效果先請大家看一下 最簡單的方法是在 down 的時候記錄按下的點，在 移動的時候重新計算所在的寬度 先在介面使用乙個和乙個矩形 grid x name grid image source tim截圖20180811150831.png image textblock horizontala...

用WPF做報表控制項（一）

datagrid是wpf自帶的報表控制項，但其功能簡單，很多時候無法滿足我們的需求。第三方庫 如devexpress 報表功能強大，但一方面資源消耗比較多，另一方面效能也較差，在一些比較差的電腦上執行很吃力。我之前就嘗試過在工控機上使用devexpress，每次啟動都需要等幾秒甚至十幾秒半分鐘，體驗...