炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 284|回复: 1

[图文教程] 零基础进阶篇-003-单选框和选择框

[复制链接]
  • TA的每日心情
    难过
    2021-3-17 08:38
  • 发表于 2024-1-24 09:10:39 | 显示全部楼层 |阅读模式
    本帖最后由 易团雪 于 2024-1-24 11:33 编辑

    在图形界面中随处可见单选框和选择框,webui和网页上也都会有用到。给用户带来很直观的体验和交互
    那我们来看看在炫语言上是怎么创建和交互的?
    1.单选框
    首先还是先新建一个窗口程序,工具箱中选择按钮。这里可能有同学会问了,不是单选框吗?怎么是按钮。
    别急,接着往下看。其实单选框和选择框都是在按钮的基础上扩展来的。
    QQ图片20240124090709.png
    属性->按钮类型->单选
    属性->样式->单选
    设置好以上属性后按钮就变成单选框了。是不是很神奇呀
    QQ图片20240124091621.png
    这里我来创建两列单选框。在上面的工具栏可以对控件进行对齐/平均分等操作
    到这里可能有细心的同学会发现两组始终只能单选一个这时候该怎么办呢?

    QQ图片20240124092158.png
    属性->组ID
    属性->开关->是否选中
    我们对两组设置不同的组ID如:1001/1002,并设置第一个为选中。运行看看效果吧
    2.选择框
    同样的在工具箱中选择按钮
    QQ图片20240124092658.png
    属性->按钮类型->多选
    属性->样式->多选
    这样我们有设置好了选择框。多组的话和以上单选框一样设置就好了绑定事件
    这里我们绑定它们的选中事件,不会绑定的可以看上一节。输入以下代码

    1. {
    2.         函数 UI事件 整型 按钮选中_选择框1(元素句柄 来源句柄, 逻辑型 bCheck,逻辑型 *是否拦截)
    3.         {
    4.                 如果(!_单选框1.是否选中() && bCheck)
    5.                 {
    6.                         _单选框1.置选中(真)
    7.                 }
    8.                 否则
    9.                 {
    10.                         _单选框1.置选中(假)
    11.                 }
    12.                 返回 0
    13.         }
    14. }
    复制代码
    运行程序当选择选择框1的时候单选框1会选中或取消选中
    你学了吗?

  • TA的每日心情
    开心
    2024-4-24 10:26
  • 发表于 2024-1-24 15:59:32 | 显示全部楼层
    感谢分享,单选框竟然是这么弄出来的!
    您需要登录后才可以回帖 登录 | 加入我们

    本版积分规则

    QQ|Archiver|手机版|小黑屋|炫彩界面库 ( 鄂ICP备2023014763号-1 )

    GMT+8, 2024-5-2 16:16 , Processed in 0.095008 second(s), 21 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表