网站关键词排名优化应该怎么做,淘宝的网站开发历史及难度,wordpress execl,京津冀网站建设公司写在前面
这是PB案例学习笔记系列文章的第8篇#xff0c;该系列文章适合具有一定PB基础的读者。
通过一个个由浅入深的编程实战案例学习#xff0c;提高编程技巧#xff0c;以保证小伙伴们能应付公司的各种开发需求。
文章中设计到的源码#xff0c;小凡都上传到了gitee…写在前面
这是PB案例学习笔记系列文章的第8篇该系列文章适合具有一定PB基础的读者。
通过一个个由浅入深的编程实战案例学习提高编程技巧以保证小伙伴们能应付公司的各种开发需求。
文章中设计到的源码小凡都上传到了gitee代码仓库https://gitee.com/xiezhr/pb-project-example.git 需要源代码的小伙伴们可以自行下载查看后续文章涉及到的案例代码也都会提交到这个仓库【pb-project-example】
如果对小伙伴有所帮助希望能给一个小星星⭐支持一下小凡。
一、小目标
通过本篇文章的学习我们将掌握怎么使用PB提供的滚动条控件。
本示例中我们通过控制滚动条来实现图框中不同颜色的显示 二、滚动条简介
当用户需要指定连续值而进行滑动控制时就需要用到滚动条。而在PB中滚动条一共有两种① HScrollBar ② VScrollBar。
我们只需要要指定滚动条的MinPosition、MaxPosition 和Position就可以来控制滚动条
三、创建程序的基本框架
① 创建examplework 工作区
② 创建exampleapp 应用
③ 创建w_main 窗口Title 设置为使用滚动条
以上步骤如果忘记了的小伙伴可以翻一翻第一篇文章
④ 创建控件进行页面布局
向窗口中添加1个GroupBox 控件、4个StaticText控件和三个HScrollBar 滚动条。
控件名依次为gb_1、st_1、st_2、st_3、st_4、hsb_r、hsb_g和hsb_b
具体布局及属性设置如下
控件名称属性值gb_1Text颜色控制st_1Text红st_2Text绿st_3Text蓝st_4BorderTruehsb_rMinPositionMaxPositionhsb_gMinPositionMaxPositionhsb_bMinPositionMaxPosition 四、编写代码
① 设置实例变量
在下图视窗下设置实例变量 int ii_r, ii_g, ii_b② 在滚动条控件hsb_r 的lineleft 事件中输入如下代码 lineleft 事件是在用户点击滚动条上的左箭头按钮时触发的。用于处理用户向左滚动滚动条时的操作。 if ii_r10 thenii_r 0
else// 每次向左滚动滚动条时实例变量ii_r 减10ii_r ii_r - 10
end if
//设置滚动条的位置
this.position ii_r
//设置控件st_4 背景颜色
st_4.backcolor RGB(ii_r,ii_g,ii_b)③ 同理在滚动条控件hsb_r 的lineright 事件中添加如下代码 lineright 事件是在用户点击滚动条上的右箭头按钮时触发的。用于处理用户向右滚动滚动条时的操作。 if ii_r245 thenii_r 255
elseii_r ii_r 10
end if
this.position ii_r
st_4.backcolor RGB(ii_r,ii_g,ii_b)④ 在滚动条控件hsb_r 的pageleft 事件中输入如下代码 pageleft 事件在左翻页的时候触发 if ii_r50 thenii_r 0
elseii_r ii_r - 50
end if
this.position ii_r
st_4.backcolor RGB(ii_r,ii_g,ii_b)⑤ 同上在滚动条控件hsb_r 的pageright 事件中输入如下代码 pageright 事件在右翻页的时候触发 if ii_r205 thenii_r 255
elseii_r ii_r 50
end if
this.position ii_r
st_4.backcolor RGB(ii_r,ii_g,ii_b)⑥ 在滚动条控件hsb_r 的moved事件中添加如下版本 moved 事件是在滚动条移动时触发。我们在该事件中设置滚动条位置和设置控件st_4 的背景颜色 ii_r this.position
st_4.backcolor RGB(ii_r,ii_g,ii_b)⑦ 我们在控件hsb_g 和hsb_b 同样的事件lineleft,lineright,pageleft,pagerigth,moved中添加同样的代码
⑧ 在开发界面左边的System Tree 窗口中双击exampleapp应用在其Open事件中添加如下代码
open(w_main)五、运行程序
运行程序后我们就可以通过拉动滚动条配置出不同颜色
