Axure学习笔记：百度取词翻译界面

#交互#   Axure

---

百度翻译中扫描界面有两种获取翻译的方式，另一种方式是取词翻译，把需要翻译的内容显示在在极小的扫描框内。长按底部的按钮对焦，松开手后完成对焦，对扫描框内的内容完成翻译。

---

效果如下：

---

流程如下：

1. 用PS打开截图，绘制一个#000000，50%透明度，750*1334的矩形

2. 绘制一个无填充，边框为#ffffff，2px，404*80的矩形。

把矩形直接复制一个，修改边框5px。

3. 把5px边框的矩形栅格化

4. 选中5px白色边框的矩形，使用举行选择工具，删除5px矩形多余的边框。

5. 把黑色遮罩图层栅格化，选中白色边框矩形图层，选择矩形工具在画布中单击鼠标右键转换为选择区域，选择黑色遮罩图层，按键盘删除键，删除选中区域。导出png图片。

6. 在Axure中绘制界面基本元素

7. 在底部添加按钮

8. 导入黑色遮罩png图片，修改图层顺序

9. 添加扫描框内的“+”

---

素材：

1. 黑色遮罩图层