用Swift开发Mac App(4)

用Swift开发Mac App(4),第1张

概述创建详情页面 在iOS中,典型的“主-细页面App”需要创建两个视图,但在 OS X,由于屏幕不再受到限制,我们可以将它们合并在同一个视图中。 打开MasterViewController.xib,选中view,将宽度和高度拖大。如图: 我们需要显示下列信息: 昆虫名, 惊悚指数和昆虫图片。 昆虫名用NSTextField 控件显示,惊悚指数用EDStarRating 控件显示,昆虫图片则用NSI

创建详情页面

在iOS中,典型的“主-细页面App”需要创建两个视图,但在 OS X,由于屏幕不再受到限制,我们可以将它们合并在同一个视图中。

打开MasterVIEwController.xib,选中vIEw,将宽度和高度拖大。如图:


我们需要显示下列信息: 昆虫名,惊悚指数和昆虫图片。

昆虫名用NSTextFIEld控件显示,惊悚指数用EDStarrating控件显示,昆虫图片则用NSImageVIEw显示。

此外,我们还需要两个Label,用于表示每个字段的意义(标题)。

拖一个 Text FIEld (昆虫名),2个Labels (字段标题),一个Image VIEw 到vIEw中。

EDStarrating控件是一个定制控件,无法在Objects library中找到它,因此你需要先拖入一个 “Custom VIEw”控件。

将这些控件放到vIEw的右边,从上到下依次摆放:

·首先是一个Label,用于充当昆虫名的字段标题,在它下边是 textfIEld。

·在text fIEld下面是第二个 label(惊悚指数的字段标题)。

·在这个label,下边是一个customvIEw (后面将改成EDStarrating控件)。

·最下面是image vIEw below 控件。

所有控件左对齐,如下图所示:


然后选中custom vIEw 控件,打开IDentity面板(第三个标签按钮)将Class 修改为EDStarrating


选择第一个label,打开Attributes 面板(第4个标签按钮),修改Title 为 “名称”.

依照上面的方法,将第二个label的Title 改为“rating”。

选择最顶级的 vIEw (在document outline面板中显示为“Custom VIEw”) ,打开Size 面板,查看它的大小:


打开MainMenu.xib,选择 ScaryBUGsMac window,设置window 的宽高为前面记住的宽高。然后勾选MinimumSize


运行后效果如下:


EDStarrating控件并没有在界面上显示,这是因为我们还没有配置它。

打开MasterVIEwController.xib,打开Assistant Editor (工具栏中“Editor” 面板的第二个按钮),并确保当前编辑的内容是MasterVIEwController.swift

选中table VIEw,按下右键,拖一条线到MasterVIEwController.swift文件中:


这将d出一个窗口,允许你创建一个IBOutlet。在name中输入BUGstableVIEw,Storage 设置为 Weak,然后点击Connect。


重复上述步骤,为text fIEld和image vIEw创建两个IBOutlet:

BUGTitleVIEwBUGImageVIEw

对于custom vIEw,则创建一个IBOutlet:BUGrating.

最终,MasterVIEwController.swift文件中将新增如下内容:

@IBOutlet weak var BUGstableVIEw: NStableVIEw!

@IBOutlet weak var BUGTitleVIEw: NSTextFIEld!

@IBOutlet weak var BUGImageVIEw: NSImageVIEw!

@IBOutlet weak var BUGrating: EDStarrating!

总结

以上是内存溢出为你收集整理的用Swift开发Mac App(4)全部内容,希望文章能够帮你解决用Swift开发Mac App(4)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1088024.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存