*****矩形交互样式之单选按钮*****
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交互样式(下拉列表和矩形)的更多相关文章

  1. Axure 交互样式和选项组的设置

    1.点击元件,点击属性,点击选中,点击图片,选择相应的图片,选中功能是当点击这个元件的时候,元件的变成相应的图片,然后再设置鼠标单击时的动作是选中,就可以实现选中某个元件的时候,元件会变成其他的图片. ...

  2. Axure 矩形交互样式与单选按钮组设置

    矩形交互样式: 场景:当点击昵称的时候,密码栏会显示红框,当点击密码的时候,昵称会显示红框 补充:昵称栏和密码栏的组成其实是一个矩形框和一个文本框,这样才可以设置出场景所示的样式 这里的设置只是简单的 ...

  3. 7月新的开始 - Axure学习01 - 元件库、元件交互样式设置

    解释: Axure 属于原型制作里的霸道总裁 1.原型:原型模拟真实产品的功能与设计.用于在初期阶段测试产品的可行性与效果.来节省开发成本与周期. 2.线框图:在初期实现对产品的了解.实现产品的基本结 ...

  4. Axure 部件的交互样式

    选中的 时  需要设置事件

  5. get,post,jsonp数据交互—百度下拉列表

    三种数据交互形式:get  post jsonp 一.get请求 1.引入 vue.js 和 vue-resource.js , 准备一个按钮 <input type="button& ...

  6. 矩形、占位符组件——axure线框图部件库介绍

    矩形组件和占位符没有太多的区别,这里我们主要讲解矩形组件的操作和使用,占位符的操作各位可以按照矩形的操作方法进行练习一下. 矩形组件是一个矩形,它可以用来做很多的工作,比如页面上需要一块蓝色的背景,就 ...

  7. Axure的中继器如何实现两个列表之间的交互

    Axure RP 8安装包+注册码+中文语言包下载地址如下: 链接: https://pan.baidu.com/s/1nwRnCUl 密码: yy36 将中文语言包下的lang文件夹直接放在安装Ax ...

  8. axure的一些注意事项

    1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器 ...

  9. 提高Axure设计效率的10条建议

    http://www.woshipm.com/ucd/92153.html Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有 ...

随机推荐

  1. python(四)类变量和实例变量

    转载自[1] 实际这是个实例变量是否指向类变量的问题. python的类变量和实例变量,顾名思义,类变量是指跟类的变量,而实例变量,指跟类的具体实例相关联的变量,具体体现为self.x 等.实际要注意 ...

  2. xht37的码风

    写在前面 众所周知,在 Dev-C++ 上有一个代码格式化的功能,快捷键Ctrl+Shift+A 我的码风致力于写出格式化后毫无变化的代码,这被认为是标准代码 同时,对不可格式化的部分(如空格),我同 ...

  3. Linux 应用层的时间编程【转】

    转自:https://blog.csdn.net/chinalj2009/article/details/21223681 浅析 Linux 中的时间编程和实现原理,第 1 部分: Linux 应用层 ...

  4. MySQL5.7 锁定用户【转】

    使用ALTER USER 语句锁定 mysql>ALTER USER 'demo'@'localhost' ACCOUNT LOCK; Query OK, rows affected (0.00 ...

  5. Git学习笔记02-创建版本库

    版本库就是一个目录,这个目录里面的所有文件都会被Git管理,每个文件的修改,删除都能追踪.以便在某个时刻追踪历史记录,或者还原 路径切换,查看文件命令和linux差不多,cd 文件路径  ls查看路径 ...

  6. python中常用模块

    OS模块 python编程时,经常和文件.目录打交道,这是就离不了os模块.os模块包含普遍的操作系统功能,与具体的平台无关os.name()——判断现在正在实用的平台,Windows 返回 ‘nt' ...

  7. codeforces 38G - Queue splay伸展树

    题目 https://codeforces.com/problemset/problem/38/G 题意: 一些人按顺序进入队列,每个人有两个属性,地位$A$和能力$C$ 每个人进入时都在队尾,并最多 ...

  8. Hash之哈希表的详解

    Hash算法 Hash算法的原理; 决绝冲突的办法是: 线性探查法; 双散列函数法; 拉链法处理碰撞; 哈希原理及实现; 哈希表-Hash table, 也叫散列表;

  9. MVC5访问SQL Server数据库

    参考: MVC5+EF6简单实例---以原有SQLServer数据库两表联合查询为例 1.新建MVC项目: 新建基于MVC5的项目,命名为PracticeProject 2.Models文件夹(右击) ...

  10. Linux系统基础优化及常用命令

    Linux基础系统优化 引言没有,只有一张图. Linux的网络功能相当强悍,一时之间我们无法了解所有的网络命令,在配置服务器基础环境时,先了解下网络参数设定命令. ifconfig 查询.设置网卡和 ...