当界面需要一个无背景色的输入框时,对于完美主义者来说,那无法去除的白色背景就显得尤其无法忍受,现在,就让我们用非常规手段,去了它。
01
建立“文本框背景透明”页面,双击页面名称,打开页面编辑页
02
“部件”窗口,拖一个矩形到编辑页,设置填充颜色:蓝色;再拖一个文本框(单行)放置在矩形的上面。
03
生成原型(注意是生成,不是预览),可以看到文本框(单行)的白色背景遮住了下面的矩形一部分。
04
找到原型生成时,保存的文件地址,找到“文本框背景透明”页面的样式文件:styles.css
05
打开styles.css文件,找到文本框(单行)部件的CSS样式,在样式内增加:opacity:0
06
保存styles.css文件,在浏览器中刷新原型查看效果
不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。
Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。
Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。
扩展资料:
Axure的特性
1.鼠标及键盘交互功能:
支持更多的新特性包括 OnDoubleClick(双击), OnContextMenu (右击),OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)。
2.演示文档:
支持HTML5新特性,以及更好的支持手机演示特性。
3.新增部件样式控制:
Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。
4.更细化的部件属性:
更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。
5.更多交互条件:
包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。
参考资料来源:百度百科-Axure