带有 UIView 的自动布局标签和 UIView 内的标签

Question

我是自动布局的新手，正在尝试通过 Storyboard 为Compact Width|Regular Height 设计给定的屏幕。看起来很简单，因为没有动态字段。我正在关注苹果文档，并为每个 UIView 设置约束。如果没有View(shown in purple color)，它工作正常。但是有一些要求（必须根据星级隐藏视图），这就是为什么添加这个 UIView 包含调度详细信息、投诉类别、屏幕截图等。例如，对于Invoice Number I set Top Space,Leading Space, Trailing Space 和label(shown in green color) Top Space, Leading Space, Trailing Space，以便发票编号的高度不会是模棱两可的代表，对所有视图重复相同。 UIView（紫色）约束是Trailing Space to:SuperView, Bottom space to:SuperView, Bottom space to:Remarks Equals:15, Top Space Equals to:StarRating Equals:8。之后，我为紫色视图中的字段添加了约束，与Invoice Number 等其他视图相同。但是对于不同的屏幕尺寸没有得到想要的结果。任何帮助将非常感激。

Answer 1

使用UITableView 布局此屏幕。您可以使用完全在情节提要中布置的静态内容表视图。使紫色部分成为自己的部分。在您的UITableViewController 子类中，您不需要实现大多数数据源/委托方法（因为您使用的是静态内容）。如果您不想显示可选部分，只需覆盖 tableView:numberOfRowsInSection: 以返回 0，并使用 -[UITableView reloadSections:withRowAnimation;] 更新表格视图。这是我的测试代码：

#import "ViewController.h"

@interface ViewController ()

@property (strong, nonatomic) IBOutlet UITableViewCell *topMarginCell;
@property (strong, nonatomic) IBOutlet UIButton *star1;
@property (strong, nonatomic) IBOutlet UIButton *star2;
@property (strong, nonatomic) IBOutlet UIButton *star3;
@property (strong, nonatomic) IBOutlet UIButton *star4;
@property (strong, nonatomic) IBOutlet UIButton *star5;

@property (strong, nonatomic) NSArray<UIButton *> *starButtons;

@property (nonatomic) NSInteger rating;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.starButtons = @[ self.star1, self.star2, self.star3, self.star4, self.star5 ];
    self.tableView.backgroundColor = self.topMarginCell.backgroundColor;
}

- (void)reloadDispatchSection {
    [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:1] withRowAnimation:UITableViewRowAnimationNone];
}

- (IBAction)starButtonWasTapped:(UIButton *)button {
    NSInteger buttonIndex = [self.starButtons indexOfObject:button];
    if (buttonIndex == NSNotFound) { return; }
    self.rating = buttonIndex + 1;

    [self.starButtons enumerateObjectsUsingBlock:^(UIButton * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        [obj setTitle:(idx <= buttonIndex ? @"★" : @"☆") forState:UIControlStateNormal];
    }];

    [self reloadDispatchSection];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section == 1 && (self.rating == 0 || self.rating >= 4)) {
        return 0;
    } else {
        return [super tableView:tableView numberOfRowsInSection:section];
    }
}

@end

结果：