首页 > SDScrollview与Masonry配合使用无法显示轮播器?

SDScrollview与Masonry配合使用无法显示轮播器?

我想实现的效果是这样的:
首页上显示一个轮播器,轮播器用Masonry实现,轮播器下面是一个tableview,并且用Masonry进行自动布局。
UI用代码实现。

NSArray* imageNames = @[@"checked", @"test1"];
_vCycleScrollView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectMake(0, 64, self.view.bounds.size.width, 180) imageNamesGroup:imageNames];
[self.view addSubview:_vCycleScrollView];
[_vCycleScrollView mas_makeConstraints:^(MASConstraintMaker* make){
    make.top.equalTo(self.view);
    make.left.equalTo(self.view);
    make.right.equalTo(self.view);
    make.width.equalTo(self.view.mas_width);
}];

_vCategoryTableView = [[UITableView alloc] init];
_vCategoryTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
_vCategoryTableView.delegate = self;
_vCategoryTableView.dataSource = self;
[self.view addSubview:_vCategoryTableView];
[_vCategoryTableView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(self.view);
    make.top.equalTo(_vCycleScrollView).with.offset(10);
    make.width.mas_equalTo(self.view.mas_width);
    make.height.equalTo(self.view);
}];

轮播器完全显示不出来。

如果单把scrollview的constraint注释掉,可以显示出图片的底边

如何解决?


[_vCycleScrollView mas_makeConstraints:^(MASConstraintMaker* make){
    make.top.equalTo(self.view.mas_top);
    make.left.equalTo(self.view.mas_left);
    make.right.equalTo(self.view.mas_right);
    make.height.equalTo(@168);
}];
[_vCategoryTableView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(self.view.mas_left);
    make.right.equalTo(self.view.mas_right);
    make.top.equalTo(_vCycleScrollView.mas_bottom).with.offset(10);
    make.bottom.equalTo(self.view.mas_bottom);
}];

这样的轮播图是固定在顶部的,如果你要让轮播图随tableview滑动,那么,你可以把轮播图当作tableview的header,且设置好轮播图的frame。

我使用masonry的时候,make.right.equalTo(self.view),会让right约束到view的left。
如果是make.top.left.bottom.right.equalTo(self.view)就是正确的位置,我猜测是对应到UIEdgeinsets上

【热门文章】
【热门文章】