零基础进阶篇-011-滚动视图元素

admin

滚动视图
这个元素可能部分人比较陌生，这个就和QQ里的系统设置一样（类似瀑布流）
里面可以放其他元素并支持滚动。下面就一起学习一下是如何实现的
1.设计窗口界面

首先按如上图布局设计好界面，并绑定成员和事件。这里的按钮是单选按钮
在往下滚动滚动条位置进行添加元素时可能会错位。多试一下（待梦总后面修）

2.编写代码

1. {
   
2.         函数 整型 运行() //窗口启动函数, 优先自动处理内部(加载窗口布局文件, 绑定UI变量, 注册UI事件), 然后窗口创建完成, 调用用户代码
   
3.         {
   
4.                 //此处窗口已创建完成, 用户可在此处操作或导入初始数据到UI
   
5.                 _滚动视图1.置视图大小(0, 800)
   
6.                 显示(TRUE)  //显示出窗口
   
7.                 返回 0
   
8.         }
   
9.         函数 UI事件 整型 滚动视图垂直滚动_滚动视图1(元素句柄 来源句柄, 整型 pos,逻辑型 *是否拦截)
   
10.         {
    
11.                 如果(pos == 0)
    
12.                 {
    
13.                         _按钮_登录.置选中(真)
    
14.                 }
    
15.                 否则(pos >= 8 && pos < 18)
    
16.                 {
    
17.                         _按钮_主面板.置选中(真)
    
18.                 }
    
19.                 否则(pos == 18)
    
20.                 {
    
21.                         _按钮_状态.置选中(真)
    
22.                 }
    
23.                 返回 0
    
24.         }
    
25.         函数 UI事件 整型 按钮点击_按钮_登录(元素句柄 来源句柄, 逻辑型* 是否拦截)
    
26.         {
    
27.                 _滚动视图1.垂直滚动(0)
    
28.                 返回 0
    
29.         }
    
30.         函数 UI事件 整型 按钮点击_按钮_主面板(元素句柄 来源句柄, 逻辑型 *是否拦截)
    
31.         {
    
32.                 _滚动视图1.垂直滚动(8)
    
33.                 返回 0
    
34.         }
    
35.         函数 UI事件 整型 按钮点击_按钮_状态(元素句柄 来源句柄, 逻辑型* 是否拦截)
    
36.         {
    
37.                 _滚动视图1.垂直滚动(18)
    
38.                 返回 0
    
39.         }
    
40. }

复制代码

注意要先设置好视图大小，一个类似的功能就实现了。
是不是超级简单，你学废了吗？