易语言简易图解教程_第7章.pdf

《易语言简易图解教程_第7章.pdf》由会员分享，可在线阅读，更多相关《易语言简易图解教程_第7章.pdf（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、136本章主要介绍易语言中组件的添加和使用方法，包括组件的属性，事件和方法的使用，还举了几个简单的例程来演示。第七章第七章第七章第七章 使用组件使用组件使用组件使用组件本章学习内容本章学习内容：7.1使用组件设计程序界面7.5了解组件的方法7.2动态修改组件属性7.6组件应用实例网络电视7.3初步了解组件事件7.7课后练习7.4事件的应用电子表相信大家已经使用过易语言中的好多种组件了，对组件已不再陌生，但你知道吗，组件中的很多属性都有它特殊的用途，而且很多组件都包含它特有的事件和方法，只有对这些属性、事件和方法有所了解，编程时才能得心应手。1377.17.17.17.1 使用组件设计程序界面使

2、用组件设计程序界面使用组件设计程序界面使用组件设计程序界面很多软件都有漂亮的可视化界面，那么这些漂亮的界面是如何创建的呢？这就是组件的功用了，本节就来教大家如何为自己的程序设计一个漂亮的界面。要想设计好程序的界面，我们就要先了解组件的各种不同的属性。首先，新建一个易程序，产生一个窗体。组件箱里列出了易语言提供的所有组件。属性面板显示了被选中组件的所有属性。可以直接在这里改变组件的属性。138点击 底图属性旁边的小按钮。在弹出的对话框中选择一张精美的图片。然后点击“打开”按钮。哇！出现了这么大的一个苹果图片，怎么办呢？添 加底 图以后的窗口。139注意：如果添加了图片后又想将图片删除怎么办？注意

3、：如果添加了图片后又想将图片删除怎么办？可以选中底图属性，然后点击鼠标右键，在弹出菜单中选择“删除内容”命令。或者选中“底图”属性后，按Delete键删除。如果底图过大，可以将“底图方式”属性设置成“图片居中”刚才 的大图 片已经调整成合适的大小了。仅仅给窗体添加了一张苹果图片，就得到了一个与众不同的窗口，我们继续将这个苹果窗口设计成一个软件的用户登陆窗口吧！140添加两个标签组件。名称分别为“标签 1”和“标签 2”。在窗体上添加两个编辑框组件。名称分别为“编辑框 1”和“编辑框 2”。将“标签 1”的标题属性改成“用户名：”将标签 1 的背景颜色属性设置成深青色。将标签边框属性设置成“单线

4、边框式”。用修改标签 1 的方法来修改标签 2 的属性。不同的是将标签 2 的标题改成“密码：”141将编辑框“编辑框 2”的“输入方式”属性设置成“密码输入”。都用过自动提款机吧？输入密码的地方是不能显示出来了，我们设计的登陆窗体中的“编辑框 2”也是用来输入密码的，所以也要作好保密工作呀！程序运行以后，由于编辑框 2 的输入方式已改成“密码输入”，输入的内容就保密了，输入的密码都用星号显示。142最后，再添加两个按钮组件，分别命名为“按钮 1”和“按钮 2”。好啦，一个登陆窗口就做好了，怎么样，好看吗？这个窗口可以用来控制一个软件的使用，只有输入正确的用户名和密码后，才可以继续使用软件，这

5、样其他人就不能乱用你编写的程序了。当然，光有窗口是不行的，还要在按钮组件被单击的事件中输入其他的代码才行。组件的事件如何使用呢？下面将在介绍组件事件的时候做详述。你还想得到更加特别，更加与众不同的窗口吗？易语言可以帮助你实现。易语言为你准备了 29 种精美而特别的窗体外形。将两个按钮的标题属性分别改成“登陆”和“退出”。143设计完更加特别的窗体外形以后，你的窗体就焕然一新了。还可以换上其他的外形看看，哪个更漂亮？设置外形属性的下拉列表列出了 29 中外型的供选择。可以给窗体更换不同的外型。将窗体的外形属性设置成“五角星”。外形是“五角星”的窗体。改变窗体外型：将窗体组件的边框属性设置成“无边

