iOS Programming Dynamic Type 2
iOS Programming Dynamic Type 2
You will need to update two parts of this view controller for Dynamic Type: the rows of your table view will grow or shrink in response to the user changing the preferred text size, and the BNRItemCell will need to be updated similarly to how you updated the BNRDetailViewController.
你的table view的row将会增大或缩小来响应用户改变preferred text size,BNRItemCell 将会知道怎样更新在BNRDetailViewController。
The goal is to have the table view row heights reflect the preferred Dynamic Type text size of the user.
目的是让table view row height 反应preferred Dynamic Type text size 。
If the user chooses a larger text size, the rows will be taller in order to accommodate the text.
如果用户选择了一个更大的text size,rows 将会变高来适应text。
Since this is not a problem that Auto Layout will solve, the row heights will need to be set manually.
因为auto layout 将解决,这不是问题,row heights将设置为手动。
To do this, you need a way of determining which text size the user has selected.
为了这样做,你需要一种方式决定哪个text size 用户想选择。
UIApplication exposes the text size that user selected through its preferredContentSizeCategory property.
UIApplication 报了出用户选择的text size 通过它的 preferredContentSizeCategory属性。
The method will return a constant NSString with the name of the content size category,
这个方法将返回一个content size category 名字的字符串。
which will be one of the following values:
(1)UIContentSizeCategoryExtraSmall
(2)UIContentSizeCategorySmall
(3)UIContentSizeCategoryMedium
(4)UIContentSizeCategoryLarge (Default)
(5)UIContentSizeCategoryExtraLarge
(6)UIContentSizeCategoryExtraExtraLarge
(7)UIContentSizeCategoryExtraExtraExtraLarge
Open BNRItemsViewController.m. Create a method that will update the table view row height based on the user-selected text size and call this method in viewWillAppear:.
[self updateTableViewForDynamicTypeSize];
Just as you did with the BNRDetailViewController earlier, you need to have the BNRItemsViewController register itself as an observer for the UIContentSizeCategoryDidChangeNotification.
像在BNRDetailViewController一样,你需要让BNRItemsViewController注册自己成为UIContentSizeCategoryDidChangeNotification的observer。
In BNRItemsViewController.m, register for the notification in init, and remove the view controller as an observer in dealloc. Finally, implement the notification call back to call the updateTableViewForDynamicTypeSize method that you just created.
NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
[nc addObserver:self
selector:@selector(updateTableViewForDynamicTypeSize) name:UIContentSizeCategoryDidChangeNotification
object:nil];
- (void)dealloc
{
NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
[nc removeObserver:self];
}
dealloc
Deallocates the memory occupied by the receiver.
释放接受者的内存
Subsequent messages to the receiver may generate an error indicating that a message was sent to a deallocated object (provided the deallocated memory hasn't been reused yet).
随后发给接受者的消息可能产生一个错误显示这个消息已经发送给了deallocated object.
You override this method to dispose of resources other than the object's instance variables,
你重写该方法除了对象的实例变量,你还dispose 资源。
for example:
- (void)dealloc {
free(myBigBlockOfMemory);
}
2.1 dealloc
In an implementation of dealloc, do not invoke the superclass's implementation.
在dealloc的实现中,不要调用超类的实现。
You should try to avoid managing the lifetime of limited resources such as file descriptors using dealloc.
你应该尽量避免管理有限资源的生命周期。
You never send a dealloc message directly. Instead, an object's dealloc method is invoked by the runtime.
你从不直接发送一个dealloc 消息。一个对象的dealloc方法会在运行时被调用。
When not using ARC, your implementation of dealloc must invoke the superclass's implementation as its last instruction.
当不适用ARC时,你实现的dealloc 必须调用它的superclass的实现作为它最后的指令。
You don't need dealloc method in ARC.
你不需要在arc中使用dealloc 。
But if you want to do some cleanup tasks when your view is dismissing or released. It's the best place, In such case you can implement it.
但是当你的view 被dismissing 或released时,你想做一些cleanup 任务。这是你最好的位置。在这种情况下,你可以实现它。
You are running a timer in your view and it's updating your view. When you are dismissed the view you need to stop that timer. In that condition you can use dealloc method and stop timer there.
你在你的view里运行了一个timer。当你dismissed 这个view,你需要停止掉timer。在这种情况下,你需要用dealloc 方法,停掉timer 在这里。
You are therefore allowed to subclass dealloc under ARC, but you are not allowed to call [super dealloc] from within the subclassed method.
当在ARC 下,不允许调用[super dealloc]
3. Updating BNRItemCell
Let's begin by implementing the Dynamic Type code to update the labels, which will closely follow what you did with BNRDetailViewController and BNRItemsViewController.
让我们开始实现Dynamic Type code 来更新labels。
Open BNRItemCell.m and make the following changes:
- (void)updateInterfaceForDynamicTypeSize
{
UIFont *font = [UIFont preferredFontForTextStyle:UIFontTextStyleBody];
self.nameLabel.font = font;
self.serialNumberLabel.font = font;
self.valueLabel.font = font;
}
- (void)awakeFromNib
{
[self updateInterfaceForDynamicTypeSize];
NSNotificationCenter *nc = [NSNotificationCenter defaultCenter]; [nc addObserver:self
selector:@selector(updateInterfaceForDynamicTypeSize) name:UIContentSizeCategoryDidChangeNotification
object:nil];
}
- (void)dealloc
{
NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
[nc removeObserver:self]; }
The only new piece of information here is the awakeFromNib method. This is called on an object after it has been unarchived from a NIB file, and is a great place to do any additional UI work that cannot be done within the XIB file.
awakeFromNib被一个对象调用在它已经从一个NIB文件中取出,这是一个合适地方做一些额外的UI工作,那些不能在XIB中文件中做的。
You can do any additional configuration for the cell that cannot be done within the XIB file within this method.
你可以做任何额外的配置为这个cell,那些不能在XIB文件中做的方法。
4 Constraint outlets
It makes sense that the image should scale with the text size. Let's do this.
让image图片和text size 一起放缩。
To update the position or size of a view, either in absolute terms or relative to another view, you should update the constraints on that view.
为了更新一个view 的位置或尺寸,不管是绝对或者与另一个view 相关,你应该更新这些view上的constraints.
In order to change the width and height of the image view, the constants on the respective constraints will need to be updated at run time.
为了改变image view 的宽和高,在各自的限制上都应该在运行时发生变化。
To do this, you will need to create an outlet to both the vertical and horizontal constraints.
为了这么做,你应该为水平和垂直限制创建outlet。
Constraints are objects (NSLayoutConstraint), so just like you can create outlets to views, the same can be done with constraints.
Constraints 是对象(NSLayoutConstraint),所以你就像创建view 的outlet一样创建constraints。
疑问:如果是Programming 编写的,怎么设置outlet呢?
In BNRItemCell.m, create and connect the outlet for these two constraints to the class extension. When you are done, the class extension should look like this:
@interface BNRItemCell ()
@property (nonatomic, weak) IBOutlet NSLayoutConstraint *imageViewHeightConstraint;
@property (nonatomic, weak) IBOutlet NSLayoutConstraint *imageViewWidthConstraint;
@end
With outlets to the size constraints of imageView created, you can now adjust imageView's size programmatically.
由于这些imageView的限制,你现在能够通过programmatically 来调整imageView的尺寸了。
In BNRItemCell.m, modify updateInterfaceForDynamicTypeSize to get the currently selected preferred text size, and use that to adjust the size of imageView.
获取当前选择的text size ,用来调整image view 的尺寸。
static NSDictionary *imageSizeDictionary;
if (!imageSizeDictionary) {
imageSizeDictionary = @{ UIContentSizeCategoryExtraSmall : @40,
UIContentSizeCategorySmall : @40, UIContentSizeCategoryMedium : @40, UIContentSizeCategoryLarge : @40, UIContentSizeCategoryExtraLarge : @45, UIContentSizeCategoryExtraExtraLarge : @55, UIContentSizeCategoryExtraExtraExtraLarge : @65 };
NSString *userSize = [[UIApplication sharedApplication] preferredContentSizeCategory];
NSNumber *imageSize = imageSizeDictionary[userSize];
self.imageViewHeightConstraint.constant = imageSize.floatValue;
self.imageViewWidthConstraint.constant = imageSize.floatValue;
4 Placeholder constraints
Instead of updating both constraints, you will add one additional constraint to imageView that will constrain the imageView's width and height to be equal.
而不是更新两个constraints,你可以给imageView添加一个constraint:constrain the imageView的宽和高相等。
You cannot create this constraint in Interface Builder, so return to BNRItemCell.m and create this constraint programmatically in awakeFromNib.
你不能在Interface Builder,所以你可以返回BNRItemCell.m,在awakeFromNib内创建这些constraint通过编程。
NSLayoutConstraint *constraint =
[NSLayoutConstraint constraintWithItem:self.thumbnailView
attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual
toItem:self.thumbnailView attribute:NSLayoutAttributeWidth
multiplier:1 constant:0];
[self.thumbnailView addConstraint:constraint];
Now, remove the imageViewWidthConstraint property and corresponding code.
There are now two constraints affecting the width of the imageView: the programmatic constraint you just created and the explicit width constraint in the XIB file.
现在你有两个限制来影响imageview的宽度。你创建的编程限制和明确指明在XIB文件的限制。
This will create unsatisfiable (conflicting) constraints if the two constraints do not agree on a size.
如果这两个限制没有达成一致,则会出现unsatisfiable constraints.
Instead, you can make the width constraint a placeholder constraint.
取而'之的是你可以制造width constraint 为一个placeholder constraint。
Placeholder constraints, as the name implies, are only temporary and are removed at build time, so they will not exist when the application is running.
placeholder constraints ,正如名字隐含的那样,仅仅是临时的,在build time 就移除了,所以当application运行是他们就不存在了。
n BNRItemCell.xib, select the width constraint on the imageView, and open the attributes inspector. Check the Placeholder box that says Remove at build time
iOS Programming Dynamic Type 2的更多相关文章
- iOS Programming Dynamic Type 1
iOS Programming Dynamic Type 1 Dynamic Type is a technology introduced in iOS 7 that helps realize ...
- 理解iOS 8中的Self Sizing Cells和Dynamic Type
http://www.cocoachina.com/ios/20140922/9717.html 在iOS 8中,苹果引入了UITableView的一项新功能--Self Sizing Cells,对 ...
- iOS Programming UIStoryboard 故事板
iOS Programming UIStoryboard In this chapter, you will use a storyboard instead. Storyboards are a f ...
- iOS Programming Web Services and UIWebView
iOS Programming Web Services and UIWebView The work is divided into two parts. The first is connecti ...
- iOS Programming UINavigationController
iOS Programming UINavigationController the Settings application has multiple related screens of info ...
- ios Programming:The Big Nerd Ranch Guid(6th Edition) (Joe Conway & AARON HILLEGASS 著)
Introduction (已看) Prerequisites What Has Changed in the Sixth Edition? Our Teaching Philosophy How t ...
- Working with the Dynamic Type in C#
Working with the Dynamic Type in C# https://www.red-gate.com/simple-talk/dotnet/c-programming/workin ...
- iOS Programming Controlling Animations 动画
iOS Programming Controlling Animations 动画 The word "animation" is derived from a Latin wor ...
- iOS Programming NSUserDefaults
iOS Programming NSUserDefaults When you start an app for the first time, it uses its factory settin ...
随机推荐
- 高清接口芯片---gv7600、sii9135
http://www.travellinux.com/download/海思Hi3516%20demo单板使用指南.pdf gv7600 sdi 串行数字接口 parrlar 并行数字接口 http: ...
- mysql命令行爱好者必备工具mycli
mycli MyCLI is a command line interface for MySQL, MariaDB, and Percona with auto-completion and syn ...
- mybatis批量操作数据
批量查询语句: List<MoiraiProductResource> selectBatchInfo(List<Long> idList); <!-- 批量查询 --& ...
- ELF和a.out文件格式的比较
本文讨论了 UNIX/LINUX 平台下三种主要的可执行文件格式:a.out(assembler and link editor output 汇编器和链接编辑器的输出).COFF(Common Ob ...
- AutoIT: 如何从excel中取值并判断条件?
#include <Excel.au3> $excel = _ExcelBookAttach("Book1.xlsx" ,"FileName") ; ...
- JSP+MySQL实例
转自:https://www.yiibai.com/jsp/jsp_mysql.html 在本章中,我们将讨论如何使用JSP访问数据库(这里以MySQL数据库为例).并假设您对JDBC应用程序的工作方 ...
- python 匿名函数 lambda
一.lambda使用语法: 关键字lambda表示匿名函数,冒号前面的x表示函数参数,冒号后面只能有一个表达式,不用写return,返回值就是该表达式的结果. >>> list(ma ...
- 洛谷 P2763 试题库问题【最大流】
s向所有类别属性连流量为当前类别属性需要的个数的边,所有题目向t连流量为1的边(表示只能选一次),所有属性向含有它的题连容量为1的边.跑一变dinic,结果小于m则无解,否则看每一个类别属性连出去的题 ...
- unsign 字段相减出现负数解决方法
在项目中做数据统计的时候需要用到几个字段相减得到想要的值,但是因为字段都是无符号,相减出现mysql 错误 BINGINT UNSIGNED VALUE .. 在c语言中两个无符号相减值为负数,该值 ...
- 给Ambari集群里安装可视化分析利器工具Hue步骤(图文详解)
扩展博客 以下,是我在手动的CDH版本平台下,安装Hue. CDH版本大数据集群下搭建Hue(hadoop-2.6.0-cdh5.5.4.gz + hue-3.9.0-cdh5.5.4.tar.gz) ...