9认识滚动条及图形控件.pdf

12 5 20第四周 2 认识滚动条及图形控件 1 第四周 2 认识滚动条及图形控件 教学时间 2010年3月24日 第4周 教案序号 17 18 教学课时 2 教学进度 正常 教学目标 认识滚动条控件和图形控件的属性和事件 并学会应用 教学重点 滚动条控件的使用 教学难点 对于事件掌握 教学过程 程序下载 一 滚动条的设置 滚动条是windows应用程序中界面上的常见的元素 有了滚动条 就可在应用程序或控件中做垂直滚动 能 方便地巡视一长列项目或大量信息 水平 垂直滚动条控件不同于文本框 列表框和组合框中的滚动条 无 论何时 只要这些控件所包含的信息超过其所能显示的信息 滚动条就会自动出现 而不需要用户自己设计 对 于其他一些控件 如图片框控件 当它所包含的图形超过控件范围时 控件不能自动添加滚动条 因此无法浏览 到整个图形 此时 就可以使用滚动条控件来实现在图片框中滚动图片 另外 滚动条控件也常常用来进行数据 的输入 特别是在输入不需要精确的数值时 使用滚动条就显得很直观 也很方便 水平滚动条与垂直滚动条除方向不同外 其功能和操作完全相同 这里以水平滚动条为例来介绍滚动条的 结构 一个标准的水平滚动条 它的两端各有一个滚动箭头 在两个滚动箭头之间有一个滚动块 每单击一次滚 动箭头 滚动块就向滚动箭头的方向移动一定的距离 滚动块的位置代表值的大小 对于垂直滚动条 最上端代 表最小值 最下端代表最大值 对于水平滚动条 最左端代表最小值 最右端代表最大值 可通过设置滚动条的有关属性 来确定滚动条的一些参数 如值的范围以及每单击一次滚动箭头滚动块移动 的距离等 下表中列出了滚动条控件的一些重要属性 属性说明 min和max 确定滚动条的值的变化范围 其范围为 32768 32767 min属性指定 滚动条的最小值 max属性指定滚动条的最大值 largechange 确定每单击一次滚动条 滚动条值的变化大小 smallchange 确定每单击一次滚动箭头 滚动条值的变化大小 value 该值是一个整数 用来设置与返回滚动条的值 它对于滚动块在滚动 条中的位置 两个事件 scroll和change Scroll 在拖动滚动块时发生而在单击滚动箭头或滚动条时不发生 只要拖动滚动框的动作继续 就 12 5 20第四周 2 认识滚动条及图形控件 2 会不断产生Scroll事件 当停止拖动时 如果滚动块的位置发生了变化 则又产生一个Change事件 Change 在滚动块移动后触发该事件 实例一 计算打折小程序 这是一个自动计算物品打折后价格的小程序 在该程序中 用户输入物品的原价 通过滚动条来设置打折的 多少 则窗体上会自动显示出当前的打折情况以及物品在当前打折下的价格 在窗体上放置6个标签控件 一个文本框控件和一个滚动条控件 如下图所示 双击滚动条控件 打开 代码 窗口 将下列代码添加到HScrolll Change事件过程中 由于代码在HScrolll Change 事件过程中 因此 一旦滚动条的值改变了 当前的打折情况以及物品的 现价即可被更新 为了使在拖动滚动框时 打折和现价也会随时更新 将上述代码再添加到HScrolll Scroll事 件过程中 运行该程序 在文本框中输入物品的原价 拖动滚动条 则窗体上就会显示出打折的多少和物品的现价 实例二 弹跳的小球 本实例是设计一个小球在指定范围内任意弹跳 使用水平滚动条控件 hscrollbar 来控制小球跳动的速 度 用水平滚动条的value属性获得滑块在滚动条中的位置 代表小球跳动的速度 单击 play 按钮 小球开 始跳动 移动滚动条调节跳动的速度 单击 stop 按钮 暂停小球的跳动 按 end 结束程序 界面如下 12 5 20第四周 2 认识滚动条及图形控件 3 主要的属性设置 对象对象名称属性属性值 图形框picture1backcolor自定 形状控件shape1 shape3 circle fillstyle0 solid fillcolor自定 时钟控件timer1enabledfalse 水平滚动条hscroll1 max230 min50 代码实现 1 定义全局变量 2 当单击 确定 按钮时 小球开始任意方向的跳动 3 当单击 停止 按钮时 小球暂停跳动 结束 按钮直接添加 end 4 为窗体添加加载事件 初始化小球跳动的方向和生成移动点的随机数 5 添加timer1事件 实现小球运动 并使小球碰到边界能够弹回 12 5 20第四周 2 认识滚动条及图形控件 4 6 为滚动条改变和滚动事件 实现当移动水平滚动条滑块或单击水平滚动条左右两边的箭头时 小球的弹跳速 度发生变化 二 图形控件 1 图片框 界面中包含有图片的窗体的方法是 首先 在窗体上要显示图片的位置放置一个图片框控件 然后 将所要 的图片加载到图片框控件中即可 可以加载到图片框控件中的图形格式有以下几种 位图 bitmap 文件后缀为 bmp 图标 icon 文件后缀为 ico Windows图元文件 文件后缀为 wmf JPEG或GIF文件 文件后缀分别为 jPg和gif 既可以在程序设计阶段向图片框加载图片 也可以在程序运行阶段加载图片 为图片框加载图片的方法有 在程序设计时 通过在 属性 窗口中设置Picture属性来加载图片 在程序设计时 利用剪贴板加载图 片 例如 有时可能希望添加由Windows画图板创建的位图图像 可以直接把图像复制到剪贴板上 选定图片框 或图像框控件 然后使用键盘快捷方式Ctrl V或使用 编辑 菜单的 粘贴 命令即可 在程序运行时 使用LoadPicture 函数加载图片 加载语句如下 图片框名 Pirture LoadPicture 文件名 注意 在程序运行时 不能直接将文件名赋予控件的Picture属性 而要使用loadpicture 函数 要清除图形框控件中的图形 应