【易语言纯组件 UI】仿UI.CN网页版排版,纯组件UI自定义列表框(动效)

界面预览(无法截图动效界面):


声明:此源码未调用任何模块,纯组件编写绘制

代码解析:

运用复制窗口组件生成自定义列表,复制完组件之后修改组件的顶边和左边调整表项的位置

修改标记:方便鼠标滑入滑出事件对组件做出控制

修改可视:除了滑块以外,其它所有的可视都为真

记录初始顶边:以便于滑出之后恢复到最初始的位置为下一次滑入做准备


滑入:

修改背景颜色配合滑块颜色

使用延时能更好的优化CPU占用和动画效果


滑出:

与滑入思路一样,只是把坐标运动方向修改一下

注意事项:因为滑入效果同时触发的组件可能会很多,所以我们在滑出的子程序尾端又加入了启动线程滑出,也就是说让滑出这个事件陷入死循环,在程序运行开始到结束,它都会判断是否有滑块需要滑出。


主界面滚动:

运用组件滚轮事件和滚动距离的参数修改主页载体的顶边从而达到滚动的效果

主界面缓动滚动:

类似网页里面的回到顶部命令

思路就是用判断循环判断是否已经滚动到目标位置,如果到了就结束循环


源码下载:附件列表

敬告:授之以鱼不如授之以渔,重要的是参考思路,而不是拿到源码直接套用!

14 条回复   |  直到 2021-3-19 | 3294 次浏览




附件列表
文件名称 文件大小 下载次数
UI.CN仅UI.zip 文件大小:0.061M 47
热门评论
  1. 死你巴掌 - 2019-12-23 支持  0 | 反对  0

    不错,感谢分享!!!

    1. ssh806 - 2019-12-29 支持  0 | 反对  0

      来看看,不错的界面 

      1. 311192382 - 2020-4-20 支持  0 | 反对  0

        111111111111111111111111111

        1. q542546288 - 2020-6-6 支持  0 | 反对  0

          来看看,不错的界面 

          1. 20140706 - 2020-6-15 支持  0 | 反对  0

            看一看

            1. zx411502 - 2020-7-6 支持  0 | 反对  0

              看着很不错的样子

              1. zhizhi - 2020-8-24 支持  0 | 反对  0

                慕名而来

                1. x96980 - 2020-9-30 支持  0 | 反对  0

                  慕名而来

                  1. wuxiaotong - 2020-9-30 支持  0 | 反对  0

                    666666666666666


                    1. 唐吉坷德 - 2020-10-3 支持  0 | 反对  0

                      看看!这样真心不错啊!

                      1. haoyua - 2020-12-28 支持  0 | 反对  0

                        看看!这样真心不错啊!

                        1. 3111923829 - 2021-1-14 支持  0 | 反对  0

                          555555555555555555555555555

                          1. ych126 - 2021-3-4 支持  0 | 反对  0

                            6666666666666

                            1. 65190412 - 2021-3-19 支持  0 | 反对  0

                              芝麻开门



                              登录后才可发表内容