【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记22 多MVC模式Demo中的AutoLayout自动布局

简介: 上一话我们详细介绍了多MVC模式以及Segue过渡的时候,这一话用一个新的Demo来诠释。我们新建一个Psychologist的工程。

上一话我们详细介绍了多MVC模式以及Segue过渡的时候,这一话用一个新的Demo来诠释。


我们新建一个Psychologist的工程。把ViewController的名字改为PsychologistViewController。那么这个控制器是做什么用的呢?系统问你一个问题,然后你做出回答,系统会根据你的回答判断你是否开心,这样就能用上我们之前的Hppiness的项目。

在视图中加入一个label,然后调整字体为36,文字居中,label两边上边都与蓝线对齐。


每一话都会渗透一些自动布局的内容。我们让这个label重置到它被推荐的位置。


我们会看到:


中间的蓝线代表label与下边界产生了关联,但是我们不希望这样做,因为你并不确认运行的设备的尺寸。通常我们不去关联下边界,而让下边界的距离做一个弹性的变量。

我们打开右侧的尺寸检测器,可以看到所有的约束:


我可以选中我不喜欢的约束然后delete它。删掉之后会出现黄线,因为我们没有足够的约束了,按照我们之前讲的,在试图大纲中update frame,你会看到黄线消失了。

有了问题,现在我们把答案拖出来,这是一个按钮。我把这个按钮拖到中间,然后点击重置位置到推荐位置(和上面操作一样),然后我们删除不需要的约束,这里我只保留竖直方向的居中,我们不需要上下的间距和固定宽高,因为我希望这个按钮的大小根据它里面的内容来自动调整。


这时我需要使用其他约束了,点击右下角按钮栏的第一个按钮


因为已经有了竖直方向的中心,所以只要添加一个水平方向的居中就行了。


你会看到现在我们的按钮在水平和竖直方向上都居中了。再次update frame,按钮的位置就调整好了。


然后复制按钮,加入不同的内容。

新按钮重置到推荐的位置,你会看到它有两个约束,一个水平居中,一个底部距离:



我们用同样的办法创建第三个按钮:


我们运行一下我们的程序:


你可以看到顶部的文字被截掉了,旋转一下:


看起来横屏模式下效果很好,但是竖屏就不行了,为什么会这样呢?因为我们设置了字体为36号,你可以在storyboard属性监测器的Autoshrink中看到,目前的设置为Fixed

 Font Size(固定字体大小):


但是这个字体不需要固定大小,我需要设置它的最小值,不希望它比12号要小,设置如下:


现在我们再来运行,你会看到字体会自动缩放,当屏幕变宽的时候字体会变大。


那么有没有办法可以让文字自动换行呢?一种方法是用textView替换label。另一种方法是设置label中的Line Breaks,当前的做法是删减尾部,最直接的直接设定lines的值。



目录
相关文章
|
语音技术 开发工具 图形学
Unity与IOS⭐一、百度语音IOS版Demo调试方法
Unity与IOS⭐一、百度语音IOS版Demo调试方法
|
设计模式 前端开发 数据库
IOS开发基础知识:什么是 MVC 架构?它在 iOS 中的应用是什么样的?
IOS开发基础知识:什么是 MVC 架构?它在 iOS 中的应用是什么样的?
259 1
|
iOS开发
iOS 多个滚动控件嵌套Demo
iOS 多个滚动控件嵌套Demo
261 0
|
iOS开发
iOS UIKit Dynamics Demo 学习地址列表
iOS UIKit Dynamics Demo 学习地址列表
255 0
倒计时15分钟-兼容ios手机效果demo(整理)
倒计时15分钟-兼容ios手机效果demo(整理)
|
JSON 测试技术 Android开发
基于AirTest+Python的ios自动化测试demo(微信朋友圈无限点赞)
AirTest相比Appuim有个好处就是可以对GUI图片进行捕捉和最新版本支持WebView(目前Appuim不支持iOS12的WebView进行Xpath抓取)
1098 0
|
编解码 Android开发 iOS开发
IOS使用AutoLayout让UIScrollView自动计算ContentSize
IOS使用AutoLayout让UIScrollView自动计算ContentSize
485 0
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
1020 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
538 66