我想实现的效果是这样的:
首页上显示一个轮播器,轮播器用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注释掉,可以显示出图片的底边
如何解决?
PHP中文网2017-04-17 18:03:34
[_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上