步驟：

1.拖放一張300*200的圖片並命名為“小圖”。

2.拖放一個150*100的矩形（黃底黃邊），並設定【不透明度】為30%，初始狀態設為【隱藏】，命名為“放大鏡”，放置在“小圖”的右下角

3.拖放一個300*200的動態面板，初始狀態設為【隱藏】，命名為“放大視窗”，放置在小圖右邊，並在state1面板狀態中放置一張600*400的圖片，命名為“大圖”

 4.新增頁面載入時用例

     （1）新增一個全域性變數，取名為“enlarge”

     （2）在用例中設定全域性變數“enlarge”為大小圖寬度比例，即【大圖寬度/小圖寬度】

 5.為“放大鏡”新增滑鼠移動時的用例

（1）絕對移動“放大器”，x軸移動到【滑鼠的x座標-“放大鏡”寬度的一半】，y軸移動到【滑鼠的y座標-“放大鏡”高度的一半】，並且左側、右側、頂部和底部的邊界分別為“小圖”的左側、右側、頂部和底部。

（2）絕對移動“大圖”，x軸移動到【（“小圖”左側-“放大鏡”左側）*OnLoadVariable】，y軸移動到【（“小圖”頂部-“放大鏡”頂部）*OnLoadVariable】。 

6.為“小圖”新增滑鼠移動時用例：該用例與“放大鏡”的滑鼠移動時用例一樣，直接複製貼上過來就行了

7.為“小圖”新增滑鼠移入時用例 

（1）顯示“放大鏡”

（2）顯示“放大視窗”

8.完成，點選瀏覽一下

 原型檢視效果地址：https://3je03h.axshare.com

 原型RP檔案下載地址：https://download.csdn.net/download/qq_27884377/10757435