本次分享的的案例是Axure8.0制作的自动带出邮箱地址效果。

预览及下载地址:https://51x7ns.axshare.com

一、制作原型
1、拖入一个矩形元件,设置宽度:66px,高度:20px,输入内容:“请输入邮箱”,字体设置为:微软雅黑,如图

2、拖入一个矩形元件,设置宽度:240x,高度:40px,对其“选中”状态进行设置,如图:

3、拖入一个文本框在矩形框中,设置宽度:236x,高度:35px,设置类型为:文本,提示文字为:邮箱,提示样式为:#999999,隐藏提示触发选择“获取焦点”,勾选”隐藏边框“
选项,如图:

4、拖入一个矩形框,设置宽度:240x,高度:173px,命名为:矩形容器,对其阴影样式进行设置,如图

5、拖入五各矩形框放入”矩形容器“中,设置宽度:240x,高度:40px,分别命名为:1、2、3、4,分别对其进行交互样式设置,如图

”矩形容器“与其四个矩形组合,并设为隐藏,如图

最终设计如图:

二、交互设置
1、对文本框进行”文本改变时“交互设置,
如果文本状态为”ture“时,1的设置文本为[[LVAR1]]@qq.com,如图

2的设置文本为[[LVAR1]]@126.net,如图

3的设置文本为[[LVAR1]]@163.com,如图

4的设置文本为[[LVAR1]]@139.com,如图

否则,如图:

2、对文本框进行”获取焦点时“与”失去焦点时“进行设置,如图

3.对组合的中的每个矩形(1、2、3、4)进行”鼠标点击时“进行设置,如图:

所有设置完毕。

Axure8.0教程:自动带出邮箱相关推荐

  1. php 输入汉字自动带出拼音和英文

    需求就是添加一个字段的时候,自动带出中文和英文,方便数据索引. 这里只贴下代码,英文用在线api,中文用类库.我觉得这个拼音类库比较好,不会出现重庆是zhongqing之类的问题,因为可以自定义添加维 ...

  2. migo获取header sap_SAP Migo增强 105时通过提货单号自动带出批次和生产日期

    SAP Migo增强 105时通过提货单号自动带出批次和生产日期 实现功能1:在MVT103时录入提货单(送货单),自动查询类表是否存在送货单,如果不存在,提示录入错误. 实现功能2:在105时,根据 ...

  3. oppor15android9版本,OPPO R15梦镜版升级安卓9.0教程,带你体验不一样!

    原标题:OPPO R15梦镜版升级安卓9.0教程,带你体验不一样! 稍早前,谷歌正式开启了Android P的测试,这套全新的系统,已经进入了公测阶段,按照之前谷歌的惯例来看,如果在公测中,这套系统没 ...

  4. SM30里如何输入物料号自动带出物料描述

    新建Table,根据输入的物料号,自动带出描述: SE80根据表生成器里面的函数组进去进行增强: 双击进行维护取数代码即可:

  5. 按计划员自动带出对应任务类型

    应用 Oracle   Manufacturing Planning 层 Level Function 函数名 Funcgtion Name MRPFPPWB-390 表单名 Form Name MR ...

  6. SAP SM30隐藏部分字段以及自动带出某些值

    有时候我们在SE11做的表维护生成器可能有不需要的字段,隐藏这些字段的方法: 1.SE80,找到表维护生成器自动创建的屏幕,找到逻辑流中的PBO,在PBO中增加一个MODULE,名字可以自己取. 2. ...

  7. VL01N创建交货单自动带出物料对应仓位

    VL01N创建交货单自动带出物料对应仓位 1.配置点1:SPRO->后勤执行->装运->确定拣配地点->定义存储条件 2.配置点2:SPRO->后勤执行->装运-& ...

  8. EditText焦点自动带出软键盘问题

    总结一下网上的办法   可是一个都不管用 我想真的是应该我的虚拟机出问题了 神啊 让我赶紧有钱买安卓手机吧.. (那种很便宜的真心不想买...感觉..不划算..OTZ ================ ...

  9. 【MM小贴士】采购订单当中自动带出PO抬头文本

    [日常吐槽]这个项目做的我真的是一言难尽,唉. [他人所谓得重新思考,无非是重新整理自己的偏见罢了.] [业务背景]今天练习一个下功能,就是做采购订单的时候,订单是由抬头的,抬头会有一些文本,可以在做 ...

最新文章

  1. Windows 7中200M神秘隐藏分区
  2. android 打开wifi并链接到制定ip,当设备连接到Android中的WiFi时,如何获取蜂窝网络的IP地址...
  3. 《C程序设计语言》- 字符输入和输出
  4. 使用Objects判断对象是否为空,并返回对应信息
  5. tg2015 信息传递 (洛谷p2661)
  6. python列表动态添加_在Python中动态创建列表
  7. 图解集成学习中的梯度提升思想
  8. telnet服务下载 Linux,linux telnet服务安装包
  9. 会话信息必须在服务器端,有关会话跟踪技术描述正确的是
  10. php如何安装mysql模块,linux安装php 模块--with-mysql --with-mysqli非得需要安装mysql吗汗血宝马...
  11. 视频抽帧并存图 python_使用Python实现跳帧截取视频帧
  12. pci串口驱动安装失败_PCI转串口卡驱动安装问题
  13. 什么叫诚实_诚实是人类最珍爱的美德之一,但是什么是诚实?
  14. 未转变者服务器怎么弄指令权限,» 未转变者 unturned管理员指令
  15. QGC编译报错error C2220: 警告被视为错误 最佳解决方法
  16. MATLAB 实现轨迹分类(路径、曲线分类)
  17. android 弹幕框架DanmakuFlameMaster,解决 控制Ui和弹幕点击的问题.
  18. Wolfram | Alpha 之 15 种非数学领域的使用
  19. 计算机识别技术检测交通标志,基于计算机视觉的交通标志检测与识别算法研究...
  20. 淘宝C店双十一海选时间 淘宝C店双十一海选是什么时候开始

热门文章

  1. 数字电视信号相关知识
  2. c语言:结构体-计算平均成绩
  3. 安装与卸载MySQL的详细步骤
  4. 达尔文计算机二级考试作弊,令达尔文“讨厌的谜团”终于解开
  5. input中文输入多次触发oninput事件
  6. memset的用法详解
  7. 一文读懂DNA甲基化及BS-seq
  8. 前端学习——HTML的各种标签(以及代码样例)
  9. Ubuntu换Kali源
  10. el-tooltip disabled属性失效