旋风教程 之 界面制作篇

旋风教程之界面制作篇 第一讲label标签 基本 属性1 名称 Name 不能以数字开头 只能是中文或者英文开头属性2 显示 Visible 设置这个控件在运行时你能不能看见属性3 有效 Enabled 决定这个标签能不能响应事件 标签只有一个点击事件即如果该属性为false 即使写了EventForm1 Label1 Click 这个事件也不会被执行属性4 标题 Caption 就是标签里面的内容 调用方法为变量名 form1 名称 caption 位置 例 a form1 label1 caption a就是标签label1的内容属性1 左边 Left 属性2 上边 Top 左边和上边就是设置控件与窗体左边和上边的距离属性3 宽度 Width 宽度和高度不解释了吧 属性4 高度 Height 属性5 显示顺序 ZOrder 大概就是按TAB键时选中顺序 其他 属性1 文字颜色 TextColor 设置文字颜色不解释属性2 背景颜色 BackColor 设置背景颜色不解释属性3 字体 Font 设置字体不解释属性4 背景样式 BackStyle 设置是否为透明标签 该属性生效时无视背景颜色属性属性5 自动大小 AutoSize 该属性生效时 标签大小由文字多少决定 标签事件只有一个 就是鼠标在标签上面点击的时候所触发的事件 如下 EventForm1 名称 Click 这里写事件被触发后要执行的代码EndEvent你可以建两个分别名为label1 label2的标签输入以下代码调试一下 看是什么效果 EventForm1 label1 ClickForm1 label2 caption 第一个标签被点击 EndEvent Label标签事件以及内容的改变 标签不一定是作标注 写说明的 也不一定是像账号输入框前面的 账号 那样 你也可以通过代码改变标签的内容向别人表述一些事情 比如显示 登录成功 不一定要用msgbox 登录成功 0也可以在预先准备好的标签显示 Form1 名称 caption 登录成功 当然 名称就是前面所说的标签名称 事件是可以被控件识别的操作 如按下按钮 选择某个选择框 或者窗体的加载 被单击 文本框文本改变等 什么叫事件 注意 不能这么写 a 第一个标签被点击 Form1 label2 caption a运行时不能改变颜色 Form1 label2 TextColor 0000FF a Form1 label1 TextColorMsgboxa 这些都是错误的 第二讲InPutBox输入框 其他属性在前面介绍过 在此不再赘述 基本 属性4 文本 Text 就像标签的caption一样 Text决定着输入框的内容 其他 属性4 密码 PasswordChar 亲 看见QQ登陆框那里输入密码的吗 当这个属性为 是 就成了密码输入框了 属性5 多行输入 Multiline 当这个属性为 是 在代码那里输入form1 inputbox1 text 111111 vbCrLf 222222 输入框就会显示111111222222vbCrLf是回车换行符 有了这个才会换行具体参照全部命令 标准VBS命令 常数 字符串常数三个事件EventForm1 InputBox1 Change当输入框内容被改变 也就是说跟之前的内容不一样 就会触发这个事件EventForm1 InputBox1 GotFocus和EventForm1 InputBox1 LostFocus得到焦点和失去焦点 得到焦点就是输入框里面有个 闪啊闪的时候 原本有个 闪啊闪 现在木有了 就是失去焦点了 第二讲InPutBox输入框 限制输入位数的问题 这里用到一个函数 right 参数一 参数二 它的作用就是从左分割字符串 参数一就是字符串 参数二就是分割的字数比如a 1111111 b right a 1 这时b 1 如果b right a 4 则这时b 1111 明白了吧 同样的 如果我们要限制输入框的输入字数 可以这么写 比如限制10个字 EventForm1 InputBox1 Change 输入框改变事件 别说很陌生Form1 InputBox1 Text Right Form1 InputBox1 Text 10 这里是把Form1 InputBox1 Text左边10个字分割出来后重新赋予给Form1 InputBox1 TextEndEvent等号也是赋予号 不用讲了吧 不懂看基础教程去 还不懂问度娘 第三讲Button按钮 按钮的属性都在前面介绍过 在此不再赘述下面讲它的事件与应用按钮的事件就一个 点击事件 就是按钮被按下的时候触发的事件 换句话来说 按钮被按下 程序要干什么 同样的 点击事件是EventForm1 Button1 Click别忘了后面有个EndEventEvent 到EndEvent中间的代码就是程序要干的事情应用 首先建两个标签 两个输入框 两个按钮 初步模仿登录界面标签的标题caption分别为 账号 密码 账号 对应的输入框 文本Text设置为空 密码 对应的输入框 属性密码设置为 是 第一个按钮Button1的标题设置为 确定 Button2的标题设置为 退出 如图说到这里 别忘了每次修改界面 调试之前都要按 设置界面 按钮 后续 第三讲Button按钮 续上 代码部分输入 dim账号 密码EventForm1 Button1 Click账号 Form1 Inputbox1 Text密码 Form1 Inputbox2 TextIf账号 or密码 Then or表示 或者 的意思msgbox 请检查是否已完整输入账号密码 EndIfTracePrint账号 密码 traceprint的作用是在下面调试窗口显示文字EndEventEventForm1 Button2 Click EndScript EndEvent EndScript的作用是强制结束脚本的运行 冒号 的作用相当于回车 与正常换行输入代码一样的效果做好了吗 自己调试试一下效果吧 第四讲OptionBox单选框与CheckBox多选框 GroupBox组合框 其他属性不多讲 选择框有个共同的属性 初始选中比如QQ登陆框 有个记住密码的选择框 你选了之后 下次启动还保持被选中这就叫初始选中 即打开这个程序的时候 一个选择框的初始选中属性为 是 则这个选择框已经被选中标题caption就是那个框框旁边的文字 比如 自动登录 当然 顾名思义 单选框无论有多少个 都只能选一个多选框有多少个都能同时被选中至于组合框 原本的功能是把窗体分成几部分 像单选框如果在不同的组合框里 这些单选框就可以被同时选中 只是按键精灵目前面向对象技术不完善 组合框就是划线玩的选择框事件 都只有一个事件 点击 事件怎么写不多说 像按钮那样只是 button1改成选择框名称就行 Button1也是创建第一个按钮时 按钮的名称当选择框被选中或者取消选中 就是被点击了一下下 就会触发点击事件取值 格式 Form1 OptionBox1 ValueOptionBox1就是第一个单选框的名称当Form1 OptionBox1 Value 1时 选择框被选中 0就是没有被选中 第五讲Container容器 虽然组合框不能用了 但是容器可以充当一样的功能你可以创建两个容器 分别在里面画单选框 你会发现两个单选框都能选中 但是由于按键精灵的容器在运行时是木有边框的 所以我们可以用组合框 在外面沿着容器画一遍 然后把组合框调整一下大小 使它的边框贴合容器就行了 并且组合框的标题也可以告诉别人 容器里的控件是干什么用的 至于容器的其他属性就不多说了理论上容器是万能的 至少在VB中 容器还可以放图片 甚至选中一个网址拖放进去 可以打开网页 选中一个TXT文件拖放进去 可以查看TXT文件的内容 但目前在按键里 至少我还没有发现可以这么用 你可以试一试 应该能拖放的吧 第六讲PictureBox图像框 很明显 就是放图片的 有个图像路径的属性 就是指定你想放进去的图片在哪里当然了 这不是作背景用的 在制作小精灵的时候就能设置背景 可以说 对于制作游戏脚本 基本没用 最多放几张图片让人感觉漂亮些 它也有一个事件 同样是点击事件 不多说了 第七讲ComboBox下拉框 其他属性不赘述 它有两个独特属性 选项列表和初始选项选项列表List 需要在属性栏里设置 决定着它有几个选项以及选项的内容选项号码ListIndex 初始选项 就像选择框那样 只是选择框的选中属性只能选 是 或 否 决定着一开始是否被选中 而下拉框的初始选项 如果填 1 那就是一开始显示的时候 没有选中任何一个项目 如果填0 一开始选中的就是第一项 如图中的11111 填1就是选中第二项 类推 当然你也可以不在属性栏里设置列表 直接在代码中实现要实现图中那个列表 在代码中加入 EventForm1 Load 这个是窗体form1加载显示的时候发生的事件Form1 ComboBox1 List 11111 222222 333 EndEvent也是同样的效果 下拉出来的列表还是图中的样子 第七讲ComboBox下拉框 下拉列表是做好了 可是怎么知道别人选中的是哪一项呢 这里我们要用到split函数 函数原型 Split 字符串 分隔符 字符串数目 比较类型 后面两个参数是可选参数 一般忽略它们 而且限于篇幅我就不讲了 示例 a 15 164 321 那么b split a 1 1 中b成了一个数组b 0 15 b 1 164 b 2 321是从0开始的同样的 下拉框列表不论怎么做 它都是一个 11111 222222 333 的格式所以列表项 split Form1 ComboBox1 List 中 列表项 0 11111 列表项 1 222222 列表项 2 333 由于数组是从0开始的 选项号码ListIndex 初始选项 也是从0开始的 那么我们获得这个ListIndex属性的值就能知道选择的是哪一项假设我选中了222222这一项 a Form1 ComboBox1 List那么a的值就是1因为前面说过第一项的值是0 第二项是1 以此类推所以我们现在可以知道被选中的是哪一项了 列表项 split Form1 ComboBox1 List 被选中项 列表项 a 现在被选中项 222222 第八讲Timer定时器 定时器是固定大小的 而且运行时看不到其他属性不解释 它有一个时间间隔 Interval 属性 有一个定时事件定时器的作用就是每隔一段时间触发一次定时事件 也就是每隔一段时间执行一段代码时间间隔的属性单位是毫秒 1秒 1000毫秒有效 Enabled 属性决定定时器是否启动 默认选 是 即默认定时器一开始是启动状态 按键精灵对于定时器有个示例 我们在下一张幻灯片看一下 第八讲Timer定时器 首先在界面上放1个 标签控件 2个 按钮控件 和1个 定时器控件 其次复制以下脚本进行调试 初始化设置时间周期EventForm1 Loadi 60Form1 Timer1 Enabled False 默认定时器是启动状态 所以要先停止Form1 Timer1 Interval 1000 设置定时器循环的间隔时间 单位 毫秒 Form1 Button1 Caption 启动 Form1 Button2 Caption 停止 将两个按钮标题分别设置为启动和停止EndEvent 根据定时周期执行事件EventForm1 Timer1 TimerForm1 Label1 Caption i 每隔1秒改变标签内容 每次减一 从60到0 像倒计时一样i i 1IFi 0then Form1 Timer1 Enabled FalseExitEvent EndIf exitevent是退出事件EndEvent 冒号是什么东西前面已经说过 启动定时器运行EventForm1 Button1 ClickForm1 Timer1 Enabled False 防止被重复启动定时器Form1 Timer1 Enabled TrueEndEvent 停止定时器运行EventForm1 Button2 ClickForm1 Timer1 Enabled FalseEndEvent 停止定时器的运行 第九讲TabControl选项卡 选项卡有个叫选项的属性组 选项页数 Tabs 决定着选项卡有多少页 对于选项页号 Tab 第一页的Tab是0 第二页是1 以此类推 选项页名 TabName 就是那个 选项页1 也就是选项页的名称 如右图发现木有 右图有个组合框哦 可惜按键的组合框不能用 第九讲TabControl选项卡 当然 你可以点自定义 更多设置右边的 能够一次性设置所有的选项页双击列表还可以修改选项页的名称 选项卡有一个改变选择事件EventForm1 TabControl1 SelectChange比如原本显示的第一页 选项页1 然后我点击选择了第二页 选项页2 这时就发生