用Swift开发Mac App(7)

缩放

打开MasterViewController.xib,在Size面板中查看 Custome View的大小。在本例中,它应该是540x400大小。但是读者的这个数字会有不同。不管是多大,请记下这个数字。待会会用到。

这将是App出口的最小大小。打开 MainMenu.xib, 选择 window 对象。在Size 面板中,勾上Constraint右边的Minimum Size 选项,然后将width 和 height 修改为同样的值。

运行程序。

改变出口的大小,这次当窗口缩小到最小尺寸后,就无法再缩小。

接下来我们需要解决控件自适应大小的问题,包括TableView和细节页面中的控件。

首先是MasterViewController视图。

打开 AppDelegate.swift, 在applicationDidFinishLaunching()方法最后加入:

// 3. 设置 masterViewController.view的布局约束 masterViewController.view.translatesAutoresizingMaskIntoConstraints = false 
let verticalConstraints = NSLayoutConstraint.constraintsWithVisualFormat("V:|[subView]|",
   options: NSLayoutFormatOptions(0),
   metrics: nil,
   views: ["subView" : masterViewController.view]) 
let horizontalConstraints = NSLayoutConstraint.constraintsWithVisualFormat("H:|[subView]|",
   options: NSLayoutFormatOptions(0),
   metrics: nil,
   views: ["subView" : masterViewController.view])   
NSLayoutConstraint.activateConstraints(verticalConstraints + horizontalConstraints)

在这里,我们允许MasterViewController在宽、高两个维度上使用自动布局。

接下来,我们使用IB的自动布局来约束来对table view进行布局,以便在窗口大小改变时,让它的高度自动增长,但宽度保持恒定。

打开 MasterViewController.xib ,选择table view,点击右下角的Pin 按钮, 勾上上、左、下3个约束,以及一个等宽约束,然后点击 “Add 4 Constraints”:

注意图片中的约束值可能和读者的实际值有所不同。

然后选择Reset按钮,设置其与Table View的上边距约束和一个相对于Main View的左边距约束:

接着选择分隔线,设置其与Main View的上、下边距约束,以及与TableView的左边距约束,确认在左边距约束的下拉列表中选择了 “Bordered ScrollView – Table View” :

接下来设置“Add” 和 “Delete” 按钮。我们不需要改变它们的大小,唯一需要改变的是它们和Table View之间的距离。对于两个按钮,我们需要设置它们的左、上,宽度和高度约束。已Add按钮为例,显示如下图:

Delete按钮类似。

运行程序,改变窗口大小,查看效果。

然后是右边的细节页面。在这个页面中,当窗口宽度变大时,所有控件的宽度也会变大。以TableView相同的方法,分别设置它们的自动布局如下:

·      设置Name标签的左、上约束。

·      设置bugTitleView的左、上约束。

·      设置Rating标签的左、上约束。

·      设置 bugRating的左、上、右和高约束。

·      设置bugImageView的左、上、下、右约束。

·      移动 Change Picture 按钮,以便它的右边沿刚好和bugImageView的右边沿平齐,然后设置它的右、下约束。

设置完bugImageView 按钮可能会出现几个警告,但ChangePicture 按钮之后,这些警告会消除。

上述步骤做完后,故事板将如下图所示:

编译运行,再次缩放窗口。

bugImageView的Scale设置会对图片产生不同的显示效果。在IB中选择Image Well 控件, 修改其scaling属性为“Proportionally Up or Down” 或者 “Axes Independently”,然后运行App,看看有什么不同。

注意: 如果你想限制窗口的最大缩放尺寸,则你也可以用设置窗口最小缩放尺寸同样的方式加以限制。

时间: 2024-10-06 22:38:40

用Swift开发Mac App(7)的相关文章

用Swift开发Mac App(1)

原文超级详细(图文),小白表示毫无压力:http://www.raywenderlich.com/87002/getting-started-with-os-x-and-swift-tutorial-part-1 由于原文浅显到略显啰嗦,因此翻译时我有选择地删除了部分段落. 打开Xcode,使用 File\NewProject- 菜单,在弹出窗口中选择 "OS X/Application",然后Next. 在接下来的窗口中,配置App信息.在product name栏中输入ScaryB

