boundingBox 造型

當用想要縮放 某個BoundingBox 時, 只要點選該 BoundingBox 的八個控制點後, 我們視覺上需要補強:

  1. 讓被點選的 BoundingBox 與其他Bounding Box 視覺上有差異

  2. 正在進行縮放時, 滑鼠游標樣式要變成 <移動> 的樣式

用戶在右上角拖拉控制點以縮放 BoundingBox 時, 滑鼠游標應該變更圖示 SizeBDiagCursor, 在 Qt 原始代碼如圖示.

如果需要在右下角縮放, 游標圖示就應改為 SizeFDiagCursor

有此需求, 我們設計了八個對應 handle 控制點, 同時也讓用戶可以設置控制點的大小與位置偏移.

採用兩個變化來凸顯用戶進行縮放動作:

  1. 八個控制點顏色改為黑色, 凸顯正在操作的 BoundingBox

  2. 游標改為雙箭頭作為縮放尺寸的意涵

以上圖的透過 PySide6 binding, 因為在右下角,我們引進 Qt.SizeFDiagCursor, 我們用 Dict handleCursors 來記錄與八個 handle 控制點關係.