iOS 8 by Tutorials(1.4自适应字体)

1.4、自适应字体

使用定制size classes使得当前的文字大小在iPad上能很好的显示,但是在紧凑size classes上还是太大。不要担心——通过size classes还是能够覆盖(兼容)文字大小。

注意:和布局覆盖不一样,改变字体配置会影响基础布局,在IB更改字体配置不会遵守当前的size classes,相反,需要使用如下方法

重新选择Any Width | Any HeightSize Class,下面的栏会立即变灰——这是因为你回到了基础布局。

选择Cupertino label,打开Attributes Inspector,点击Font左边的: 

这时会出现新的字体size class组合,选择Compact Width > Any Height: 

这将创建第二个字体选择框来应用到特别的size class组合,将新的字体选择框设置为90: 

现在使用相同的流程来设置温度label,设置Compact Width > Any Height下的字体大小为150

界面立即起到了作用而变成这样:咯叽咯叽 

很好!看起来好了一点,但是Cupertino却省略了一部分,修正字体大小直到它不是特别的伸缩。Cupertino是一个很长的地名,但是Washington, D.C.更长,还有Kleinfeltersville, PA会更长,我们该怎么设计啊!!

再一次,自动布局又来救援你了! 你仅仅需要限制两个label的宽度匹配在TextContainer的宽就好了,Ctrl-drag``CupertinoTextContainer,然后选择Equal Widths。重复相同的步骤来设置温度label: 

嗯哼,这些显示不全的文本也不是你想要的,这是label默认属性——可用的空间显示不了多余的文字 造成的。然而它也有其他的选项来解决这个问题——在可用的空间来改变字体来自适应。

选择Cupertino打开Attributes Inspector,修改AutoShrinkMinimum font scale并设置值为0.5,并且将Text Alignment改为Centered,如下图所示: 

重复相同的步骤来设置温度label

来看看预览窗格吧,在iPhone的布局上看起来好多了: 

运行在预览编辑器上会更好,但这可能是在一切仍正常运行下,是一个好办法构建和运行你的项目,在iPhone屏幕上看起来大小很合适: 

然而在iPad上看上去cloud image可笑的变小,特别是在竖屏下: 

这是因为你使用了相同的图片显示在iPad和iPhone上。在下节中你会学到在iPad中来改善图片大小。

时间: 2024-10-01 00:57:32

iOS 8 by Tutorials(1.4自适应字体)的相关文章

iOS 8 by Tutorials (section2:开始自适应布局)

iOS 8 by Tutorials(翻译1.2) 1.2.开始自适应布局 ios8的巨大变化中,Adaptive Layout的引用给iOS设计师带来帮助.在设计项目时,你可以创建简单的布局来适应当前的iOS8设备,这一章节是Adaptive Layout的入门,你可以学到通用的Storyboards.size classes.布局和订制字体及超有用的助理编辑预览(通过storyboards清晰的看出项目结构).现在你可以从头开始创建用关于天气的项目,如果你不是Auto Layout的粉丝,也

IOS总结_IOS7.0以后改变状态栏字体颜的问题

首先info.plist文件中,加入View controller-based status bar appearance项 如果设为YES,则View controller对status bar的设置优先级高于application的设置:设置为NO则以application的设置为准. 虽然7.0SDK后在UIViewController中也加入加入了 - (UIStatusBarStyle)preferredStatusBarStyle NS_AVAILABLE_IOS(7_0); //

【转】iOS中设置导航栏标题的字体颜色和大小

原文网址:http://www.360doc.com/content/15/0417/11/20919452_463847404.shtml iOS中设置导航栏标题的字体颜色和大小,有需要的朋友可以参考下. 在平时开发项目的时候,难免会遇到修改导航栏字体大小和颜色的需求,一般使用自定义视图的方法,其实还存在一种方法. 方法一:(自定义视图的方法,一般人也会采用这样的方式) 就是在导航向上添加一个titleView,可以使用一个label,再设置label的背景颜色透明,字体什么的设置就很简单了.

转:ios开发--给应用添加新的字体的方法

1.网上搜索字体文件(后缀名为.ttf,或.odf) 2.把字体库导入到工程的resouce中 3.在程序添加以下代码 输出所有字体 NSArray *familyNames = [UIFont familyNames];      for( NSString *familyName in familyNames ){          printf( "Family: %s \n", [familyName UTF8String] );          NSArray *fontN

【GitHub上的ios经典库库、学习资料】iOS frameworks, libraries, tutorials, xcode plugins and components.

Awesome iOS A curated list of awesome iOS frameworks, libraries, tutorials, plugins Xcode, components and much more. The list is divided into categories such as Frameworks, Components, Testing and others, open source projects, free and paid services.

iOS图片 缩放、剪裁、自适应剪裁、保存到相册

原文链接: iOS图片 缩放.剪裁.自适应剪裁.保存到相册 简书主页:http://www.jianshu.com/users/37f2920f6848 Github主页:https://github.com/MajorLMJ iOS开发者公会-技术1群 QQ群号:87440292 iOS开发者公会-技术2群 QQ群号:232702419 iOS开发者公会-议事区   QQ群号:413102158

iOS 6 By Tutorials ---第一章--【第一弹】-【翻译】

iOS 6 By Tutorials(pdf 文档)  By the raywenderlich.com Tutorial Team 备注:本人没有怎么翻译过技术型的文章,慢慢翻之.---这本书总共是27章, Chapter 1:Introduction  --第一章:入门介绍 iOS 6 introduces an abundance of great new APIs and technologies that all iOS developers should learn – from A

iOS 8 by Tutorials (Section1:自适应布局)

Section1:自适应布局 iOS8中,你将有新的方法去建立界面,你有完全独立的设备.屏幕尺寸.分辨率和设备方向(device orientation),你将会了解collections的特性.size classes和通用的Storyboards,每一个功能不仅仅在现在的设备做好最好的interfaces,我想在将来也会一样.以开放的心态去阅读下面的要点,准备吃惊吧. 1.1.自适应布局的介绍: 前些年的iPhone,可能只是一个尺寸,一种分辨率,所以我们可以将界面布局写得死死的,就算是有了

iOS Animations by Tutorials

Book Description Make Delightful Animations with Swift! There's no denying it: creating animations is one of the most enjoyable parts of iOS development. Animations are fun to create, they breathe life into your user interface, and they make your app