axure交互样式(下拉列表和矩形)
*****矩形交互样式之单选按钮*****
1、账号输入框、密码输入框等文本框实现效果:输入框获取焦点时边框是蓝色,失
去焦点时边框为红色;
2、实现思路:边框用矩形来设置选中和未选中、禁用和启用即可
3、切记:选中和未选中、禁用和启用都是针对外部的矩形不是内部的输入框!
4、步骤:
1)将矩形【选中】状态的边框颜色改为红色,禁用状态的边框颜色改为蓝色
2)内部输入框隐藏,点击矩形的时候再显示并且获取焦点在输入框内,禁用矩形框
(即边框为蓝色)
3)输入框【获取焦点时】,设置矩形未选中后再禁用矩形(蓝色)
4)输入框【失去焦点时】,启用矩形再设置矩形选中(红色)
5)以上步骤完成后,不管重复点击多少次输入框,都能遵循以上规则实现效果。
*****矩形交互样式之复选框实现*******
1、矩形框内文本为√,文本颜色设置为白色,选中状态的文本颜色设置为想要的颜
色。
2、矩形框【鼠标单击时】——【设置选中状态为“toggle”】即可实现选中的切换
。(点击选中,再次点击取消选中)
****下拉框交互样式*****
1、地点选择:省市对应辖区
方法1:
1)省市——【shengshi】:包含云南、四川、重庆三个选项
2)辖区转化为动态面板——xiaqu
3)xiaqu——【状态1:云南】包含所有云南的辖区——xiaqu_yn
4)xiaqu——【状态2:四川】包含所有四川的辖区——xiaqu_sc
5)xiaqu——【状态3:重庆】包含所有重庆的辖区——xiaqu_cq
6)【shengshi】——【选项想改变时】——【设置条件】——【被选项值为“重庆
”】——【设置动态面板状态为“重庆”】,以此类推判断其他的用例。
方法2:省市和辖区的命名必须一致,这样做有很多好处,可以不使用上述方法一一
对应判断条件,可以直接【设置面板状态】——【Value】——【状态名称为fx(被
选项shengshi)】即【设置xiaqu为[[ss]]】(注:ss为获取到的被选项shengshi的局
部变量)
方法2较推荐
axure交互样式(下拉列表和矩形)的更多相关文章
- Axure 交互样式和选项组的设置
1.点击元件,点击属性,点击选中,点击图片,选择相应的图片,选中功能是当点击这个元件的时候,元件的变成相应的图片,然后再设置鼠标单击时的动作是选中,就可以实现选中某个元件的时候,元件会变成其他的图片. ...
- Axure 矩形交互样式与单选按钮组设置
矩形交互样式: 场景:当点击昵称的时候,密码栏会显示红框,当点击密码的时候,昵称会显示红框 补充:昵称栏和密码栏的组成其实是一个矩形框和一个文本框,这样才可以设置出场景所示的样式 这里的设置只是简单的 ...
- 7月新的开始 - Axure学习01 - 元件库、元件交互样式设置
解释: Axure 属于原型制作里的霸道总裁 1.原型:原型模拟真实产品的功能与设计.用于在初期阶段测试产品的可行性与效果.来节省开发成本与周期. 2.线框图:在初期实现对产品的了解.实现产品的基本结 ...
- Axure 部件的交互样式
选中的 时 需要设置事件
- get,post,jsonp数据交互—百度下拉列表
三种数据交互形式:get post jsonp 一.get请求 1.引入 vue.js 和 vue-resource.js , 准备一个按钮 <input type="button& ...
- 矩形、占位符组件——axure线框图部件库介绍
矩形组件和占位符没有太多的区别,这里我们主要讲解矩形组件的操作和使用,占位符的操作各位可以按照矩形的操作方法进行练习一下. 矩形组件是一个矩形,它可以用来做很多的工作,比如页面上需要一块蓝色的背景,就 ...
- Axure的中继器如何实现两个列表之间的交互
Axure RP 8安装包+注册码+中文语言包下载地址如下: 链接: https://pan.baidu.com/s/1nwRnCUl 密码: yy36 将中文语言包下的lang文件夹直接放在安装Ax ...
- axure的一些注意事项
1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器 ...
- 提高Axure设计效率的10条建议
http://www.woshipm.com/ucd/92153.html Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有 ...
随机推荐
- Pycharm 2018 Activation code 在线激活
1. 下载官方 pycharm https://www.jetbrains.com/pycharm/download/ 2. 点击获取激活码 点击获取激活码 2.1 打开 hosts 文件 2.2 ...
- [转] 理解CheckPoint及其在Tensorflow & Keras & Pytorch中的使用
作者用游戏的暂停与继续聊明白了checkpoint的作用,在三种主流框架中演示实际使用场景,手动点赞. 转自:https://blog.floydhub.com/checkpointing-tutor ...
- SQL Server - 索引详细教程 (聚集索引,非聚集索引)
转载自:https://www.cnblogs.com/hyd1213126/p/5828937.html 作者:爱不绝迹 (一)必读:深入浅出理解索引结构 实际上,您可以把索引理解为一种特殊的目录. ...
- 手写代码注意点--java.util.Stack相关
1-Stack的基本函数为: 注意: 取栈顶的函数为peek(),不是top()... 测试stack是否为空的函数为empty(),不是isEmpty()...
- zynq linux驱动之PL-PS中断【转】
转自:https://blog.csdn.net/h244259402/article/details/83993524 PC:Windows 10 虚拟机:ubuntu 16.04 vivado:2 ...
- ebs 12.1.1 单节点多用户安装
本次测试环境:操作系统 oracle linux 6.9 oracle ebs 12.1.1 192.168.20.210 erpapp1.hthorizon.com erpapp1 yum ...
- HDU 1074 (DP + 状态压缩)
题意: 给你N个课程, 每个课程有结束的时间 , 和完成这门课程需要的时间 超过课程结束ed时间,每一天就要花费 1点绩点: 然后要求你安排如何做课程使得花费的绩点最少 (看了博客后才发现状态压缩很⑥ ...
- 【原创】大数据基础之Benchmark(1)HiBench
HiBench 7官方:https://github.com/intel-hadoop/HiBench 一 简介 HiBench is a big data benchmark suite that ...
- 【原创】Thinking in BigData (1)大数据简介
提到大数据,就不得不提到Hadoop,提到Hadoop,就不得不提到Google公布的3篇研究论文:GFS.MapReduce.BigTable,Google确实是一家伟大的公司,开启了全球的大数据时 ...
- UpdatePanel1里面使用FileUpload控件
最近做项目过程中,遇到了UpdatePanel1里面放了一个FileUpload控件,结果从后台就获取不到上传的文件了,找了好久才找到原因.原因: 加了红色部分后立马获取到了.