zoukankan      html  css  js  c++  java
  • 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较推荐

    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    php内存管理机制与垃圾回收机制
    PHP Laravel5实现的RBAC权限管理操作示例
    PHP实现微信企业付款到个人零钱步骤
    ThinkPHP 6.0 管道模式与中间件的实现分析
    深入讲解 Laravel 的 IoC 服务容器
    ThinkPHP6 核心分析:系统服务
    PHP 性能优化
    PHP 7.4 新语法:箭头函数
    深入理解 PHP 的 7 个预定义接口
    Java实现 LeetCode 795 区间子数组个数 (暴力分析)
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9994172.html
Copyright © 2011-2022 走看看