6、框”的1447.27.27.27.2 动态修改组件属性动态修改组件属性动态修改组件属性动态修改组件属性上面修改了这么多组件的属性，都是手动修改，这些修改工作是要在程序运行以前就做好的。那在编写程序的时候想要随时用代码修改组件的属性可以吗？其实组件的属性都可以用程序代码在程序运行的过程中动态地改变。动态改变组件属性的方法也是最常用和最灵活的方法。下面就介绍一下如何动态修改组件的属性。动态改变组件属性的基本方法是：组件名.组件属性=要赋给组件属性的值把刚才编写的登陆窗口保存好，记住保存在哪，下面会使用到它。下面跟着例子新建一个易程序。点击标签组件后，在窗体中拖动画出一个标签组件。命名为“标签 1”

7、。在窗体中添加一个按钮组件。命名为“按钮 1”。145双击按钮“按钮1”。双击按钮后，进入了“_按钮 1_被单击”子程序的代码设计界面。然后输入代码动态改变标签的标题属性。随机改变标签的背景颜色。由于颜色属性其实是一个数值型的，所以用取随机数(255000,255255000)改变标签的边框。让标签的位置发生改变，代码运行时反复调用该属性的前一个值。1467.37.37.37.3 初步了解组件事件初步了解组件事件初步了解组件事件初步了解组件事件注意：在动态改变属性的时候，一定要注意属性本身的数据类型。也就是说，文本型的属性就给这个属性赋一个文本型数据，整数型的属性就给这个属性赋一个整数型数据。

8、比如：标签 1.标题 “动态改变标签属性”标签的标题属性是文本型的，所以想改这个属性时要赋给它一个文本值（如上边用双引号括住的一个文本型常数：“动态改变标签属性”）。标签 1.边框 6标签的边框属性是整数型的，所以改变边框属性时就要赋给它一个整数型的数据，如上边代码中“=”（赋值号）右边的数字“6”。最后。按 F5 键键运行程序。标 签 的边 框和 标题都改变了。并且，每次单击按钮，标签的位 置和 颜色都 会发 生改变。每个组件都有它的事件，当在一个组件上发生了某种事件后，就会运行这个事件相应的子程序。例如，对于“_启动窗口”的鼠标右键被按下这个事件，如果我们在名为“_启动窗口_鼠标右键被按下

9、”的子程序内输入了代码，当程序运行以后，在启动窗口上点击鼠标右键，就会调用“_启动窗口_鼠标右键被按下”的子程序，执行在这个子程序下输入的全部代码。有些事件是每个组件都有的，叫做基本事件，而有些事件是某类组件所独有的，叫做这类组件的自有事件。147在一个组件的属性面板底部的下拉列表中选择了一个事件以后，就会自动生成这个组件发生该事件时调用的子程序（叫做事件子程序）。每个组件属性面板的底部，都有一个列出这个组件所有事件的下拉列表。如果发生了在_启动窗口中右键被按下的事件以后，就会执行这个事件子程序下编写的代码。还记得前面编写的苹果图案的登陆窗口吗？找到并打开它。点击打开按钮。选中保存过的苹果登陆

10、窗口程序。点击 打开按钮，打开选中的程序。148将窗口的边框改回普通固定边框。将窗口的外形改回矩形 在 启动窗口上点击鼠标右键，在弹出菜单中选择“插入新窗口”命令，就会添加一个新的窗口。149在新建的“窗口 1”中，添加一个标签，名为“标签 1”。将“标签 1”的标题属性改成“程序的主窗口”。选中字体属性，然后点击字体属性上右侧的小按钮，在弹出的字体对话框中，将字体大小改成“初号”。双击“按钮 1”，就会产生“_按钮 1_被单击”的事件子程序。按钮被单击的事件是按钮最常用的事件，运行程序后，只要按钮被单击就触发这个事件，并运行这个事件子程序下的代码。在程序面板中双击启动窗口，回到启动窗口设计界

