Axure RP(二十五)案例(按钮组、选项卡)

RabbitMQ入门教程
一篇RabbitMQ的基础入门的详细教程
vbirdbest

一:手机充值金额列表

  1. 拖动一个白色矩形,设置圆角半径,设置边框颜色为灰色,设置阴影x,y都为0四周都有阴影。在这里插入图片描述
    在这里插入图片描述
  2. 选中所有矩形添加选中样式,选中时字体颜色为白色,填充颜色为红色。在这里插入图片描述
  3. 为每个矩形添加鼠标单击时事件,单击时标记矩形为选中状态。添加好一个事件时可以直接将Case粘贴到其它矩形的单击事件中。案例是可以复制粘贴的。在这里插入图片描述
  4. 为第一个矩形默认设置选中状态。在这里插入图片描述
  5. 选中所有矩形设置选项组名称,可以在属性中设置,也可以通过右键设置。在这里插入图片描述
  6. 示例效果
    在这里插入图片描述

二:按钮组

按钮组就是一组按钮只能选中其中一个。

  1. 拖入三个普通按钮摆成一排。在这里插入图片描述
  2. 选中三个按钮同时为这三个按钮设置选中样式:选中时填充为蓝色、字体颜色为白色。在这里插入图片描述
  3. 默认第一个为选中状态。在这里插入图片描述
  4. 分别为三个按钮添加鼠标单击事件,鼠标单击时标记当前按钮为选中状态。在这里插入图片描述
  5. 同时选中这三个按钮右键“设置选项组”,随意起个名字比如按钮组。在这里插入图片描述
  6. 为了美观我们改变一下按钮的圆角,只要两边的按钮有圆角,其它都为直角。在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  7. 最终效果。在这里插入图片描述

三:选项卡

  1. 在按钮组的基础上添加一个动态面板,再复制两个状态,分别填充每个状态的内容。在这里插入图片描述

  2. 分别为三个按钮添加鼠标单击时切换对应的状态。在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  3. 分别设置每个状态对应的填充色为灰色。在这里插入图片描述

©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值