打开 Xcode 并选择“创建一个新的 Xcode 项目”。选择“基于视图的应用程序”,然后单击“下一步”。为您的项目输入一个名称(我叫我的“音乐”),输入您的公司标识符,确保您选择 iPhone 作为设备系列,然后单击“下一步”。选择保存项目的位置,然后单击“创建”。
第 2 步:导入 MediaPlayer 框架
在 Xcode 4 的导航器区域中,选择项目名称(在我们的例子中为“Music”)。接下来,选择当前目标(此处再次选择“Music”),然后选择“Build Phases”选项卡。展开“Link Binary With Libraries”选项,然后单击“+”按钮添加新框架。在搜索框中键入“MediaPlayer”,然后选择出现在列表中的 MediaPlayer.framework 选项。单击“添加”以将此框架包含在项目的链接阶段。现在您已将媒体播放器框架添加到项目中,您需要将该框架导入将使用 iPod 的视图控制器
图书馆。转到 MusicViewController.h 文件并在 UIKit 下方插入以下代码第 3 步:导入项目图像
下载源代码并将图像映射拖到您的项目中。确保选中将项目复制到目标组的文件夹(如果需要)复选框。此地图包含我们将在此应用中使用的图像。
第 4 步:设计界面
在“Project Navigator”的“Music”文件夹中点击 MusicViewController.xib。
将 UIImageView 从库中拖到视图中。确保显示实用程序窗口并转到尺寸检查器。将宽度和高度都设置为 200,x 坐标为 60,y 坐标为 20。此图像视图将显示歌曲的插图。
现在将 UISlider 拖到视图中,并使用蓝色引导线将其排列到视图底部。也让它更宽一点,所以它使用两个蓝色指南之间的整个视图宽度。我们将使用此滑块来调节音量。
现在将 4 个 UIButtons 拖到视图中。将第一个拖到图像视图下并将其标题设置为“显示媒体选择器”。这将按照文本所说的进行。其他三个按钮将是控制按钮。选择其他三个按钮并转到属性检查器。将类型设置为自定义,将按钮的图像分别设置为PreviousButton.png、PlayButton.png 和NextButton.png。如下排列按钮。
最后,将三个 UILabel 拖到视图中。删除所有标签的文本并将它们排列如下(我添加了一些文本,因此您可以看到标签的位置。您不需要添加此文本)。这些标签将显示有关当前播放歌曲的一些信息。
第 5 步:建立 IB 连接
现在我们已经设计好了接口,我们可以进行连接了。点击编辑器中间按钮,显示助手编辑器。
单击图像视图并按住 CTRL 键拖动到界面。将显示一个弹出窗口。输入文本“artworkImageView”作为名称,然后单击“连接”。
现在单击滑块并以相同的方式连接它,但将其命名为“volumeSlider”。再次按住 CTRL 键从滑块拖动到界面,但这次是在花括号下方。将连接设置为 Action 而不是 Outlet。输入“volumeChanged”作为名称,并确保事件是 Value Changed,然后单击“connect”。
这 4 个按钮也需要操作。以与滑块操作相同的方式连接它们。将动作命名如下:
显示媒体选择器按钮:showMediaPicker
上一个按钮:上一个歌曲
播放按钮:播放暂停
下一首按钮:nextSong
播放按钮也需要一个插座。连接它的方式与我们连接图像视图的插座的方式相同,但将其命名为“playPauseButton”。
最后我们需要为标签创建出口。以与我们连接图像视图插座相同的方式再次连接它们。将第一个标签命名为“titleLabel”,第二个标签命名为“artistLabel”,最后一个标签命名为“albumLabel”。