`
Jennycn
  • 浏览: 96526 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Follow your heart(177)--用axure做带提示的文本框

 
阅读更多
昨天最大的收获算是学会了tab

今天在学带文本提示的输入框, 比如,注册时,那些提示和说明, 我想的是放在框内,输入时消失. 现在美工给我做的是放外面,很难看.很累赘.

找到办法是,1.用text filed ,里面输入提示文字,比如, 请输入您常用邮箱,将会作为您的登录账号,2.在widget property里写标签 邮箱3.onfocus

4.Set widget values: 选择text on field ,选择已经写好的标签;邮箱

http://wenku.baidu.com/view/34448ad86f1aff00bed51e5c.html
分享到:
评论
8 楼 Jennycn 2011-12-08  
顺便记录一下,text panel 是 文字显示,text field是文字输入框






7 楼 Jennycn 2011-12-08  
Jennycn 写道
Jennycn 写道
5.把文件找回来了,就继续上面的, 0nlostfocus

6.case editor里 add condition

7. 选择lenth of widgt value   选择标签 邮箱  is less than


这几个步骤的目的是,当用户在text field 里输入文字后,text field 失去焦点时,显示用户输入的值,而不再显示提示文字

8.点击Set variable/widget values,点击open set value editor

选择和第一次的一样了,选择 text on widgt  ,选择邮箱标签,选择equal



不行啊,不灵啊


那刚的那个方法有问题,还到处都是转载的,这些人抄袭文章都不试用的啊...第一次也应该是add condition先.

http://www.douban.com/note/136544253/   这个里面的方法可以. 这个也讲了,报错信息如何表现.

我们双击”Onfocus”为用户名输入框组件添加交互事件。主要是为这个组件添加两个事件。如下图所示。下面的操作用逻辑语言描述就是:输入框组件默认状态下的内容显示为“请输入用户名”。当鼠标点击输入框组件后为空白状态让用户输入文本。



6 楼 Jennycn 2011-12-08  
Jennycn 写道
5.把文件找回来了,就继续上面的, 0nlostfocus

6.case editor里 add condition

7. 选择lenth of widgt value   选择标签 邮箱  is less than


这几个步骤的目的是,当用户在text field 里输入文字后,text field 失去焦点时,显示用户输入的值,而不再显示提示文字

8.点击Set variable/widget values,点击open set value editor

选择和第一次的一样了,选择 text on widgt  ,选择邮箱标签,选择equal



不行啊,不灵啊
5 楼 Jennycn 2011-12-08  
Jennycn 写道
5.把文件找回来了,就继续上面的, 0nlostfocus

6.case editor里 add condition

7. 选择lenth of widgt value   选择标签 邮箱  is less than


这几个步骤的目的是,当用户在text field 里输入文字后,text field 失去焦点时,显示用户输入的值,而不再显示提示文字

8.点击Set variable/widget values,点击open set value editor

选择和第一次的一样了,选择 text on widgt  ,选择邮箱标签,选择equal



7 后面 less than  掉了一个数字1
4 楼 Jennycn 2011-12-08  
5.把文件找回来了,就继续上面的, 0nlostfocus

6.case editor里 add condition

7. 选择lenth of widgt value   选择标签 邮箱  is less than


这几个步骤的目的是,当用户在text field 里输入文字后,text field 失去焦点时,显示用户输入的值,而不再显示提示文字

8.点击Set variable/widget values,点击open set value editor

选择和第一次的一样了,选择 text on widgt  ,选择邮箱标签,选择equal
3 楼 Jennycn 2011-12-08  
找到另外一个更靠谱有用简单的办法,在File里面有一个Recover File from backup

真好

有些像iteye的定期保存草稿

以后,我那个写日记的时候也要这个功能

2 楼 Jennycn 2011-12-08  
我找到了那文件夹,可是打开还是不是的
1 楼 Jennycn 2011-12-08  
机器死在那里了,把axure关了,然后再打开,发现这2天做的全丢了. 打开之前的文件夹里也是空的

刚刚找到一个办法http://www.ximisoft.com/?p=340
利用 Axure 6 缓存找回失去的文件

单击“开始菜单” 输入命令“%temp%”,这里进入是缓存文件夹,找到“Axure”文件夹并打开,里面有你之前保存的所有文件原型。

相关推荐

    axure-chrome-extension(axure浏览器插件).zip

    Axure Chrome Extension是一款专为Axure设计的浏览器插件,它极大地扩展了Axure原型在谷歌浏览器中的功能,使得交互设计师和产品经理能够更便捷地在浏览器中预览、测试和分享他们的原型作品。这款插件的使用对于提高...

    axure-常用图标-实例

    axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 ...

    最新版ElementUI-web-Axure组件库

    使用ElementUI-web-Axure组件库,设计师可以更便捷地在Axure中创建具有ElementUI风格的原型。只需将压缩包解压,然后在Axure中通过“+组件”菜单选择导入相应的文件,即可在设计画布上直接拖放组件,实现快速布局和...

    AxureRP-Pro-Setup Axure RP 6.5.0.3010破解版.exe

    AxureRP-Pro-Setup Axure RP 6.5.0.3010破解版,欢迎喜欢的朋友下载了,能用哦。

    Android-lib_axure.rar_Android-lib_axure_Axure_android_axure andr

    《Android-lib_axure:Axure为产品经理打造的Android组件开发库》 在移动应用开发领域,产品经理的角色至关重要,他们需要快速、高效地制作出产品原型,以便于团队理解和开发。Axure作为一款强大的原型设计工具,...

    Axure8交互原型 56套

    格式:RP格式(Axure软件) 产品经理全套文档模板 Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7版本制作 \APP-Keep健身【axure8 \APP-O2O订餐【axure8 \APP-O2O美食【axure8 \APP-O2O洗车【axure8 \APP-...

    APP-O2O早教【axure8】.zip

    【标题】"APP-O2O早教【axure8】.zip" 提供的是一个使用Axure8设计的在线早教应用原型。Axure是一款强大的交互原型设计工具,常用于制作网页和移动应用的线框图、原型和规格文档。 【描述】"APP-O2O早教【axure8】...

    Axure ios-widget-for-axure.rplib

    《Axure iOS Widget for Axure.rplib:设计高效原型的利器》 Axure,作为一款强大的原型设计工具,被广泛应用于产品经理、交互设计师以及UI设计师的日常工作中。它以其便捷的拖拽操作、丰富的组件库和强大的交互...

    Doremi婚庆后台-婚庆服务(axure原型文件).rar

    Doremi婚庆后台-婚庆服务(axure原型文件).rar是一个专门为婚庆行业设计的系统原型设计文件。这个文件采用了Axure RP软件创建,旨在为婚庆公司提供一个高效、便捷的后台管理系统。通过该原型文件,婚庆公司可以轻松...

    Axure谷歌浏览器插件axure-chrome-extension下载

    Axure导出的html文件在浏览器中打不开,是因为浏览器缺少“axure-chrome-extension”插件导致。只需要在扩展程序中安装一个插件“axure-chrome-extension”,就可以解决问题了。

    专业原型设计工具------Axure教程

    Axure RP是一款强大的专业原型设计工具,主要用于创建线框图、流程图、原型以及详细的规格说明文档。相较于其他如Visio、Omnigraffle、Illustrator等工具,Axure RP更专注于原型设计,因此在效率和专属性上具有显著...

    AxureRP-Pro-Setup.rar_AxureRP-P_AxureRP-Pro_AxureRP-Pro-Set_Axur

    而"Axure_RP_Pro_PChome下载介绍.txt"则可能包含了关于如何从PCHome网站下载和安装Axure RP Pro的详细步骤,或者是对该软件的简单介绍和使用提示。 总的来说,Axure RP Pro是一个强大的原型设计工具,对于想要学习...

    原型图安装包--产品设计axure

    Axure Chrome Extension是Axure RP的一个辅助工具,它能够提升在浏览器环境中使用Axure原型的体验。通过这个扩展,用户可以直接在Chrome浏览器上预览和测试Axure原型,无需安装完整的Axure RP软件。这对于在团队间...

    WEB-旅游户外【axure8】.zip

    【标题】"WEB-旅游户外【axure8】.zip"是一个使用Axure RP 8设计的原型项目,专门针对旅游和户外活动的网站或应用。Axure是一款强大的交互原型设计工具,它允许设计师通过拖放组件、设置交互规则来快速创建网页和...

    个人作业-原型设计-UED智慧分享平台-线下沙龙-发起活动-axure7.rp

    个人作业-原型设计-UED智慧分享平台-线下沙龙-发起活动-axure7.rp

    哈密-历史展示(axure原型文件).rar

    这个原型文件使用 Axure 软件创建,旨在为设计师、开发人员和项目团队提供一个清晰、直观的界面设计参考。通过这个原型文件,团队成员可以轻松地理解和把握整个系统的结构和功能,从而更好地进行开发和实施。该原型...

    WEB-电商后台【axure8】.zip

    1. **原型设计基础**:Axure8提供了各种元件库,包括按钮、文本框、表单、导航菜单等,用于构建电商后台界面的基本元素。了解如何选择和组合这些元件是设计高效原型的关键。 2. **交互设计**:在电商后台原型中,...

    WEB-婚庆服务【axure8】.zip

    【标题】"WEB-婚庆服务【axure8】.zip" 提供的是一个使用Axure8工具设计的Web婚庆服务平台的原型文件。Axure是一款流行的产品原型设计和交互原型制作工具,常用于Web应用、移动应用以及网站的设计。这个压缩包很可能...

    实验-快速原型设计Axure的使用.doc

    实验-快速原型设计Axure的使用.doc

    Axure Library 部件库 - MATERIAL DESIGN AXURE LIBRARY

    An Axure widget library based on Google Material Design. Source: https://github.com/duzyn/material-axure-library

Global site tag (gtag.js) - Google Analytics