Mac OS X 软件开发码农的世界Mac OS X

一步一步熟悉Mac app开发(一)之containerView

2018-07-26  本文已影响12人  拳战攻城师

概要

本文主要介绍以下内容:

1.创建一个Mac app工程。

2.简单了解Custom View与Container View的使用。

3.设置Auto-Label。

一、创建工程

1.打开Xcode,单击【Create a new Xcode project】。

2.点击【macOS】选项下的Cocoa App后,点击【next】按钮。

3.输入【Product Name】,选择【Language】为O“bjective-C”,最后选择【Use Storyboards】。(画红圈的为必填项,其他可选填)

4.随意选择一个目录,然后点击next。

至此,工程便创建完毕了!按Command+R运行效果如下:

二、Container View

1.左侧导航器面板中,点击【Main.storyboard】。

2.在右下方,文本框内输入“container”,点击【Container View】拖拽至View Controller、调整其大小,此刻会生成一个新的view controller,我们称之为“CV”。

3.在右下方输入“Custom”,单击【Custom View】拖拽至View Controller、调整其大小,如图所示。

4.在右下方输入“label”,单击【label】拖拽直“CV”中,调整其处于CV的中心位置。

5.双击处于“CV”最中央的Label,然后修改其title为“I'm CV”,再次调整其处于CV的中心位置。

6.Command+r,运行,效果如下:

如上图所示,明明将“I'm CV”放在了Container View的中心位置,为何运行出来时却不在中心了呢?我们需要怎样做才能使其处于中心位置呢?

三、设置Auto-Label

1.选中“I'm CV”,单击右下方如图所示位置:

2.勾选【Horizontally in Container】和【Vertically in Container】,然后单击【Add 2 Constraints】按钮。

3.Command+r运行,效果如下:

上面看似已经完美解决了问题,但实际上当我们将窗口拖拽方法时,Label又不会处于中心位置了,因此还需要做一些事情。

4.进行如下操作。

5.Command+r,运行,拖拽窗口调整大小,查看效果。

作业-Custom View

Custom View用法与Container View类似。唯一不同的是在布局时,直接将相应的对象拖拽直Custom View里即可。

比如,需要在Custom View上布局一个按钮,其做法如下:

效果图如下:

能不能让可怜的小按钮处于C位,就靠你们啦!!!!

原视频链接:

https://youtu.be/G552ChPH82U

https://youtu.be/mzFkmI37YCU

上一篇下一篇

猜你喜欢

热点阅读