BCB第八讲设计用户界面.docVIP

设计用户界面 经过前面几讲的学习后，我们已经了解了CBuilder各个部件的基本使用方法，并且学习了如何用CBuilder来生成、编译、连接和运行一个工程，这些都是今后我们使用CBuilder进行编程的基础。 CBuilder缺省生成的工程只是一个框架，并没有完成任何实际的功能，因此从本讲起，心铃将带领大家为这个缺省工程添砖加瓦，让它成为一个真正的MP3收藏和播放程序。本讲中我们首先要利用窗体编辑器和对象浏览器来为Mp3Collect工程设计用户界面，图8-1是程序最终完成并运行后的用户界面，这也就是我们的设计目标。 添加列表框控件 第二讲曾经介绍过，CBuilder提供有大量功能强大的元件，我们在开发应用程序过程中，通常会根据程序的功能和要求，首先考虑尽量使用现成的元件，以便减轻编程的工作量，只有当现成元件无法满足要求时才自己创建新的元件。 Mp3Collect的核心功能是管理MP3音乐，因此需要一个控件用于记录显示，这里我们选择具有分列显示功能的列表框，即位于Win32元件栏中的ListView控件。ListView控件是一个可以用多种形式来显示用户信息的窗体控件，Windows资源管理器中的文件信息就是用ListView控件来显示的，还有我们熟悉的NetAnts也使用了ListView控件来显示需要下载的任务，可见它的用途相当广泛。CBuilder的VCL库中提供了TListView类来封装ListView控件，同时还提供了TListItem类和TListColumn类，分别用于封装ListView控件中的列表项和列表头，在后面编写具体代码时，我们就要与这三个类打交道。 第三讲曾经介绍过向窗体中添加元件的两种方法，一种方法是双击元件板中需要添加的元件，例如这里的ListView控件，它就会自动出现在窗体中央，另一种方法是单击元件板中的元件，然后在窗体的某个位置上单击一次，选定的元件就会出现在指定位置处。 我们首先选中Mp3Collect的主窗体，拖动其边框将窗体扩大到合适的大小，然后按照上述方法为窗体中添加一个列表框控件。刚放入的列表框控件的大小和位置可能还需要调整，此时可以拖动控件来移动位置，或者先选中它，然后拖动它周围出现的小黑框来改变其大小，如此重复操作，直到你对控件的大小和位置都满意为止。 新加入的控件都有缺省的名字，例如列表框控件为ListView1，按钮为。。。，再次添加同一类控件时，新控件的名字将为ListView2或。。。，依此类推。如果你想为控件更改一个名字，可以先选中它，然后在对象浏览器中修改。。。属性。 ListView控件有四种显示方式：大图标、小图标、列表和报表（想想资源管理器文件窗口的四种显示方式），在Mp3Collect中，我们要使用具有分列显示功能的报表方式来显示歌曲记录。由于新添加的ListView控件缺省为。。。方式，我们需要修改决定ListView控件显示方式的ViewStyle属性，该属性是可读可写的，而且在设计时和运行时都可以更改，它有四种取值：vsIcon、vsSmallIcon、vsList和vsReport，分别代表四种显示方式。选中ListView控件后，在对象浏览器中选中ViewStyle属性，其属性值输入框自动变成下拉式列表框，选择vsReport，就可以把ListView控件的显示方式设置为报表方式。 接下来我们要设置列表中的表头，即ListView控件中的列标题。在对象浏览器中选择ListView控件Columns属性，单击属性值输入框右侧的“…”按钮，调出列表控件表头编辑框，如图8-2所示。对话框的工具栏上有四个按钮，分别用于添加表头项、删除表头项以及调整表头项显示的顺序。每添加一个表头项，对象浏览器都会显示出新添表头项的属性，我们可以在其中输入表头的标题及列的宽度，按照这样的方法为ListView控件添加三个列标题：文件名称、歌曲名称和歌手。 设计阶段所需要设置的ListView属性就只有这么多，其他属性值直接采用缺省值，包括其缺省的对象名称ListView1。由于ListView控件的属性较多，这里不可能一一介绍，不过在后续的讲座中还会多次通过实际代码，具体介绍该控件的使用方法的。 如图1所示，列表框控件分为3列，分别显示文件路径、歌曲名称和歌手姓名。 为了便于添加和修改记录，窗体中使用三个编辑框（Standard元件栏中的Edit控件）用于获取用户输入，以及三个标签控件（Standard元件栏中的Label控件）用于提示编辑框的用途。由于手工输入文件名的方式比较麻烦，所以在程序中设计了文件浏览、获取文件名的功能，当用户点击文件名输入框右侧的“…”按钮时，可以调出标准的Windows文件浏览对话框来获取MP3歌曲的路径和文件名。其中“…”按钮是由命令按钮（S