#交互# Axure
百度翻译中的涂抹翻译扫描界面,可以点击顶部的翻译语言,弹出滚动控件,通过上下滑动在滚动控件中选择翻译的语言。
效果如下:
流程如下:
1. 昨天弄好的界面直接copy过来
2. 用PS绘制选择语言的pickerView控件~~这里绘制得有点粗糙。导出png,在Axure中导入png文件
3. 绘制背景矩形、每行的分割线
4. 绘制选择语言中渐变的矩形
5. 放置于图层最上方
6. 修改顶部的内容。隐藏左右两侧的图标,添加文字按钮
7. 完成效果图
素材:
1.
#交互# Axure
百度翻译中的涂抹翻译扫描界面,可以点击顶部的翻译语言,弹出滚动控件,通过上下滑动在滚动控件中选择翻译的语言。
效果如下:
流程如下:
1. 昨天弄好的界面直接copy过来
2. 用PS绘制选择语言的pickerView控件~~这里绘制得有点粗糙。导出png,在Axure中导入png文件
3. 绘制背景矩形、每行的分割线
4. 绘制选择语言中渐变的矩形
5. 放置于图层最上方
6. 修改顶部的内容。隐藏左右两侧的图标,添加文字按钮
7. 完成效果图
素材:
1.