元件函数：图片外框移动

元件准备

包含命名
矩形（用于三角形指针）PointerShape
矩形（用于可移动边框）BorderShape
图片（用于显示商品图片）BigImage

思路分析
①鼠标进入任何一个商品图标时，设置商品图片与商品图标相同（见操作步骤01和04）。
②鼠标进入任何一个商品图标时，移动边框到与商品图标中心重合的位置上；因为外框宽比商品图标多出2像素，外框高比商品图标多出4像素，所以移动时需要将外框移动到商品图标的横坐标减1纵坐标减2的位置（见操作步骤02）。可根据自己实际情况设置
③边框移动的时候，三角形指针跟随移动位置。（见操作步骤03）。

操作步骤
01 为任意一个商品图标元件添加【鼠标移入时】事件，设置动作为【设置图片】到元件“BigImage”；单击【选择】按钮，导入与商品图标相同的图片。

02 继续上一步，添加动作【移动】元件“BorderShape”【到达】{x} “[[This.x-1]]” {y} “[[This.y-2]]”。（见思路分析②）

03 为元件“BorderShape”添加【移动时】事件，设置动作【移动】元件“PointerShape”【跟随】。

04 复制已经设置完毕商品图标上的事件交互，粘贴到其他商品图标上，并逐一修改【设置图片】动作中导入的图片



完成！