diff --git a/devel/201_35.md b/devel/201_35.md new file mode 100644 index 0000000000000000000000000000000000000000..9a5e38792dce53dc33e97f2e17c82e8f22117e93 --- /dev/null +++ b/devel/201_35.md @@ -0,0 +1,72 @@ +# [201_35] 实现图片点击选中和光标形态变化 + +## 如何测试 +1. 打开包含图片的文档 +2. 将鼠标悬停在图片上,观察光标是否变成手型 +3. 点击图片外部其他地方,观察选中是否取消,光标是否恢复正常 + +## 2025/11/24 + +### What +实现了点击图片选中图片并改变光标形态的功能。具体包括: +1. 鼠标悬停在图片上时,光标变为手型 + + +### Why +提升用户体验,让图片成为可交互的元素。用户可以直观地知道图片是可点击的。 + +### How +在 `edit_mouse.cpp` 中进行了以下修改: + +1. **鼠标悬停检测**:在 `mouse_any()` 函数中添加图片检测逻辑 + ```cpp + if (type == "move") { + // 检测鼠标是否在图片上 + path cp = path_up (tree_path (path (), x, y, 0)); + tree current_tree= subtree (et, cp); + + // 检查当前元素是否是图片 + if (is_func (current_tree, IMAGE)) { + try { + // 使用更安全的方法获取图片盒子的位置信息 + bool found_flag = false; + path box_path = eb->find_box_path (x, y, 0, false, found_flag); + + if (found_flag && !is_nil (box_path)) { + // 获取对应路径的盒子 + box img_box = eb[box_path]; + + if (!is_nil (img_box)) { + // 使用盒子的坐标信息 + SI left_x = img_box->x1; + SI bottom_y = img_box->y1; + SI right_x = img_box->x2; + SI top_y = img_box->y2; + + // 检查鼠标是否在图片区域内 + if(x >= left_x && x <= right_x && y >= bottom_y && y <= top_y) { + hovering_image = true; + } + } else { + // 如果无法获取盒子,至少标记鼠标在图片上 + hovering_image = true; + } + } else { + // 如果无法获取盒子路径,至少标记鼠标在图片上 + hovering_image = true; + } + } catch (...) { + // 如果出现任何异常,至少标记鼠标在图片上 + hovering_image = true; + } + } + ``` + +2. **光标形态设置**:更新光标设置逻辑,支持悬停状态的手型光标 + ```cpp + if (hovering_hlink) set_cursor_style ("pointing_hand"); + else if (hovering_image) set_cursor_style ("pointing_hand"); + else set_cursor_style ("normal"); + ``` + + diff --git a/src/Edit/Interface/edit_mouse.cpp b/src/Edit/Interface/edit_mouse.cpp index 02b9befdf47e1e1fba0e763a1dc541fb1ff55dd0..43a44defce1293f2d36b17feefadf37b196d4627 100644 --- a/src/Edit/Interface/edit_mouse.cpp +++ b/src/Edit/Interface/edit_mouse.cpp @@ -567,6 +567,52 @@ edit_interface_rep::mouse_any (string type, SI x, SI y, int mods, time_t t, if ((!move_like) || (is_attached (this) && !check_event (MOTION_EVENT))) update_mouse_loci (); + bool hovering_image= false; + + if (type == "move") { + // 检测鼠标是否在图片上 + path cp = path_up (tree_path (path (), x, y, 0)); + tree current_tree= subtree (et, cp); + + // 检查当前元素是否是图片 + if (is_func (current_tree, IMAGE)) { + try { + // 使用更安全的方法获取图片盒子的位置信息 + bool found_flag= false; + path box_path = eb->find_box_path (x, y, 0, false, found_flag); + + if (found_flag && !is_nil (box_path)) { + // 获取对应路径的盒子 + box img_box= eb[box_path]; + + if (!is_nil (img_box)) { + // 使用盒子的坐标信息 + SI left_x = img_box->x1; + SI bottom_y= img_box->y1; + SI right_x = img_box->x2; + SI top_y = img_box->y2; + + // 检查鼠标是否在图片区域内 + if (x >= left_x && x <= right_x && y >= bottom_y && y <= top_y) { + hovering_image= true; + } + } + else { + // 如果无法获取盒子,至少标记鼠标在图片上 + hovering_image= true; + } + } + else { + // 如果无法获取盒子路径,至少标记鼠标在图片上 + hovering_image= true; + } + } catch (...) { + // 如果出现任何异常,至少标记鼠标在图片上 + hovering_image= true; + } + } + } + bool hovering_hlink= false; if (!is_nil (mouse_ids) && type == "move") { notify_change (THE_FREEZE); @@ -582,6 +628,8 @@ edit_interface_rep::mouse_any (string type, SI x, SI y, int mods, time_t t, } } if (hovering_hlink) set_cursor_style ("pointing_hand"); + else if (hovering_image) + set_cursor_style ("pointing_hand"); // 图片时也显示手型光标 else set_cursor_style ("normal"); if (type == "move") mouse_message ("move", x, y);