11、面。150当组件的可视属性被设置成假以后，这个组件就处于隐藏状态，也就是看不到了。下面我们就按下 F5 键，来运行上面的程序。输入代码：判断(编辑框 1.内容“123”且 编辑框 2.内容“456”)判断编辑框 1 的内容是否等于“123”，并且，编辑框 2 的内容是否等于“456”，如果都满足条件，就运行判断命令中的代码（即判断用户名和密码是否正确）。当编辑框 1 内容等于“123”并且编辑框 2 的内容等于“456”时，就运行这两行代码，运行后，启动窗口的可视属性被设置成假，并载入窗口“窗口 1”。当输入正确的用户名和密码以后，点击“登陆”按钮，就会弹出窗口“窗口 1”，而登陆窗口就消失不

12、见了。1517.47.47.47.4 事件的应用事件的应用事件的应用事件的应用电子表电子表电子表电子表手表已经成为生活中不可缺少的东西，而且现在有很多都是电子表，本章利用组件的各种事件，教大家自己动手做一个可以改变颜色的电子表。添加一个按钮组件，名为“按钮 1”。添加一个标签组件，名为“标签1”，然后将它的标题属性清空。添加一个 时 钟 组件，名为“时钟 1”。添加一个颜色选择器组件，名为“颜色选择器 1”。将按钮 1 的标题改成“显示电子表”。时钟组件过多使用会占用很多系统资源，但它仍然是一个非常实用的组件，能在规定的时钟周期里，不断的执行其独有的“周期事件”事件子程序下的代码。所以，在使用

13、时钟组件时，都要先规定时钟组件的时钟周期。例如：时钟 1.时钟周期=1000时钟周期 1000 表示每 1 秒钟执行一次周期事件子程序下的全部代码，以此类推，时钟周期 100 就代表时钟周期 0.1 秒，10 就代表时钟周期 0.01 秒。152双击“按钮 1”，进入“_按钮 1_被单击”事件子程序的代码设计界面。输入代码：时钟 1.时钟周期=1000按下按钮后，就将时钟 1 的始终周期设置成 1000，表示时钟 1 已经开始运转了。双击“时钟 1”，进入“_时钟 1_周期事件”事件子程序的代码设计界面。输入代码：标签 1.标题=到文本（取现行时间（）每个时钟周期都执行此行代码。即按下按钮 1

14、 后就每 1 秒钟取一次现行时间。由于取现行时间命令返回的是日期时间型数据，所以用“到文本”命令进行转换。注意：想要利用时钟组件让某段代码周期性地执行，一定要在该组件的周期事件子程序下输入代码，不要在设置该组件的时钟周期时编写代码。例如：想要每 1 秒钟都让变量加 1：错误的输入，变量 1 只在按钮被按下时才会加 1。而不是每 1 秒都加 1。正确输入，在周期事件子程序下输入代码，按钮按下以后，每秒钟变量都加 1。153那么，如何让标签的颜色随着颜色选择器对颜色选择的改变而改变呢？要在什么事件触发时去改变标签的颜色呢？在颜色选择器 1的事件列表中，选择“颜色被改变”事件。颜色 被改变 事件也是

15、颜色选择器最常用的事件，也可以直接双击它来产生这个事件的子程序。选中颜色选择器组件。只 要颜 色选择器的颜色被改变，就执行这个子程序下的代码，即将标签的背景颜色改变。最后，在“_颜色选择器 1_颜色被改变”事件子程序下输入以下代码：标签 1.背景颜色 颜色选择器 1.颜色将标签的背景颜色改成颜色选择器所设定的颜色。1547.57.57.57.5 了解组件的方法了解组件的方法了解组件的方法了解组件的方法按下 F5 键运行一下制作好的电子表，并试着在颜色选择器中选择不同的颜色。按下按钮，就显示出了当前的时间。可 以随 意选择电子表颜色。有些组件除了有属性和事件外，还有自己的方法。组件方法的用法和命

16、令的用法差不多，格式是：组件名.方法名(参数)组件的方法运行后就会对相应的组件产生不同的效果或者执行相应的功能。155用画板组件就可以制作一个精美的小九九乘法表。下面先来设计一下小九九乘法表的外观。在画板上添加一个名为“按钮1”按钮组件，并将按钮 1 的标题改成“九九表”。将画板的背景颜色改成白色。将画板的边框属性改成“镜框式”。添加一个画板组件，名为“画板 1”。双击按钮，进入“_按钮 1_被单击”的事件子程序。用Ctrl+L键，新建 3 个变量：整数型变量“被乘数”和“乘数”，文本型变量“要显示的内容”（注意下图所示有误）。156要想在画板上将九九表显示出来，首先考虑小九九表中有哪些数，他

