E语言图解.docVIP

7.1 如何用组件设计程序界面 7.2 动态修改组件属性 7.3 初步了解组件事件 7.4 事件的应用—电子表 7.5 了解组件的方法 7.6 组件实际应用-网络电视 7.7 课后练习 140 139 第七章 组件的使用 本章主要介绍“易语言”中的组件是如何添加和使用的，并用几个简单的小例程来了解组件的属性，事件，和方法。 本章学习内容： 7.1 如何用组件设计程序界面 7.5 了解组件的方法 7.2 动态修改组件属性 7.6 组件实际应用——网络电视 7.3 初步了解组件事件 7.7 课后练习 7.4 事件的应用——电子表 相信大家已经使用过易语言中的好多种组件了，对组件已经不陌生了，但你知道吗，组件中的很多属性都有它特殊的用途，并且，有很多组件都有它特有的事件和方法，只有对这些事件和方法都了解，编程时才更加得心应手了。 很多软件都有漂亮的可视化界面，那么这些漂亮的软件界面是如何创建的呢？这就是组件的作用了，本节就来教大家如何为自己的程序设计一个漂亮的界面。 要想对程序的界面进行设计，我们就要先了解组件的各种不同的属性。 ⑤将超文本浏览框1的可视属性设置成假。 ④选择超文本浏览框组件，拉出一个和刚才窗体底图上黑色部分大小相同的超文本浏览框，形成了“超文本浏览框1”。 选好图片后，点击“打开”按钮。 ③拉出3个按钮组件，分别将标题属性改成“播放cctv1”、“播放cctv9”、“结束播放”。 选择一张图片，作为播放器的界面。 ①点击底图属性旁边的小按钮。 ②在弹出的窗口中选择一张精美的图片。 ③然后点击打开按钮。 哇！出现了这么大的一个苹果图片，怎么办呢？ ④如果底图过大，可以给底图方式属性设置成“图片居中” 用修改标签1的方法，来修改标签2的属性。不同的是将标签2的标题改成“密码：” 注意：如果添加了图片后又想将图片删除怎么办？ 可以选中底图属性，然后点击鼠标右键，在弹出菜单中选择删除内容即可。 可者选中“底图”属性后，按[Del]键删除。 ⑥在窗体上拉出2个编辑框组件。形成了“编辑框1”和编辑框2。 都用过自动提款机吧？输入密码的地方是不能显示出来了，我们设计的登陆窗体中的“编辑框2”也是用来输入密码的，所以也要作好保密工作呀！ 你还想得到更加特别，更加与众不同的窗口吗？易语言可以帮助你实现。易语言为你准备了29种精美而特别的窗体外形。 ⑤拉出2个标签组件。形成“标签1”和“标签2”。 动态改变组件属性的基本方法是： 组件名.组件属性=要给组件属性的值 把刚才编写的登陆窗口保存好，记住保存在哪，下面会使用到它。 下面跟着例子新建一个易程序。 ⑦将“标签1”的标题属性改成“用户名：” ⑨将标签1的背景颜色属性设置成深青色。 ⑧将标签边框属性设置成“单线边框式”。 好拉，一个登陆窗口就做好了，怎么样，好看吗？这个窗口可以用来控制一个软件的使用，只有输入正确的用户名和密码以后，才可以继续使用软件，这样其他人就不能乱用你编写的程序了。 当然，光有窗口是不行的，还要在按钮组件被单击的事件中输入其他的代码才行。组件的事件如何使用呢？下面将在介绍控件事件的时候做详细介绍。 ⑩将编辑框2，即输入密码的编辑框的输入方式属性设置成“密码输入”。 将2个按钮的标题属性，分别改成“登陆”和“退出”。 最后，再拉出2个按钮组件，就形成了“按钮1”和“按钮2”。 仅仅给窗体了一张图片，就得到了一个与众不同的苹果窗口，我们继续将这个苹果窗口设计成一个软件的用户登陆窗口吧！ 刚加完底图的窗口。 ！ 这个窗口显示了被选中组件的所有属性。可以直接在这里改变组件的属性。 首先，新建一个程序，产生一个窗口。 这个窗口，列出了易语言提供的所有的组件。 刚才的大图片已经调整成合适的大小了。 运行以后，由于编辑框2的输入方式改成“密码输入”，输入的内容就保密了，输入的密码都用星号显示。 外形属性的的小箭头被点击后，就列出了29中外型的被选项。可以给窗体更换不同的外型。 ②将窗体的外形属性设置成“五角星”。 外形是“五角星”的窗体。 设计完更加特别的窗体外形以后，你的窗体就焕然一新了。 还可以换上其他的外形看看，哪个更漂亮？ 修改了这么多组件的属性，都是手动的去修改，这些修改工作是要在编写程序以前就做好的。 那在编写程序的时候想要随时的用代码修改组件的属性可以吗？ 其实组件的属性都可以用代码的形式在程序运行的过程中动态的去改变。动态改变组件属性的方法也是最常用和最灵活