右对齐视图的自动布局不起作用

Question

我正在尝试将此 tableview 部分标题视图调整为自动布局，以便适应 iPhone 6 和 6 Plus。这是想要的结果

其中有 3 个视图，名为 stringView、favoriteCount 和 heartImage。以下屏幕截图将在每个视图上设置灰色背景，以便更轻松地查看正在发生的事情。

我不明白的是以下内容

@"|-(15.0)-[stringView]-(>=20.0)-[favoriteCount(44.0)]-[heartImage(22.0)]-(10.0)-|"

产生

计数和心脏视图无处可见。所以感觉好像包含的视图比它需要的要宽得多，但我不知道我对此有任何控制权，因为从这个方法返回的视图应该自动调整为 tableview 宽度，不是吗？

顺便说一句，这一切都发生在 tableView:viewForHeaderInSection: 方法中，看起来像

- (UIView *)tableView:(UITableView*)tableView viewForHeaderInSection:(NSInteger)section {

    if (section == 0) {
        // My Favourites menu
        UIView *myFavoritesMenuView = [[UIView alloc] init];
        [myFavoritesMenuView setBackgroundColor:[UIColor colorWithWhite:0.2 alpha:1.0]];

        UILabel *stringView = [[UILabel alloc] init];
        [stringView setTranslatesAutoresizingMaskIntoConstraints:NO];
        [stringView setText:@"My Favourites"];
        [stringView setTextColor:[UIColor whiteColor]];
        [stringView setFont:[UIFont fontWithName:@"OpenSans" size:16.0]];
        [stringView setBackgroundColor:[UIColor grayColor]];
        [myFavoritesMenuView addSubview:stringView];

        NSDictionary *favoriteArticles = [[NSUserDefaults standardUserDefaults] dictionaryForKey:@"FavoriteArticles"];
        UILabel *favoriteCount = [[UILabel alloc] init];
        [favoriteCount setTranslatesAutoresizingMaskIntoConstraints:NO];
        [favoriteCount setFont:[UIFont fontWithName:@"OpenSans" size:16.0]];
        [favoriteCount setTextColor:[UIColor whiteColor]];
        [favoriteCount setTextAlignment:NSTextAlignmentRight];
        [favoriteCount setBackgroundColor:[UIColor grayColor]];
        [myFavoritesMenuView addSubview:favoriteCount];

        if (favoriteArticles && favoriteArticles.count > 0) {
            [favoriteCount setText:[NSString stringWithFormat:@"%lu", (unsigned long)favoriteArticles.count]];
        } else {
            [favoriteCount setText:@""];
        }

        UIImageView *heartImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"heart-button-on"]];
        [heartImage setTranslatesAutoresizingMaskIntoConstraints:NO];
        [heartImage setBackgroundColor:[UIColor grayColor]];
        [myFavoritesMenuView addSubview:heartImage];

        // Create the views dictionary
        NSDictionary *views = NSDictionaryOfVariableBindings(stringView, favoriteCount, heartImage);

        // Horizontal layout - note the options for aligning the vertical center of all views
        NSString *horizontalFormat = @"|-(15.0)-[stringView]-(>=20.0)-[favoriteCount(44.0)]-[heartImage(22.0)]-(10.0)-|";

        [myFavoritesMenuView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:horizontalFormat
                                                                                    options:NSLayoutFormatAlignAllCenterY
                                                                                    metrics:nil
                                                                                      views:views]];

        // Vertical layout - we only need one "column" of information because of the alignment options used when creating the horizontal layout
        NSString *verticalFormat = @"V:|-[stringView]-|";
        [myFavoritesMenuView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:verticalFormat
                                                                                    options:0
                                                                                    metrics:nil
                                                                                      views:views]];

        return myFavoritesMenuView;
    }

    // handle other section headers here
}

顺便说一句，我还尝试通过将 UIView 创建为单独的 xib 来尝试此操作，其中仅包含左对齐的文本标签和与超级视图的后沿对齐的心脏图像，并且我看到心脏不可见的完全相同的问题（大概关闭屏幕右侧）。

Answer 1

整个表格视图的宽度不正确（表格视图由于某种原因是方形的，而不是适合屏幕），因此缺少的子视图位于屏幕右侧。当我更改为在 iPhone 6 中以横向视图运行并出现子视图时发现它......