AxureRP7.0基础教程系列 部件详解 文本框 Text field

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Text Field 文本框(单行)
使用案例

收集表格数据

文本框(单行)经常用于收集表格内容传递给其他表格或其他页面中的表格,还可以进行函数运算。



登陆框

文本框可以用作登陆体验,加入逻辑条件和多个用例还可以对登陆成功/失败进行模拟。



编辑文本框

文本框类型

文本框可以给定特殊的输入格式,主要用来调用移动设备上不同的键盘。
可选格式:文本、密码、Email、number、phonenumber、url、搜索、文件、日期、month、time
要设置文本框格式,在部件属性面板中进行设置。



提示文字

在部件属性面板中还可以给文本框添加提示文字,同样也可以编辑提示文字的样式。
提示文字会在鼠标点击文本框时消失。



禁用文本框

要防止有文字输入到文本框,可以在部件属性面板中勾选禁用。
文本框还可以在用力编辑器中使用 禁用 动作,将其设置为禁用。
条款和条件教程



设置文本框为只读

当文本框设置为只读后,它只可以被选择,但无法对其内容进行删改。
要将文本框设置为只读,在部件属性面板中勾选只读即可。



隐藏边框

可以通过切换显示文本框的边框来创建自定义文本框。
要隐藏文本框周围的边框,右键点击该部件并勾选隐藏边框,或者到部件属性面板中勾选。

你还可以给文本框添加背景色或设置为透明。

时间: 2024-10-28 21:11:01

AxureRP7.0基础教程系列 部件详解 文本框 Text field的相关文章

AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 水平线和垂直线 HORIZONTAL & VERTICAL LINES 使用案例 将页面区块化 最常见的用法是将内容分解成几个部分,比如,讲页面分为 header 和 body. 编辑线条 添加箭头 线条可以通过工具栏中的箭头样式转换为箭头:选中线条,点击箭头样式,在下拉列表中选择箭头样式. 线宽.颜色和样式 线条可以添加颜色.设置宽度和添加样

AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 动态面板 DynamicPanel 动态面板概述       动态面板(Dynamic panel) 动态面板是一个可以在层或状态中装有其他部件的容器. 你可以将动态面板比喻成相册,相册的每个夹层中又可以装进其他部件,并且每个夹层和里面的部件可以隐藏.显示和移动,并且可以动态设置当前夹层的可见状态.这些特性允许你在原型中演示自定义提示.灯箱.标签控制和

AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Inline Frame 内部框架 使用内部框架,可以嵌入视频,地图,和HTML到您的原型设计中.使用案例 模拟移动体验 使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或站外链接并显示在手机外壳的屏幕上.这样可以在你的电脑上实现模拟移动设备的体验. 签入外部内容 外部的HTML文件.视频.地图等内容都可以签入到内部框架中

AxureRP7.0基础教程系列 部件详解 List Box 列表选择框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> List Box 列表选择框 常用案例 替代下拉列表 如果你想让用户查看所有选项而不需要点击选择的话,就使用列表选择框替代下拉列表. 多选 与下拉列表不同的是,列表选择框允许用户对选项进行多选. 编辑列表选择框 编辑列表选择框 项目的添加.删除.排序和批量添加操作,和下拉列表框都是一样的.唯一不同的是,列表选择框可以设置为允许多项选择. 列表选择框案例

AxureRP7.0基础教程系列 部件详解 中继器部件Repeater

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 中继器概述 REPEATER OVERVIEW 中继器部件是一款高级部件,用来显示重复的文本.图片和链接. 通常使用中继器来显示商品列表.联系人信息列表.数据表或其他. 中继器的构成 2 PARTS OFREPEATER 中继器数据集 Repeater Dataset 中继器部件是由中继器数据集中的数据项填充的.这些填充的数据项可以是文本.图片或页面链

AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> HTML Button HTML按钮 为操作系统的浏览器体验而设计 HTML按钮的格式取决于你浏览原型的操作系统中的浏览器.它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式,这和你操作系统中应用程序的样式类似. 编辑HTML BUTTON 提交按钮的填充颜色.边框颜色和其他大多数样式格式都被禁用了.取而代之的是生成原型后在浏览器中它会使用内建的样式

AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Droplist 下拉列表 常用案例 传递表格信息 下拉列表经常用于性别选择.信用卡过期日期.地址列表等形式.所选择的项存储在变量中,然后通过变量进行传递. 跨页更改动态面板状态 查看效果 使用下拉列表改变图片 在下拉列表的选项改变时,图片内容也与之对应改变.详情下载案例RP文件. 本帖分享可见的内容 下拉列表选项 查看效果 编辑下拉列表 添加.删除.

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认

AxureRP7.0基础教程系列 部件详解 图片/Image

  原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 图片/Image 图片部件可以用来添加图片和插图显示你的设计理念,产品,照片,或更多. 自定义图片按钮 使用图片部件来添加一个自定义图片按钮,然后像给形状按钮添加交互一样,添加鼠标点击.悬停等响应 导入图片和自动大小 拖拽一个图片部件到设计区域并双击导入图片.支持常见图片格式:GIF,JPG,PNG,BMP.当询问你是否自动调整图片大小时,点击是将