axure自定义文本框样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axure自定义文本框样式相关的知识,希望对你有一定的参考价值。

axure中的文本框是我们经常使用的元件,但它本身对样式的设置很有限,不能设置边框样式、阴影等,不能满足我们制作高保真原型的需求,本文给大家介绍一下结合矩形元件自定义文本框样式。(PS:此处的“高保真”指的是UI上的设计,对于原型保真程度的说明,请参考我的另一片文章《产品原型设计浅见》)。技术分享

如果我们要制作下图这种圆角输入框,首先拖入一个文本框、一个矩形到设计区域,将矩形置于底层,调整矩形的大小能够刚刚包围住文本框,给矩形增加一点圆角,把矩形的颜色弄浅一点,我设置的色值是#999999。

技术分享

接下来把文本框的边框隐藏,设置文本框的提示文字,调整一下提示文字的大小即可。

技术分享

本文出自 “产品经理_狄睿鑫” 博客,请务必保留此出处http://pmdrx.blog.51cto.com/11810835/1909576

以上是关于axure自定义文本框样式的主要内容,如果未能解决你的问题,请参考以下文章

在 wpf 中的自定义样式上,文本框的文本始终为空

Axure基础入门

axure文本框如何获取参数值?急急急!

UWP 自定义文本框样式

axure7.0如何实现光标在文本框中获得焦点时,文本框内容自动清空。失去焦点时显示默认文字,谢谢!

Axure之幼儿养成记---文本框、多行文本框、下拉列表框、列表框