你的位置:首页 > 操作系统

[操作系统]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