炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 141|回复: 0

[图文教程] 零基础进阶篇-011-滚动视图元素

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

    滚动视图
    这个元素可能部分人比较陌生,这个就和QQ里的系统设置一样(类似瀑布流)
    里面可以放其他元素并支持滚动。下面就一起学习一下是如何实现的
    1.设计窗口界面
    QQ图片20240228103014.png
    首先按如上图布局设计好界面,并绑定成员和事件。这里的按钮是单选按钮
    在往下滚动滚动条位置进行添加元素时可能会错位。多试一下(待梦总后面修)
    2.编写代码
    [C++] 纯文本查看 复制代码
    {
            函数 整型 运行() //窗口启动函数, 优先自动处理内部(加载窗口布局文件, 绑定UI变量, 注册UI事件), 然后窗口创建完成, 调用用户代码
            {
                    //此处窗口已创建完成, 用户可在此处操作或导入初始数据到UI
                    _滚动视图1.置视图大小(0, 800)
                    显示(TRUE)  //显示出窗口
                    返回 0
            }
            函数 UI事件 整型 滚动视图垂直滚动_滚动视图1(元素句柄 来源句柄, 整型 pos,逻辑型 *是否拦截)
            {
                    如果(pos == 0)
                    {
                            _按钮_登录.置选中(真)
                    }
                    否则(pos >= 8 && pos < 18)
                    {
                            _按钮_主面板.置选中(真)
                    }
                    否则(pos == 18)
                    {
                            _按钮_状态.置选中(真)
                    }
                    返回 0
            }
            函数 UI事件 整型 按钮点击_按钮_登录(元素句柄 来源句柄, 逻辑型* 是否拦截)
            {
                    _滚动视图1.垂直滚动(0)
                    返回 0
            }
            函数 UI事件 整型 按钮点击_按钮_主面板(元素句柄 来源句柄, 逻辑型 *是否拦截)
            {
                    _滚动视图1.垂直滚动(8)
                    返回 0
            }
            函数 UI事件 整型 按钮点击_按钮_状态(元素句柄 来源句柄, 逻辑型* 是否拦截)
            {
                    _滚动视图1.垂直滚动(18)
                    返回 0
            }
    }
    注意要先设置好视图大小,一个类似的功能就实现了。
    是不是超级简单,你学废了吗?
    您需要登录后才可以回帖 登录 | 加入我们

    本版积分规则

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

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

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

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