跟我来编程 易语言制作MP3

跟我来编程 易语言制作MP3 跟我来编程(简单的MP3播放器)(1)2006年12月22日 星期五 01:28 P.M.现在进入实战状态～大家一定要亲自动手跟着做，这样才有立杆见影的效果。 本章有以下主要内容: 本章的任务是:完成一个转变——从不会编程到会编程～ 第一节:简单的MP3播放器 小引:大家不要觉得MP3播放器是很复杂的东东，也不要以为编程是很神秘的事情，其实都是“毛毛雨啦——”。我教大家编的第一个程序就是一个简单的MP3播放器，以此来编程的简单、易语言的强大。例程下载。 做这个程序，大约需如下几步:1、启动易语言，新建一个程序; 2、设计程序界面; 3、写代码;4、运行编好的程序;5、生成可执行文件。这也是编写一个易语言程序的通用步骤，其中第2、3步可能重复交叉多次，这是后话。 [注:这个例程是非常简单的。。。] 第1步:启动易语言，新建一个程序 [上一步 下一步] 这一步应该是最简单的。从“我的电脑”或“资源管理器”中切换到易语言所在目录，双击易语言的图标 即可启动易语言。 易语言启动之后，会自动弹出一个“新建”对话框，如下图所示: 关于这个对话框，说明如下几点: 1、直接点击“确定”或选中“程序”图标后点击“确定”，将新建一个空的易语言程序; 2、选中“易模块”图标后点击“确定”，将新建一个易模块(以后讲); 3、点击“取消”则直接关闭本对话框; 4、切换到“打开例程”子夹，可选择打开易语言附带的源程序。 5、还可以切换到另一子夹填写用户反馈信息。 在上图所示的对话框中，我们选择“取消”，即不通过该对话框新建程序。我们的目的是要演示怎样手动新建一个程序——也是很简单的:选择菜单 “文件->新建” 或 单击工具栏上的“新建”按钮 仍然会弹出上图所示的“新建”对话框，直接点击“确定”就完成了“新建一个程序”的任务。 [注:工具栏上的“新建”按钮位于第一排最左边。易语言工具栏如右图所示:] 至此，第1步“启动易语言，新建一个程序”就完成了。让我们回顾一下:双击易语言图标启动易语言;通过菜单或工具栏调出“新建”对话框;单击“确定”新建程序。看，多简单呀～这跟在Delphi, C++Builder, VB, VC, WPS, Word, PhotoShop, DreamWeaver, FrantPage, 记事本...中新建一个文件没什么两样～——有什么两样吗,你告诉我。 新建一个程序的结果是:在易语言主窗口中央出现了一个“周围有小方框、内部有小黑点的”空窗口，这就是第一章所提到的“窗体设计区”。下一步我们要在“窗体设计区”中设计我们自己的程序界面。 [提示:现在就单击工具栏上的“运行”按钮(位于第一排倒数第二个)，运行一下本程序，看看效果如何,运行的结果是弹出一个窗口。不要太过于惊奇，虽然我们还没有做过什么，但它确确实实是一个完整的程序了～(欣赏完之后，单击右上角的结束程序，重新回到易语言开发环境，继续下面的工作。)] [注:运行程序还有两种方法:选择菜单“运行->运行”、按热键 F5 。] 第2步:设计程序界面 [上一步 下一步] 本步的任务是:在设计窗体上“画”一个按钮，并做适当调整。请按以下步骤进行: ?移动鼠标到易语言主窗口右侧的工具箱中，单击“按钮”控件。 [注:“按钮”位于工具箱二排四列。当鼠标指向控件时，会有黄色小框提示其名称: ?移动鼠标到主窗口中央的窗体设计区(这时鼠标指针变为)，单击一下设计窗体，窗体上在鼠标单击位置就会出现了一个默认大小(80*32象素)的按钮，同时鼠标指针恢复为。 [注:也可以在设计窗体上按下鼠标左键并向右下拖动(扯动一个虚框)，然后释放鼠标左键。这样能画出指定大小的按钮(大小与虚框相同)。所谓“拖动”，就是在保持鼠标左键被按下的状态下，移动鼠标指针。] [注:刚画出来的“按钮”周围会有八个蓝色小方框(襄有白边)，鼠标移动到它们上面时，指针形状会改变。随意点击按钮以外的区域，会发现八个蓝色小方框从按钮周围消失，而出现在设计窗体周围;再点击一下按钮，八个蓝色小方框又从设计窗体周围消失，出现在按钮周围。(提示:周围有八个蓝色小方框表示该控件“被选定”，是当前控件。所有的操作都是针对当前控件的，任何操作之前都需指定操作对象——指定的方法就是单击一下该控件，使其周围出现八个蓝色小方框。判断某控件是否为当前控件的方法也很简单，就看它周围有没有八个蓝色小方框。另外，利用这八个蓝色小方框还可以调整控件的大小，下面要讲到。)] ?在按钮上任意位置按下鼠标左键(不要松开)，向任意方向拖动，待松开鼠标左键时，会发现按钮的位置被移动了～[注:所谓“拖动”，就是在保持鼠标左键被按下的状态下，移动鼠标指针。] ?移动鼠标到按钮右下角的蓝色小方框上，待鼠标指针变为时按下鼠标左键，并向左上或右下拖动。拖动的结果是按钮的大小被改变了～ [注:待鼠标变形后按下鼠标左键，拖动结束后再放开。] [注:拖动八个蓝色小方框，都可以达到改变按钮大小的目的。但有一些不同:角上的四个，可同时改变按钮的宽和高;而边上的四个，却只能改变按钮的宽或高。] [注:用类似的方法，同样可以调节其它控件的大小。] ?您可能早已发现了，刚才“画”的按钮上写着两个字:“按钮”。能不能改成别的什么字呢,当然是可以的～下面请看修改控件属性的操作方法。 现在把目光移向易语言主窗口左侧的工作夹，用鼠标点击其右下角的“属性”切换到属性子夹(如果属性子夹已经在前台，则自然不必切换)。具体如左图所示: 先看一下属性子夹的总体结构，可分为三部分:最上面一行(是个下拉列表)是一部分，指明当前被选择的控件;最下面一行(也是个下拉列表)是一部分，以后会提到;最重要的是两者之间的部分—— 中间这一部分根据底色的不同，又被分为两栏:左栏以灰底黑字列出了当前被选择控件所有的属性名称，右栏白底黑字是对应属性的值。要改动某个属性的值，只需在右栏原值处双击鼠标左键。 并不是所有的属性都必须由我们指定，相反，大多数属性都有缺省值，需要我们修改的，只是其中的少数几个。下面 Liigo 给大家介绍“按钮”控件的重要属性。 ?名称和标题 这是最最重要的两个属性。名称指明了按钮的名子，写代码时要用到的。[注:易语言会自己为控件命名，如我们刚才画的按钮被命名为“按钮1”，如果再画几个按钮，则依次被命名为“按钮2”“按钮3”„„] 标题指明了显示在按钮上的文字。例如我们可以把按钮1的标题由“按钮”改成“播放MP3”。 ?可视、禁止和字体 可视控制按钮是否显示在窗口上(能否被看见);禁止控制按钮是否变灰;字体指定了标题文字的字体。效果见右图: ?左边、顶边、宽度和高度 四者配合确定了按钮的位置和大小。我们前面通过拖动来调整按钮的位置和大小的时候，其实是隐含地设置这几个属性的值。一般情况下，不必直接改动这几个属性——在窗体设计区用鼠标拖动更来的简单快捷。但若要精确控制控件的位置和大小的时候，直接改动这四个值就更方便了。(毕竟用鼠标拖动是有些误差的，不是吗,)左边、顶边、宽度和高度四个属性的具体含义见右图:(此图花了我两个多小时，妈妈的，PhotoShop牛刀宰鸡，就是耍不开～ Liigo,2002/4/20) [注:以上属性一概不动也是可以的，但最好把标题改过来，这样使用您程序的人一看标题就知道按钮的作用了。至于没提到的属性，有机会自己尝试着改一下，不明白的时候，用鼠标点一下属性名称，然后看状态夹的提示子夹(状态夹位于易语言主窗口下边，提示夹是它的三个子夹之一)，里面会有解释的。] 好了，先不管自己接受了多少，目前重中之重是确保正确地把按钮的标题改为“播放MP3”。我再重复一遍修改按钮标题的操作方法:1.选中按钮 2.切换到工作夹的属性子夹 3.找到左栏的“标题”，并双击右栏空白处 4.将原来的“按钮”两个字删除，写上“播放MP3”，打回车后发现按钮上的文字已经是“播放MP3”了。[注:标题是显示在按钮上的文字。“选中”的目的指定操作对象，选中的方法是单击窗体设计区中的欲操作控件，选中的结果(或标志)是控件周围出现八个蓝色小方框。] 经过前面五小步，终于完成了程序界面的设计。怎么样，还满意吧,再运行一次看看效果吧。[不记得如何运行程序了,前面已经说过好几遍了。不过没关系，我再给大家说一遍。要运行正在编写的程序，至少有三种方法:? 选择菜单“运行->运行”;? 单击工具栏按钮;? 按热键F5 。这三种方法是等效的。] [注:本程序运行的结果是:弹出一个窗口，窗口上有个按钮，按钮的标题是“播放MP3”。] [注:赶快存盘吧，这可是我们的劳动成果啊～不妨把文件名定为“MP3播放器”。] [注:到现在为止，我们还没写一行代码，所作的只不过是点了几下鼠标和输了几个汉字而已。很简单，不是吗,有朋友可能着急地问:单击按钮怎么没有播放MP3呢,哈哈，我们不是还没写一行代码嘛～只要写一行代码(没错，是一行)，立刻就能播放MP3～不信您看着——] 第3步:写代码 [上一步 下一步] 本步的任务就是要在易语言的代码编辑区输入这样一行代码: 播放MP3(1，“d:\e.mp3”) 这行代码的功能是播放指定的MP3文件“d:\e.mp3”。需要解释的可能是上述代码中括号内逗号之前的数字“1”，其含义是播放1遍。(如果是“2”呢,播放2遍。如果是“3”呢,播放3遍„„“0”呢,当然是不播放了～要想循环播放，改为“-1”就是了。)当然，一切的前提都是指定的MP3文件必须存在。 考虑到代码是程序的灵魂，而在易语言中输入代码的方式与平常打字大不相同，我会非常详细地介绍具体的操作方法。大家只要耐心地读下去，并亲自照着去做，一定很快就能学会～说话的功夫，心急的朋友可能尝试着自己输入代码了，可是——没找到代码编辑区～哈哈，代码编辑区我们第一章也介绍过的，还是看我的吧—— 双击设计窗体上的按钮，即可进入代码编辑区，界面如下图所示: 窗口中央深绿色区域就是易语言的代码编辑区，所有的代码都要在这里输入。 图中比较醒目的闪烁的黄色虚框，这是易语言特有的光标。[其它编辑器(如记事本)的光标多是闪烁的竖线。]图中光标所在的行有个“?”符号，这表示该行是空行。 易语言中的代码编辑区被分为多个“窗口程序集”(简单的程序只有一个程序集，如本程序)。程序集都有一个名称，如果不专门为其命名，则被自动顺序命名为“窗口程序集1”“窗口程序集2”„„等。所谓程序集，顾名思义也就是“程序的集合”，它是由多个子程序(或者说是函数)组成的。例如“_按钮1_被单击”就是“窗口程序集1”中的一个子程序。子程序中的代码，就写在子程序名称(函数名)所在表格的下方(具体到上图，子程序“_按钮1_被单击”的代码，要从光标所在行依次向下写起)。 我们现在不忙着写代码，先按上箭头键将光标上移一行，即移到“_按钮1_被单击”处(用鼠标单击也可将光标移过去)。然后看状态夹(位于易语言主窗口下边)的提示子夹，里面有提示:“当单击按钮后即产生此事件。本子程序为事件处理子程序，请不要修改此子 程序的名称、返回值及参数定义，否则将导致对应事件不能传递到此事件处理子程序。”意思是:一旦“按钮1”被单击，就立刻自动执行子程序“_按钮1_被单击”中的代码。按照我们的设想，在按钮1被单击的时候，要播放一首MP3，所以实现播放功能的代码只要放在该子程序中就可以了。[为什么按钮被单击的时候，会自动执行特定子程序(函数)中的代码,这涉及到Windows编程中一个很重要的概念:事件驱动，有兴趣的请看这里，否则跳过。] [注:如果提示子夹不在前台，可用鼠标点击切换，或者直接按F1键也可以。我在第一章说过请随时关注提示夹，还记得吗,这里随时都有您想知道的提示，不要吝啬您的眼光。] [注:“_按钮1_被单击”中的“按钮1”是什么,就是我们先前“画”到窗口中的那个按钮呀～易语言把它的名称自动命名为“按钮1”。您可能说“不是已经改为‘播放MP3’了吗,” 错误～概念混淆～我们只是把标题属性改为“播放MP3”，却没有改名称属性～名称给写程序的人用的，用于唯一标识控件;而标题(按钮上的文字)是给使用程序的人看的(想一想如果窗口上有五六个按钮，并且标题(按钮上的文字)都是“按钮”，你的用户会不会头晕,)。] 费话了那么多，现在开始实际的代码输入～ ?把光标重新定位到“_按钮1_被单击”所在表格的下面一行(如前图所示)，按一下键盘上的空格键。这时代码编辑区起了变化，如右图。看到了吗,原来光标所在处出现一个浅灰色区域，在这里面就可以直接输入代码了～ [注:键盘上的上下箭头键、鼠标单击都能起到移动光标的作用。] [注:我们已经知道要输入的代码了:播放MP3(1，“d:\e.mp3”)，怎么，要一个汉字一个汉字的打进去吗,当然是可以的，但是还有更简单的方法——] ?在前图所示的灰色区域输入:bfMP3(1,"d:\e.mp3")，按回车键，易语言会自动将它转换为我们实际想要的代码: 播放MP3(1，“d:\e.mp3”) 效果如图所示: [注:聪明的您已经发现，代码中有汉字的地方，输入时只要键入其汉语拼音的声母就行了～(本行代码只有两个汉字，节省的时间不够明显，但以后您会惊奇地发现，以这种方法输入，效率非常之高——比直接输入英文快多了。这是汉语的好处，也是易语言充分发挥汉语优势，为国内用户贴心考虑的结果。)] [注:不会出现“重码”吗,会，但是极少～因为易语言中的系统库函数是有限的，就好比总词组数比较少，重码率自然就低，绝不会像拼音输入法那样有大量的重码。以我个人的使用经验来看，平均每输入一千行，也不见得出现一次“重码”。当然这个数字是不精确的。] [一定要注意的是:以此种方法输入时，原本是字母的地方要大写(比如上面的“播放MP3”中的“MP”，如果在输入时写为“mp”，易语言就会弹出一个对话框告诉您那是错误的)。还有一点需要注意的是，引号中的文本(如上面的“d:\e.mp3”)，即使里面有汉字，也不能以首拼法输入——因为它不属于易语言的内部词组，系统不能识别。详细情况，请参考《易语言知识库》中的“程序的输入方法”:在易语言主窗口中选择菜单“帮助->易语言知识库”，或在易语言目录中双击e.chm文件，均可调出易语言知识库，如图:] [注:Liigo 建议，如果有机会，一定要通读一遍《易语言知识库》。虽然有很多初学易的朋友抱怨它晦涩难懂，并且没有图片，但它毕竟提供了用易语言编程最全面最权威的资料。在《易语言零起点》出现之前，《易语言知识库》几乎是学习易语言的唯一途径。现在有了《易语言零起点》这个最最初级的入门教程，入门是容易多了，但要想更深入的了解掌握易语言，《易语言知识库》必不可少。其实，《易语言知识库》也是非常通俗的，大家觉得 它“晦涩难懂”，只不过是因为大家初学编程、许多概念都很陌生的缘故。] 到此为止，代码输入就彻底完成了～很简单嘛，不过就是—— 1.双击按钮进入代码编辑器;2.在“_按钮1_被单击”表格下面的空行处按空格键(空行的标志是“?”);3.输入“bfMP3(1,"d:\e.mp3")”后打回车。就这么几步。 下一步就要运行我们的大作了～在运行程序之前，请先存盘。存盘的方法至少有三种:?选择菜单“程序->保存”;?单击工具栏上的保存按钮(位于工具栏左边数第三个);?按热键Ctrl+S 。三种方法是等效的，您只要选择其中之一即可。[注:随时存盘是一个好的习惯，易语言并不强制要求必须存盘。] 第4步:运行编好的程序 [上一步 下一步] 还记得怎样运行程序吗,要运行正在编写的程序，至少有三种方法:? 选择菜单“运行->运行”;? 单击工具栏按钮;? 按热键F5 。程序运行之后，其界面如图所示: 是不是发现，运行时的界面与设计时的界面非常的相似,这就是所谓的“可视化编程”，所见即所得(WYSIWYG - What you see is what you get)。很酷吧, 现在用鼠标单击窗口中央的按钮“播放MP3”，听听是否音乐响起,可别忘了打开音箱哟^_^(如果您没有音箱，可别怪我～——没有音箱就不能学易语言了吗,当然不是～) [注:如果确实听不到音乐，很有可能是输入代码的时候，您把MP3的路径弄错了。请检查一遍，重新运行再试一次。] 第5步:生成可执行文件 [上一步 下一步] 前面的所有操作，都不是为了最后这一步么,如果不能生成EXE文件，那编程还有什么意义,～ 在易语言中，生成EXE文件是再容易不过了～ 请看菜单“程序”(如右图):只要选择菜单项 B.编译独立发布版本 F7 或 D.编译非独立发布版本 就可以将本程序编译为可执行文件(*.exe)。 二者的区别是: 1。前者生成的是独立发布版，后者生成的是非独立发布版;(废话～) 2。独立发布版可在任何机器上独立运行，无需任何文件支持;而非独立发布版则只能运行于安装有易语言的机器上(如果非独立发布版要在未安装易语言的机器上运行，必须有易语言支持库的支持) 3。独立发布版的文件尺寸相应地比非独立发布版大500K左右。 大家可根据需要选择要生成的可执行文件的版本。如果自己用，或易友之间交流，编译为非独立发布版就可以了(文件比较小);如果给亲朋网友使用，而又不确信他(她)已安装易语言，则编译为独立发布版比较保险(可确保程序能够运行)。` [注:易语言支持库，就是文件krnln.fne，在易语言安装目录下。] 结束语:——第一节 简单的MP3播放器 (一) 这一节中，我带领大家完成了一个简单的MP3播放器。在详细介绍各步操作的过程中，还顺便附带着讲解了许多所涉及到的相关知识。为了帮助大家对易语言编程有一个总体的把握，下面我再概括总结一下本程序的编写过程: ?启动易语言(双击易语言图标) ?新建一个程序(菜单“程序->新建” 或工具栏按钮) ?从工具箱中拖动一个“按钮”控件到窗体设计区 ?在工作夹的属性子夹中修改按钮的标题属性 ?双击按钮，进入代码编辑区 ?在代码编辑区按空格键，以“首拼法”输入代码，并打回车 ?运行编好的程序(菜单“运行->运行” 或工具栏按钮 或热键F5) ?生成可执行程序EXE文件(菜单“程序->编译独立发布版本 或编译非独立发布版本”) (二) 在本节所有操作中，共生成了两个文件: 播放MP3.e ——易语言源程序，可再次用易语言打开并编辑它 播放MP3.exe ——最后的可执行程序，可随时运行 其中，播放MP3.e文件大小是1.5K，播放MP3.exe文件大小是44K(非独立发布版本)或552K(独立发布版本)。独立版与非独立版的区别是:非独立版只能在安装有易语言的机器上运行，而独立版则可以在任何机器上运行(当然是在Windows操作系统下);独立版的可执行文件相应地比非独立版大500K左右。 (三) 聪明的您可能已经发现本程序的缺陷了:只能播放同一首MP3，而不能在程序运行中由用户选择想听的MP3。下一节我们将升级这个MP3播放器，以解决其缺陷。 上一节，我们制作了一个简单的MP3播放器，并且通过这个完整的程序，学习了易语言的基本操作。在本节中，我们将完善该程序，使其能在运行中，由用户自行指定欲播放的MP3。下载例程。 [注:通过上一节的学习，给您印象最深的恐怕是按钮吧,本节将引入另一个最基本的控件:编辑框。] 做这个程序，大约需如下几步:1、启动易语言，新建一个程序; 2、设计程序界面; 3、写代码;4、运行编好的程序;5、生成可执行文件。这也是编写一个易语言程序的通用步骤，其中第2、3步可能重复交叉多次，这是后话。[这五步跟第一节中完全相同，不是吗,] 第1步:启动易语言，新建一个程序 [上一步 下一步] 从“我的电脑”或“资源管理器”中切换到易语言所在目录，双击 图标即可启动易语言。 如果易语言启动后弹出“新建”对话框，则直接单击该对话框中的“确定”按钮，就新建了一个程序。如果没有弹出“新建”对话框，可以通过菜单“程序->新建”新建一个程序，也可单击工具栏最左边的新建按钮来新建一个程序。 [注:是否自动弹出“新建”对话框，是可由用户设定的。如果您曾经在“以后不再显示此对话框”前的方框中打了对钩，“新建”对话框就不会再自动弹出。] 新建一个程序的结果是:在易语言主窗口中央出现了一个“周围有八个蓝色小方框、内部有密集小黑点”的空窗口，这就是第一章所提到的“窗体设计区”。下一步我们要在“窗体设计区”中设计我们自己的程序界面。 第2步:设计程序界面 [上一步 下一步] 所谓“设计程序界面”，有两个任务:一是把控件“画”到窗体设计区，二是在调整控件属性。好，下面我们开始。 ?单击工具箱中的“编辑框”控件(位于第一排第二列，其图标是)，然后在窗体设计区中单击鼠标左键，“编辑框”控件便以默认大小(80*20象素)出现在窗体设计区。 [注:工具箱在易语言主窗口的右侧。当鼠标指向工具箱中的控件时，鼠标下方会出现一个黄色小框提示该控件的名称。窗体设计区位于易语言主窗口中央，就是那个“周围有八个小方框，内部有密集小黑点”的特殊窗口。] [注:也可通过拖动鼠标画出控件。具体操作是:单击工具箱中的控件后，移动鼠标到窗体设计区，按下鼠标左键不放并向左下方向拖动，最后放开左键。在鼠标拖动过程中，会一直有一个虚框随着鼠标移动而不断变化大小，当最终结束拖动时，控件就会以该虚框的大小“画”到窗体设计区。] 无论是用“点击”还是用“拖动”的方法，“画”到窗体设计区中的控件的位置和大小可能都无法令我们满意，这时就需要调整。用鼠标拖动控件周围的“八个蓝色小方框”，直接改动属性夹中的左边、顶边、宽度、高度等属性，这两种调整控件位置和大小的方法第一节已经介绍过了，下面再介绍另一种用键盘精密调整控件大小的方法。 首先“选中”欲调整的控件(在窗体设计区点击它一下就可选中，如果它周围有了“八个蓝色小方框”，则表示它已经被“选中”)，按键盘上的四个箭头键可以一个象素一个象素地移动控件，Shift+箭头键 可以一个象素一个象素地改变控件的宽度和高度。如果您是一个追求完美的人，不妨用这种方法试一试。当然，如果不是要求特别严格，鼠标拖动的方法也基本上能够满足需要。 请按任一种方法，调整新“画”上的“编辑框”控件，使它位于窗体设计区中央偏上的位置，并且宽度大约是窗口宽度的80%。 ?按照同样的方法，在窗体设计区中“编辑框”的下方，再“画”两个“按钮”控件。然后分别将这两个按钮的标题属性改为“播放MP3”和“停止播放”。 [注:修改控件的属性要在工作夹的属性子夹中进行。工作夹位于易语言主窗口左侧，属性夹是其三个子夹之一(另外两个子夹是“程序”“支持库”，还记得吗,)。] 设计程序界面的任务，到此基本完成。(在以后的操作中，如果对界面不满意，还可以返过来继续调整。)最后的设计窗口是这样的: 第3步:写代码 [上一步 下一步] 双击标题为“播放MP3”的按钮，进入代码编辑区后输入以下代码: 播放MP3(1，编辑框1(内容) 输入代码的方法，不管大家还记不记得，我再重复一遍。1、定位光标到“_按钮1_被单击”表格下方的空行上;2、按一下空格键，输入:bfMP3(1,bjk1.nr) 后回车。您肯定看出来了，“bjk1.nr”分别对应“编辑框1(内容”中各汉字拼音的声母。 下面介绍一下代码的意义。“编辑框1”就是我们刚才“画”到窗体设计区的那个编辑框(还记得易语言自动为控件编号命名吗,)，“编辑框1(内容”是指在该编辑框中输入的文字。当程序运行时，在编辑框中输入一个MP3的文件名后，代码“播放MP3(1，编辑框1(内容)”就相当于播放该MP3文件了。 [注:内容是编辑框的最常用属性之一。] 下面一步就要双击标题为“停止播放”的按钮，为它写代码了。可问题是，我们正处于代码编辑区中，根本看不到窗体设计区，更不要说双击其中的按钮了～所以，目前的当务之急就是，切换到窗体设计区。切换的方法有三: 1、利用工作夹(工作夹位于易语言主窗口左侧) 首先将工作夹中的程序子夹切换到前台，然后单击“窗口”前的使其变为，这时会发现“窗口”下面又出现了一个分枝:“_启动窗口”，用鼠标双击它，就可以将操作环境从代码编辑区切换到窗体设计区。见右图: [注:这里的“_启动窗口”就是指我们设计的那个窗口，易语言自动把它命名为“_启动窗口”。所有的易语言程序都必须有一个“_启动窗口”，并且它的名称不可改动。还记得该窗口是怎么产生的吗,是“新建“程序的时候易语言自动生成的。] 2、利用“窗口”菜单 易语言主菜单中的“窗口”菜单如右图所示，选择“窗口:_启动窗口”即可切换到窗体设计区。 [注:“窗口”菜单的下半部分(分隔条以下)列出了当前程序存在的所有可操作区——包括“程序集”和“窗口”，以及“全局容器表”“自定义数据类型表”“DLL命令表”“资源表”等等。本程序因为比较简单，只涉及到一个窗口和一个程序集。菜单项前打 ?号的表示该操作区是当前操作区。] 3、利用热键Ctrl+Tab 也可以在代码编辑区和窗体设计区之间切换。 请通过上述三种方法之一，将当前操作区从代码编辑区切换到窗体设计区。然后—— 双击标题为“停止播放”的按钮，在光标所在行输入: 停止播放() 具体输入方法参考前面的讲述。提示:输入字可以是“tzbf”“tzbf()”“tingzhibofang”“tingzhibofang()”“停止播放”“停止播放()”等等。这一行代码的意思是，停止正在播放的MP3。和“播放MP3()”一样，“停止播放()”也是系统支持库中的易语言内置库函数。 [注:易语言中内置了500多个系统库函数，可在任何时间任何地点随意调用。利用它们能够轻松地完成众多复杂的功能。一个复杂的程序通常是由许多系统库函数组合而成。] [提示:在工作夹的支持库子夹中，所有的系统库函数被分为20类依次列出，如右图所示。单击某个分类前的使其变为，即可查看该分类中的所有系统库函数。而点击其中的任意一个函数名称，立刻就可以在状态夹的提示子夹中看到关于该函数的详细帮助。这是在易语言中寻求帮助的很重要的方法。] [Liigo同时提醒您，尽量抽时间多浏览浏览这些系统库函数，只要平时有了一些印象，用的时候再查找就快捷多了。我初学易语言的时候，就曾经花了整整一个晚上的时间，把所有的库函数全都抄了下来——包括函数名称、参数及函数功能。事实证明，这种方法是行之有效的。现在我编程时，要实现什么功能，虽有时不能立刻准确地记起要用到的函数，也总能很快地在支持库中查到它。] [注:支持库的最下面还有两个分支“数据类型”和“常量”。其中“数据类型”分支也是非常重要的，里面包含易语言中所有控件的属性、方法、事件等信息。] [总之，支持库是易语言中的帮助信息汇集中心。在编程的过程中，是经常要到这里来查找所需要的信息的。记往，所有的帮助信息都被显示在状态夹的提示子夹中。——这也是我一直提醒您多关注提示夹的原因。] 第4步:运行编好的程序 [上一步 下一步] 好，现在可以运行程序了～选择主菜单“运行->运行”，或单击工具栏上的“运行”按钮，或者按热键F5都可以编译运行当前的程序。 当我们设计的窗口弹出时，在编辑框中输入某个MP3的文件名(包含全路径，千万别写错哟)，然后单击按钮“播放MP3”，听听是否音乐响起,单击按钮“停止播放”后再输入另一个MP3文件名，再单击“播放MP3”，是不是又一首MP3响起,够爽吧, [提醒:存盘了吗,选择菜单“程序->存盘”，或单击工具栏按钮。] 第5步:生成可执行文件 [上一步 下一步] 选择菜单“程序->编译独立发布版本”或“程序->编译非独立发布版本”即可编好的程序编译为可执行文件(EXE文件)。一般编译为“非独立发布版本”就可以了，这样生成的可执行文件比较小。 [注:“独立版”与“非独立版”的区别，在本章第一节中有详细的介绍。] ------------------------------------- 结束语:——第二节 MP3播放器升级版 本节在上一节所编程序的基础上，又引入了一个“编辑框”控件，使程序有了一定程度的通用性——可以通过输入文件名指定欲播放的MP3。 本节用五步完成了这个完整的程序的编写:1、启动易语言，新建一个程序; 2、设计程序界面; 3、写代码;4、运行编好的程序;5、生成可执行文件。这跟第一节中的五个步骤是完全相同的。由此我们可以总结出:编写任何一个完整的易语言程序，都需要这五个步骤。[注:在这五步中，很显然第2、3步核心，是我们以后讲解的重点;而其余三步，不但 非常简单，而且在所有程序的编写中操作都是完全一样的，故今后将尽量简化对这三步的介绍，甚至取消。这样做的目的也是为了突出重点。] 本节完成后，也生成了两个文件:一个是源程序*.e (2K)，另一个是可执行程序*.exe (44K或632K)(文件名是您个人指定的)。 本节编写的虽然是一个“升级”过的MP3播放器，但它仍然有一个致命的缺陷:必须手工输入MP3文件名 小引: 本节将在第二节所做的“MP3播放器升级版”的基础上，通过增加一个“通用对话框”控件，使其功能更加完善、操作更加简单(黄金版耶^_^)。本节的所有操作将直接在“MP3播放器升级版”上面进行，而不再完全从头开始。点击下载本节例程。 本节内容: 1.打开已有源程序 2.调整界面 3.添加、修改代码 4.调试运行 5.生成可执行程序。此外以“附录”的形式补充了一些内容(包括窗口的标题和图标，提示性文字，主菜单，“关于”对话框等)。 如果准备好了，那我们就开始吧～ 第1步:打开已有源程序 [上一步 下一步] 启动易语言后，选择菜单“程序->打开”，或单击工具栏上的“打开”按钮(第一排第二个)，或按热键Ctrl+O 都能够调出一个打开文件对话框，如下图所示。 在对话框中，选择上一节存盘的易语言源程序(*.e)，单击“打开”按钮即可。(平常在WPS或Word中，不是也经常这么打开已有的文件吗,本节所编的程序，当用户选择欲播放的MP3时，也将弹出一个类似的对话框。) 另外，在“资源管理器”中双击某个*.e文件，易语言将自动启动并打开该文件。 下图是打开了“MP3播放器升级版”后的易语言主界面: 窗体设计区中的界面，就是我们上一节设计的结果。直接在这上面修改，比新建一个程序从头开始要省不少劲。(您不这么认为吗,) 下面我们要对该程序的界面和代码做一些改动，首先是调整界面—— 第2步:调整界面 [上一步 下一步] ?首先在窗体设计区中放上一个“通用对话框”控件。 [注:通用对话框控件是“非可视”控件，也就是说，当程序运行的时候是看不到它的(当然设计时能看到)。既然程序运行时看不到它，那要它有什么用呢,当然有用了～虽然不用它的“外表”，却要用到它的功能。所以“非可视控件”还有另一个叫法是“功能类控件”(同样“可视控件”还可称为“界面类控件”)。易语言中还有几个很常用的非可视控件:时钟、打印机、数据源等。] [注:既然运行时不可视，“非可视控件”的位置和大小就无关紧要了。] [提示:本教程中所说的“控件”，也就是《易语言知识库》中所说的“窗口单元”，只不过是同一事物的两种不同叫法而已。同样，本教程中的“变量”“函数”，在《易语言知识库》则分别被称为“容器”“子程序”，其实还是同一种事物的两种说法。相比较而言，还是本教程所采用的“控件”“变量”“函数”的提法更通用一些，也更易为人所接受。大家知道了这一点，以后读到《易语言知识库》就不至于感到迷惑了。] ?将原来的“编辑框”控件向左移动一些(必要时可减小其宽度)，并在其右边“画”一个新的“按钮”控件。然后在属性夹中将新“画”上的按钮控件的标题属性改为“...”，将宽度和高度调的稍小一些。 调整界面的工作就基本上完成了。最终界面如图: 第3步:添加、修改代码 [上一步 下一步] 就本程序而言，只需添加几行代码而无需修改已有代码。 双击编辑框右边的标题为“...”的按钮(按钮3)，进入代码编辑区后，在“_按钮3_被单击”子程序`中输入: 通用对话框1.打开() 编辑框1.内容 = 通用对话框1.文件名 先说一下代码的含义。通用对话框1.打开()的功能是打开一个“通用对话框”;编辑框1.内容 = 通用对话框1.文件名 的功能是把用户在对话框中选择的文件名(含全路径及扩展名)写到“编辑框1”中。 输入方法: 第一行输入字为:tydhk1.dk() 第二行输入字为:bjk1.nr=tydhk1.wjm [注:移动光标到已存在的代码行上，按回车键将在该行后插入一个空行;按Ins键将在该行前插入一个空行。(空行的标志是“?”)] 输入完成后的界面如图。 代码输入工作至此完成。 第4步:调试运行程序 [上一步 下一步] 菜单“运行->运行”;工具栏按钮;热键F5。 运行程序后，单击编辑框右侧的“...”按钮，就可以在“打开文件对话框”中选择欲播放的MP3了～这是运行时的截图: 第5步:生成可执行程序 [上一步 下一步] 菜单“程序->编译独立发布版本” 或“程序->编译非独立发布版本”。 附录: 首先声明，经过上面五步，本节的任务已经圆满完成了～此处再稍微“雕琢”一下。 1、窗口的标题、图标 心细的朋友已经发现了，程序虽然经历了三次“升级”，窗口标题栏上却仍然没有标题，图标也不是自己的。其实要为窗口加上标题和自己的图标是非常容易的。 “窗口”是一个特殊的控件(说它特殊是因为它不在工具箱中)，和普通控件一样，它也有自己的属性。选中窗口(单击窗体设计区的空白处)后，就可以在属性夹中看到它的所有属性。我们发现，标题和图标是窗口的其中两个属性，只要设置这两个属性，即可改动窗口标题和图标。(设置图标属性时，会弹出一个标准的打开文件对话框，选择一个喜欢的图标文件(*.ico)就可以了。) [注:对控件属性的修改可以在工作夹的属性子夹中进行，也可以用代码来实现，如前面用到的“编辑框1.内容 = 通用对话框1.文件名”。在属性夹中修改是静态设置，改动立刻生效;而用代码改动控件属性是动态设置，需代码执行后才生效。] 2、提示性文字 我们目前设计的这个窗口，里面有一个编辑框，但一点提示性文字都没有，换了别人，可能根本不知道编辑框是干什么用的。解决就是再增加一个“标签”控件。方法如下:从易语言主窗口右侧的工具箱中选择“标签”控件，并把它“画”到编辑框的上面;适当调整标签的大小和位置(如果编辑框上面的空间不够，可将编辑框向下移动);在属性夹中设置标签的标题属性为“请指定欲播放的MP3文件名:”。设计好的界面如图。 3、主菜单 很多专业软件都有主菜单。但本程序比较简单，功能又单一，完全可以不要主菜单。然而考虑到各位可能都想知道怎样为自己的程序加上主菜单，我们也不妨画蛇添足一回。操作如下—— 选择易语言主菜单“编辑->菜单编辑器”，就进入了菜单编辑器。(还有两种方法可以进入菜单编辑器:一、在窗体设计区单击鼠标右键，从弹出的快捷菜单中选择“菜单编辑器”;二、按热键Ctrl+E 。)菜单编辑器的界面如下图: 请按以下步骤进行: ?在标题编辑框中输入“文件(&F)”，在名称编辑框中输入“文件”，然后单击“向后插入”按钮; ?在标题编辑框中输入“播放MP3(&P)”，在名称编辑框中输入“播放MP3”，选择快捷键为Ctrl+M，然后单击“右移”按钮，再单击“向后插入”按钮; ?在标题编辑框中输入“停止播放”，在名称编辑框中输入“停止播放”，然后单击“向后插入”按钮; ?在标题编辑框中输入“-”，然后单击“向后插入”按钮; ?在标题编辑框中输入“退出(&X)”，在名称编辑框中输入“退出”，然后单击“向后插入”按钮; ?在标题编辑框中输入“帮助(&H)”，在名称编辑框中输入“帮助”，然后单击“左移”按钮，再单击“向后插入”按钮。 ?在标题编辑框中输入“关于MP3播放器(&A)”，在名称编辑框中输入“关于MP3播放器”，然后单击“右移”按钮。 经过以上七小步之后，菜单编辑器的界面如下图: 我们主要把目光对准左下的列表框:其中前面有四个点("....")的表示该菜单项是子菜单项，而没有点的则是顶层菜单。 现在设计的主菜单，共有两个顶层菜单:文件和帮助，其余都是子菜单。 知道四个点是怎么出来的吗,答:当单击“右移”按钮时自己出现的。(单击“右移”按钮两次会怎样,前面出现八个点，表示该菜单项是子菜单的子菜单。) 设计过程中，多次用到了字符“&”，它表示将跟在它后面的一个字母以下划线的形式显示，如“文件(&F)”显示为 “文件(F)”。 在菜单编辑器中还可以设置菜单项的快捷键、选中(是否在菜单项前打勾)、允许操作(是否变灰)、可视(是否隐藏)等。 单击上图右上角的“确定”按钮，我们的菜单条就设计完成了。请看—— 如果现在运行程序，选择菜单项不会有任何反应。很简单，还没有给菜单项写代码嘛～(如果新画上的按钮，不给它写代码，运行时单击它不也是没反应吗,一个道理。)那怎么给菜单项写代码呢,等一会马上告诉您～ 4、“关于”对话框 几乎所有的软件都有“关于”对话框，我们也不能例外。请一步步的跟我做—— ?选择易语言主菜单“插入->新窗口”，这时的易语言主窗口如下图: 我们发现，窗体设计区中原来的窗口(叫“_启动窗口”)不见了，却另外出现了一个空的窗口。这就是新插入的窗口，它被自动命名为“窗口1”(如果再插入一个就是“窗口2”了)。下一步要设计“窗口1”的界面。 ?在“窗口1”上画一个“标签”控件，并将标签的标题属性改为“***同志的大作～”，将字体属性设置为您认为漂亮的字体，将文本颜色属性设置为您喜欢的颜色，这时的“窗口1”界面如下面左图。还可尝试着把标签的边框属性改为“6.渐变镜框式”(从下拉列表中选择)，这时的“窗口1”界面如下面右图。 上面的右图是不是比左图漂亮一些,如果再把标签的渐变背景方式改为“1.从上到下”(从下拉列表中选择)，界面就更漂亮了～如右图。 标签控件还有很多有意思的属性，比如:效果、背景颜色、底图、渐变边框宽度、渐变边框颜色1、渐变边框颜色2、渐变边框颜色3、渐变背景颜色1、渐变背景颜色1、渐变背景颜色2、渐变背景颜色3„„等等，都尝试着改一改，效果肯定不会让您失望～可惜Liigo的想象力和美工水平都非常有限，已无力为您做演示了～ 至此，我们的“关于”窗口(窗口1)就基本上设计的差不多了。但如果您迫不及待地运行程序，却发现，无论如何也调不出新设计的“窗口1”～为什么呢,～ 一般情况下，每一个易语言程序都必须有名称为“_启动窗口”的窗口(新建程序时由易语言自动产生)，当运行程序时，易语言会自动显示“_启动窗口”。而对于用户插入的其它窗口，易语言不会主动显示它们(试想假设一个程序包含十多个窗口，如果程序启动时全都显示出来，岂不天下大乱,)。那到底怎样才能调出新插入的窗口呢,当然要靠代码了～请继续向下看。 [注:前面遗留了一个问题，是关于如何为菜单项写代码的，现在将顺便把它解决掉。我们的设想是，为“帮助”菜单的“关于MP3播放器”子菜单项配上代码，使该子菜单项被用户选择时，弹出我们的“关于”窗口(窗口1)。] ?切换到“_启动窗口”，选择“_启动窗口”的主菜单(刚才设计的)“帮助->关于MP3播放器”，进入代码编辑区，如右图: [注:从“窗口1”切换到“_启动窗口”的方法有三:1、通过工作上夹的程序子夹，双击“窗口”下的分枝“窗口1”即可;2、通过易语言主菜单“窗口->窗口:窗口1”;3、通过热键Ctrl+Tab 。] [Ctrl+Tab的使用:按下 Ctrl 键后不放，然后反复按 Tab 键可以在所有的编辑区(窗口或程序集或其它)之间顺序切换;按下 Ctrl 键后同时按下 Tab 键，然后都放开，可以在最近两个编辑区(窗口或程序集或其它)之间切换。] [注:在上图所示的代码编辑区，将光标上移一行(即移动到“_关于MP3播放器_被选择”处)，看状态夹中提示子夹内的解释(如果提示夹不在前台，请用鼠标切换之):“当菜单项被用户选择后即产生此事件。本子程序为事件处理子程序，请不要修改此子程序的名称、返回值及参数定义，否则将导致对应事件不能传递到此事件处理子程序。”它的意思是，当菜单项“关于MP3播放器”被用户选择时，就自动执行子程序“_关于MP3播放器_被选择”中的代码。很显然，显示“关于”窗口的代码应该写在这里。] ?移动光标到子程序“_关于MP3播放器_被选择”表格下面的空行处，按一下空格键，输入:zr(ck1) 然后打回车，发现输入字被转换为:载入 (窗口1, , 真) 。输入后的界面如下图: 这一行代码的含义是把“窗口1”显示到屏幕上。跟您想象的一样，“zr”对应“载入”，“ck1”对应“窗口1”，可是输入字和最终代码又不完全对应——多出两个逗号和一个汉字“真”——这就得益于易语言的代码补充功能了。在易语言中，很多系统库函数的部分参数是可省的。 要了解系统库函数载入的详细帮助，只需将光标移至“载入 (窗口1, , 真)”代码行，看状态夹中的提示子夹，里面就有您需要的解释。[注:状态夹在易语言主窗口的下面， 提示夹是其三个子夹之一。] 好了，运行程序，选择菜单“帮助->关于MP3播放器”，窗口1就会显示出来了，爽吧, 补充:为其它菜单项写代码 在前面，我们用菜单编辑器制作了两个顶层菜单(文件和帮助)，共包含5个子菜单，只为其中一个子菜单“关于MP3播放器”写了代码，再除去文件菜单中有个分隔条，还有另外三个子菜单需要响应代码。但是——很显然，“文件->播放MP3”与按钮“播放MP3”的功能是一样的，“文件->停止播放”与按钮“停止播放”的功能是一样的，既然我们已经给按钮“播放MP3”和“停止播放”写过代码了，只消把代码复制过去就可以了。复制的方法也很简单，只要在单击鼠标右键，选择“复制”“粘贴”即可(Ctrl+C、Ctrl+V也行)。 下面就只为“文件->退出”写代码。选择设计窗口的主菜单“文件->退出”，进入代码编辑区后，输入:xh，打回车键，代码自动转化为“销毁 ()”。如下图: 这一句代码在这里等效于“_启动窗口.销毁()”。它的意思自然是把“_启动窗口”彻底“销毁”了～当“_启动窗口”被“销毁”时，也就意味着程序结束了。因为几乎每一个应用程序都要响应“退出”菜单或“退出”按钮，“销毁 ()”函数是经常要用到的，请大家记住它。 结束语:——第三节 MP3播放器黄金版 “黄金版”是这样做出来的:在“升级版”的基础上，增加了一个“通用对话框”控件，使指定MP3时不必再手写输入了，极大地减少了操作复杂度。另外，还以附录的形式补充了一些内容，包括:为窗口指定标题和图标、提示性文字(标签)、主菜单制作、“关于”对话框制作等。 ?播放MP3的代码是: 播放MP3(播放次数，MP3文件名) ?停止播放MP3的代码是: 停止播放() ?打开“通用对话框”的代码是: 通用对话框1.打开() ?显示自定义窗口的代码是: 载入(窗口名称， ，真/假) ?结束应用程序的代码是: 销毁() 或 _启动窗口.销毁() 或 结束() “黄金版”做到这个份上，已经相对比较完善了，可别忘了这是我们的第一个程序呀～如果非要再给它找一些不足，那恐怕就是界面了——方方正正，灰头土脸——说好听了是“标准”，说难听了就是“呆板、死板”～不过别担心，用易语言也完全可以做出具有超级豪华界面的程序，不信请看下一节——