【Axure RP 8 实现 圆角文本框 圆角带筛选的下拉列表框 可自动显示滚动条】的更多相关文章

Axure RP 8 实现 圆角文本框 圆角带筛选的下拉列表框 可自动显示滚动条

刚开始用Axure 会发现 Axure 元件库并不是很齐全,很多元件需要自己想办法解决 或者去网上去找.其实个人建议网上有现成的元件可以就下载就不必花时间去折腾.除非你也想练练手,原型这种东西除非高保真的,也没必要画得那么逼真,能加说明说清楚就直接加说明,或者加便利贴都可以的.最终目的都是保证产品生产出来是用户真正想要的就行. 刚开始画原型 发现文本框好生硬,完完全全的四边型,显得原型看起来不是很专业(其实没几个人会去在意你原型文本框是圆角还是直角).好啰嗦,直接正题. 元件库下载地址:http…

使用Axure RP原型设计实践08,制作圆角文本框

本篇体验做一个简单圆角文本框,做到3个效果: 1.初始状态,圆角文本框有淡淡的背景色,边框的颜色为浅灰色2.点击圆角文本框,让其获取焦点,边框变成蓝色,背景色变成白色3.圆角文本框失去焦点,边框变成红色,背景色变成白色 从组成上分析,圆角文本框实际是由里层的Text Field和外层的Rectangle组成. 对于第一个状态,给Rectangle设置背景色和边框色,并且让Text Field失去边框,并让其隐藏起来. 对于第二个状态,是由Rectangle的的点击事件触发,显示Text Fiel…

去除IE10+上文本框巨丑无比的删除图标以及显示密码图标

去除IE10+上文本框巨丑无比的删除图标以及显示密码图标 IE浏览器总是让人喜欢让人厌,在最新的IE浏览器(IE10+)上使用表单时,文本框内后面会出现很巨丑无比的“删除图标”以及“显示密码图标”,如果你讨厌这个可以把它去掉,这两个是由IE私有属性控制: input::-ms-clear, input::-ms-reveal { display: none; /* For ie10+ */ } 虽然有时候很有用,但是太丑了,相信大部人都不喜欢它,去掉之后是不是干净多了.…

使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式.此时的解决办法为: input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appe…

漂亮的圆角文本框 CSS3实现

进入人人小站发现了个挺好看的文本框,圆角的,原来是利用了CSS3的效果,不过暂时只有IE9 和FF浏览器支持. <html xmlns="http://www.w3.org/1999/xhtml"> <head>    <title></title>    <style>        .input-text        {            border: 1px solid #C3CED9;            b…

WPF里面制作圆角文本框

转自:http://www.cnblogs.com/mengxin523/archive/2010/04/04/1704448.html 本以为WPF里面的XAML会很强大,可以设置很多属性,比如文本框的圆角属性,可惜的是这属性是不存在的.不过意外发现Border是有CornerRadius属性的,我们用它可以设置Border的圆角效果. XAML主要代码如下: <Border CornerRadius="5" Height="35" Margin="…

html中去掉文本框(input type="text")的边框或只显示下边框

去掉: <input   type="text"   name="textfield"   style="border:0px;">只留下边框: <input type="text" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: solid&…

html文本框和按钮这些点击时不显示边框的光晕

直接在样式加:focus{outline:0;}这样子就可以了…

交互原型设计软件axure rp学习之路(三)

(三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍. l  OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发.比如鼠标离开图片时,图片介绍消失. l  OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件.比如…

axure rp教程（四）动态面板滑动效果

转载自: http://www.iaxure.com/74.html 实现目标: 1.  点击登录滑出登录面板 2.  点击确定滑出动态面板 最终效果如下: 这种效果可以通过两种方法实现: 首先准备需要的元件:1个矩形,1个文本,1个动态面板(里面包含2个矩形,一个作为面板,一个作为登录按钮) 把动态面板添加一个状态,准备工作就结束了. 注意:每个主要元件记得加上标签啊!(元件添加标签,见教程一:小楼axure教程(一)文本框焦点效果) 第一种:动态面板滑入滑出方式 1.  设置文本面板“登录”…