Phân phối khoảng cách bằng cách sử dụng chuỗi định dạng hình ảnh Bố cục tự động

Question

Có thể phân phối đều không gian trái và phải cho b trong @"|-[a(5)]-[b(8)]-[c(5)]-|" bằng chuỗi định dạng trực quan không?

Answer 1

No.

Tuy nhiên, bạn có thể làm điều đó với định dạng trực quan và tạo ràng buộc thủ công. Thay đổi chuỗi VFL của bạn thành:

@"|-[a(5)]->=0-[b(8)]->=0-[c(5)]-|" 

Điều này nói rằng bạn không quá quan tâm đến kích thước thực tế của khoảng cách giữa a và b, và b và c.

Bây giờ, hãy tạo một ràng buộc ghim trung tâm của b vào giữa của người giám sát bằng cách sử dụng constraintWithItem:... (Tôi đang nhập số này trên điện thoại để tha thứ cho tôi vì không viết chính tả toàn bộ phương thức).

Điều này, cùng với khoảng cách linh hoạt của bạn, sẽ cung cấp cả khoảng trống ở bên trái và bên phải của b.

Answer 2

Apple Auto Layout Guide đề xuất sử dụng "chế độ xem spacer". Đây là giải pháp cho đẻ ra ba quan điểm của bạn với khoảng cách bằng chiều ngang:

// create views dictionary 
NSMutableDictionary *viewsDictionary = [NSMutableDictionary dictionary]; 
[viewsDictionary addEntriesFromDictionary:NSDictionaryOfVariableBindings(viewA, viewB, viewC)]; 

// create 4 spacer views 
for (int i = 0; i < 4; i++) { 
    UIView *spacerView = [[UIView alloc] init]; 
    spacerView.hidden = YES; 
    [self addSubview:spacerView]; 
    [viewsDictionary setObject:spacerView 
         forKey:[NSString stringWithFormat:@"spacer%d", i + 1]]; 
} 

// disable translatesAutoresizingMaskIntoConstraints in views for auto layout 
[viewsDictionary enumerateKeysAndObjectsUsingBlock:^(id key, id obj, BOOL *stop) 
{ 
    [obj setTranslatesAutoresizingMaskIntoConstraints:NO]; 
}]; 

// add constraints 
[superview addConstraints: 
[NSLayoutConstraint constraintsWithVisualFormat: 
    @"|[spacer1(>=0)][viewA][spacer2(==spacer1)][viewB][spacer3(==spacer1)][viewC][spacer4(==spacer1)]|" 
             options:kNilOptions 
             metrics:nil 
              views:viewsDictionary]]; 

Lưu ý rằng chiều rộng spacer1 's được thiết lập để có nhiều hơn 0. xem spacer sau đó được thiết lập để có độ rộng bình đẳng với spacer1.