用Swift开发Mac App(8)

关注细节 关于用户体验方面,我们仍然有一些细节值得注意.例如:运行App,不要选择任何昆虫,点击"Delete" 或者 "Change Picture" 按钮,什么都不会发生,Why? 作为程序员,你当然知道当用户什么都没选择的情况下,不应当执行任何操作,但对于用户而言,这种情况仍然显得不太友好: 我们通过以下方式来解决这个问题: ·      如果用户选中了某个单元格,我们才让Delete按钮.Change picture按钮.文本框和rating view可用.

用Swift开发Mac App(4)

创建详情页面 在iOS中,典型的"主-细页面App"需要创建两个视图,但在 OS X,由于屏幕不再受到限制,我们可以将它们合并在同一个视图中. 打开MasterViewController.xib,选中view,将宽度和高度拖大.如图: 我们需要显示下列信息: 昆虫名, 惊悚指数和昆虫图片. 昆虫名用NSTextField 控件显示,惊悚指数用EDStarRating 控件显示,昆虫图片则用NSImageView显示. 此外,我们还需要两个Label,用于表示每个字段的意义(标题).

用Swift开发Mac App(5)

显示昆虫详情 打开MasterViewController.swift 增加如下方法: func selectedBugDoc() -> ScaryBugDoc? { let selectedRow = self.bugsTableView.selectedRow; if selectedRow >= 0 && selectedRow < self.bugs.count { return self.bugs[selectedRow] } return nil } 这个方法

用Swift开发Mac App(6)

接下来实现EDStarRating 的编辑. 在loadView 方法中,我们已经配置了EDStarRating的delegate属性,我们仅仅需要实现相关委托方法即可. 打开MasterViewController.swift 在 EDStarRatingProtocol 扩展中添加如下方法: func starsSelectionChanged(control: EDStarRating!, rating: Float) { if let selectedDoc = selectedBugD

用Swift开发Mac App(3)

显示昆虫列表 在 OS X中,Table View使用 NSTableView类,它等同于iOS的UITableView 类,但有一个最大的不同是:NSTableView 的每一行有多个列或多个单元格. ·      在OS X 10.7Lion之前,table view cell继承于NSCell类.而后者并非NSView类,因此开发者需要自己处理绘图和鼠标事件. ·      从 OS X 10.7开始,table view从 NSView继承.这样就和UITableView差不多了.cel

用Swift语言做App开发之单元测试

作为一个有质量保障的应用程序,当然少不了单元测试:Swift开发的App也亦如此,此文将以一个简单的实例来介绍Swift中的单元测试. 这里我们使用XCode模版自带的XCTest框架,此框架包含了一个名为XCTestCase的类,所有的测试类都应该继承自它:按照约定俗成所有的测试方法名都应以test开头,并不能包含任何参数,只有这样,这些测试方法才能在运行测试时被自动执行:在每个测试方法里面,我们可以通过调用XCTAssert*函数去断言一个操作成功与否,如判等函数XCTAssertEqual

Swift开发快速上手系列教程目录-陆续完善,由浅入深

Swift开发教程 一.Swift基础 Swift教程01-使用switfc终端命令编译运行swift程序 Swift教程02-抓住下一个浪潮之巅 Swift教程03-playground剖析swift语言 Swift教程04-定义声明变量重要原则 Swift教程05-基本数据类型(一)整型浮点型 Swift教程06-基本数据类型(二)Bool布尔类型对比Java-boolean,Objc-BOOL Swift教程07-基本数据类型(三)元组类型tuple Swift教程08-基本数据类型(四)

使用Vmware虚拟机部署Swift开发环境之Mac OS X系统安装

 一.使用VMware虚拟机部署Swift开发环境所需工具: Vmware Workstation 10.0虚拟机软件 VM安装Mac解锁工具Unlock 苹果操作系统(Mac OS X Mavericks 10.9.4) 下载地址:http://pan.baidu.com/s/1qWLkffQ 密码:ewb2 二.VMware Workstation 10上安装并使用Mac OS X 10.9 1.安装VMware Workstation 10虚拟机,安装过程不再赘述. 2.使用Mac解锁