17、们有什么规律呢，只要把九九表中，每一个算式的乘数和被乘数依次取出，就可以得到要显示在画板上的内容，然后用画板组件的方法显示出来就可以了。取 出九 九表中的乘数。取出九九表中的被乘数。在“_按钮 1_被单击”子程序下输入如下代码：计次循环首(9,被乘数)变量循环首(1,被乘数,1,乘数)要显示的内容 到文本(被乘数)“”到文本(乘数)“=”到文本(被乘数乘数)画板 1.定位写出(乘数 40 30,被乘数 20 10,要显示的内容)变量循环尾()计次循环尾()取出每个算式的文本。并保存在“要 显 示 的 内容”变量中。用画板的“定位写出”方法，将变量“要显示的内容”显示在画板的指定位置上，定位写出

18、方法的前两个参数规定了写出文本的坐标，是用一个公式表示的，只要了解定位写出方法的使用就可以了，公式仅供了解。1577.67.67.67.6 组件实际应用组件实际应用-网络电视网络电视7.67.67.67.6 组件应用实例组件应用实例组件应用实例组件应用实例网络电视网络电视网络电视网络电视让我们按下 F5 键，运行一下九九表程序吧。按下“九九表”按钮，熟悉的九九表就显示出来了。是不是很神奇呢？现在是网络时代了，看到众多的播放软件，都可以在网上直接观看电视节目，是不是也想自己动手做一个属于自己的网络电视呢。其实易语言只需要简单的代码就能实现这个功能。下面首先来设计网络电视的界面。158点击底图属性

19、上的小按钮。选择播放器的界面图片。新建一个易程序，并将启动窗口的边框属性设置成“无边框”。选 择一 张 图片，作为播 放 器的界面。添加 3 个按钮组件，分别将标题属性改成“播放 cctv1”、“播放 cctv9”和“结束播放”。选 好图片后，点击“打开”按钮。159双击标题为“播放 cctv1”的按钮，进入“_按钮 1_被单击”子程序下。添加一个和刚才窗体底图上黑色部分大小相同的超文本浏览框组件，名称为“超文本浏览框 1”。将超文本浏览框 1的可视属性设置成假。在“_按钮 1_被单击”子程序中输入以下程序代码：超文本浏览框 1.可视 真超文本浏览框 1.地址=“http:/ 1 被单击后就让

20、超文本浏览框 1 的可视属性变为真，即让超文本浏览框显示出来。这个超文本浏览框浏览网址：“http:/ IE 浏览器中输入这个网址。160在双击“结束播放按钮”后产生的子程序下输入代码：结束()用来关闭播放器。然后按照编写“播放 cctv1”按钮的方法，回到启动窗口，双击“播放 cctv9”按钮，和“结束播放”按钮，分别在各按钮的被单击事件子程序下输入代码。在双击“播放 cctv9”按钮后产生的子程序下输入如下代码：超文本浏览框 1.可视 真超文本浏览框 1.地址“http:/ 1_被单击”子程序下输入的代码 是 相 同的，只是将网址改成了中央 9 台的直播网址。一个精美的“网络电视播放器”就

21、制作完成了，可以在线收看中央 1台和中央 9 台的节目，大家也可以收集更多的网址，让这个网络电视机收到更多的台，但要提醒大家的是，这个播放器是要在安装了“Windows MediaPlayer9”以后才可以正常使用的，快去：http:/ F5 键试运行刚才编写的网络电视程序。1617.77.77.77.7课后练习课后练习课后练习课后练习用简单的几行代码就可以实现播放网络电视的功能，是不是很有意思呢？（1）通过支持库面板，对每个组件的属性，事件和方法作详细了解，观察哪些属性是某组件的特有属性，哪些事件是某组件的特有事件，组件的方法都有哪些：162（3）动手做一个可以旋转的字。提示：1、使用时钟组件2、使用字体属性中的字体角度属性，表示为：组件名.字体.字体角度=？效果如下：（2）不用任何代码，制作一个万年历，想一想，用什么组件就可以实现，效果如下：