21.3.5　设计UI

你可能已经注意到了，项目的Resources文件夹中有两个xib文件：一个叫做MainWindow.xib，另一个叫做Fraction_CalculatorViewController.xib。前一个文件你根本不必理会，只要双击后者的文件名打开这个文件即可。Interface Builder启动时，可以看到标示为Fraction_CalculatorViewController.xib的窗口中显示了一个标有View的标签，如图21-23所示。

如果View窗口没有打开，双击图标打开它。在这个View窗口内部，可以设计计算器的UI。在每个数字按钮与clickDigit：方法之间建立连接，方法是在按下Ctrl键的同时，依次单击每个按钮并将其拖到Fraction_CalculatorViewController.xib窗口中的Files Owner图标，然后从Events下拉列表中选择clickDigit：。此外，还要在Inspector窗口中将每个数字按钮的Tag值设定为对应于按钮标示的数字。因此，标示为0的数字按钮的Tag值将被设为0，而标示为1的数字按钮的Tag值被设为1，依此类推。

图　21-23　Fraction_CalculatorViewController.xib窗口

在View窗口中绘制其他的按钮并建立相应的连接。不要忘记插入一个标签，以供计算器显示之用，并在按下Ctrl键的同时，单击Files Owner图标并将其拖动到标签上。从随后出现的Outlets下拉列表中选择display。

以上就是全部过程！你的界面设计已经完成，现在可以使用这个分数计算器应用程序了。