直播系统商品展示功能

主要功能是主播带货商品展示，主播端开播，添加商品展示功能，会在用户端观看页面弹出一个商品展示框，包括商品图标、标题、价格、和去购买的按钮

1.创建商品展示视图 2.-(instancetype)initWithFrame:(CGRect)frame 3.{ 4. self = [super initWithFrame:frame]; 5. if (self) { 6. self.backgroundColor = [UIColor whiteColor]; 7. self.layer.cornerRadius = 5; 8. self.layer.masksToBounds = YES; 9. thumbImg = [[UIImageView alloc]init]; 10. thumbImg.contentMode = UIViewContentModeScaleAspectFill; 11. thumbImg.clipsToBounds = YES; 12. [self addSubview:thumbImg]; 13. [thumbImg mas_makeConstraints:^(MASConstraintMaker *make) { 14. make.centerY.equalTo(self.mas_centerY); 15. make.left.equalTo(self.mas_left).offset(10); 16. make.width.height.mas_equalTo(70); 17. }]; 18. titleLb = [[UILabel alloc]init]; 19. titleLb.textColor = [UIColor blackColor]; 20. titleLb.font = [UIFont systemFontOfSize:14]; 21. titleLb.numberOfLines = 0; 22. titleLb.lineBreakMode = NSLineBreakByWordWrapping; 23. [self addSubview:titleLb]; 24. [titleLb mas_makeConstraints:^(MASConstraintMaker *make) { 25. make.left.equalTo(thumbImg.mas_right).offset(10); 26. make.top.equalTo(thumbImg.mas_top); 27. make.right.equalTo(self).offset(-10); 28. }]; 29. 30. UILabel *pLb = [[UILabel alloc]init]; 31. pLb.textColor = normalColors; 32. pLb.font = [UIFont boldSystemFontOfSize:13]; 33. pLb.text = YZMsg(@"¥"); 34. [self addSubview:pLb]; 35. [pLb mas_makeConstraints:^(MASConstraintMaker *make) { 36. make.left.equalTo(thumbImg.mas_right).offset(10); 37. make.bottom.equalTo(thumbImg.mas_bottom); 38. }]; 39. 40. priceLb = [[UILabel alloc]init]; 41. priceLb.textColor = normalColors; 42. priceLb.font = [UIFont boldSystemFontOfSize:17]; 43. [self addSubview:priceLb]; 44. [priceLb mas_makeConstraints:^(MASConstraintMaker *make) { 45. make.left.equalTo(pLb.mas_right).offset(2); 46. make.bottom.equalTo(pLb.mas_bottom).offset(1); 47. }]; 48. 49. lookBtn = [UIButton buttonWithType:0]; 50. lookBtn.layer.borderWidth = 1; 51. lookBtn.layer.borderColor = normalColors.CGColor; 52. lookBtn.layer.cornerRadius = 16; 53. lookBtn.layer.masksToBounds = YES; 54. [lookBtn setTitle:YZMsg(@"去看看") forState:0]; 55. [lookBtn setTitleColor:normalColors forState:0]; 56. lookBtn.titleLabel.font = [UIFont systemFontOfSize:14]; 57. [lookBtn addTarget:self action:@selector(lookBtnClick) forControlEvents:UIControlEventTouchUpInside]; 58. [self addSubview:lookBtn]; 59. [lookBtn mas_makeConstraints:^(MASConstraintMaker *make) { 60. make.right.equalTo(self.mas_right).offset(-10); 61. make.bottom.equalTo(priceLb.mas_bottom); 62. make.height.mas_equalTo(32); 63. make.width.mas_equalTo(70); 64. }]; 65. } 66. return self; 67.} 68.

1.商品展示视图赋值

-(void)setDataInfo:(NSDictionary *)infos{ infosdic = infos; [thumbImg sd_setImageWithURL:[NSURL URLWithString:minstr([infos valueForKey:@"goods_thumb"])]]; titleLb.text = minstr([infos valueForKey:@"goods_name"]); priceLb.text = minstr([infos valueForKey:@"goods_price"]); }

2.相应的商品展示详情响应事件

-(void)lookBtnClick{ if ([minstr([infosdic valueForKey:@"goods_type"]) isEqual:@"1"]) { OutsideGoodsDetailVC *detail = [[OutsideGoodsDetailVC alloc]init]; detail.goodsID = minstr([infosdic valueForKey:@"goodsid"]); [[MXBADelegate sharedAppDelegate] pushViewController:detail animated:YES]; }else{ CommodityDetailVC *detail = [[CommodityDetailVC alloc]init]; detail.goodsID = minstr([infosdic valueForKey:@"goodsid"]); [[MXBADelegate sharedAppDelegate] pushViewController:detail animated:YES]; } }

3.主播端商品展示列表

- (void)creatUI{ UIButton *closeBtn = [UIButton buttonWithType:0]; closeBtn.frame = CGRectMake(0, 0, _window_width, _window_height*0.52); [closeBtn addTarget:self action:@selector(closeBtnClick) forControlEvents:UIControlEventTouchUpInside]; [self addSubview:closeBtn]; whiteView = [[UIView alloc]initWithFrame:CGRectMake(0, _window_height, _window_width, _window_height*0.48)]; whiteView.backgroundColor = [UIColor whiteColor]; [self addSubview:whiteView]; UIView *headerView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, _window_width, 40)]; headerView.backgroundColor = [UIColor whiteColor]; [whiteView addSubview:headerView]; titleL = [[UILabel alloc]init]; titleL.font = [UIFont boldSystemFontOfSize:13]; titleL.text = @"在售商品 0"; [headerView addSubview:titleL]; [titleL mas_makeConstraints:^(MASConstraintMaker *make) { make.center.equalTo(headerView); }]; [[YBToolClass sharedInstance] lineViewWithFrame:CGRectMake(0, 39, _window_width, 1) andColor:RGB_COLOR(@"#f0f0f0", 1) andView:headerView]; if (_isAnchor) { UIButton *addBtn = [UIButton buttonWithType:0]; [addBtn setImage:[UIImage imageNamed:@"room_添加商品"] forState:0]; [addBtn setTitle:@"添加商品" forState:0]; [addBtn setTitleColor:normalColors forState:0]; addBtn.titleLabel.font = SYS_Font(13); [addBtn addTarget:self action:@selector(doAddGoods) forControlEvents:UIControlEventTouchUpInside]; [headerView addSubview:addBtn]; [addBtn mas_makeConstraints:^(MASConstraintMaker *make) { make.centerY.equalTo(headerView); make.right.equalTo(headerView).offset(-10); }]; } [whiteView addSubview:self.goodsTableV]; [UIView animateWithDuration:0.3 animations:^{ whiteView.y = _window_height *0.52; }]; } - (UITableView *)goodsTableV{ if (!_goodsTableV) { _goodsTableV = [[UITableView alloc]initWithFrame:CGRectMake(0, 40, _window_width, whiteView.height-ShowDiff-40) style:0]; _goodsTableV.delegate = self; _goodsTableV.dataSource = self; _goodsTableV.separatorStyle = 0; _goodsTableV.backgroundColor = [UIColor whiteColor]; nothingLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, _goodsTableV.height/2-30, _goodsTableV.width, 30)]; nothingLabel.numberOfLines = 2; nothingLabel.textColor = RGB_COLOR(@"#B4B4B4", 1); nothingLabel.font = SYS_Font(12); nothingLabel.hidden = YES; nothingLabel.textAlignment = NSTextAlignmentCenter; [_goodsTableV addSubview:nothingLabel]; _goodsTableV.mj_header = [MJRefreshHeader headerWithRefreshingBlock:^{ page = 1; [self requestData]; }]; _goodsTableV.mj_footer = [MJRefreshFooter footerWithRefreshingBlock:^{ page ++; [self requestData]; }]; } return _goodsTableV; } - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ return 1; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return goodsList.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ goodsShowCell *cell = [tableView dequeueReusableCellWithIdentifier:@"goodsShowCELL"]; if (!cell) { cell = [[[NSBundle mainBundle] loadNibNamed:@"goodsShowCell" owner:nil options:nil] lastObject]; cell.stateImgV.hidden = YES; cell.delegate = self; } cell.model = goodsList[indexPath.row]; if (_isAnchor) { cell.setBtn.hidden = YES; cell.liveGoodsView.hidden = NO; // [cell.setBtn setTitle:@"移除" forState:0]; if ([cell.model.live_isshow isEqual:@"1"]) { [cell.showBtn setTitleColor:[UIColor grayColor] forState:0]; }else{ [cell.showBtn setTitleColor:normalColors forState:0]; } }else{ [cell.setBtn setTitle:@"去看看" forState:0]; } [cell.setBtn setTitleColor:normalColors forState:0]; cell.setBtn.layer.borderColor = normalColors.CGColor; return cell; } - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return 101; }

4.主播端点击了展示按钮、发送socket告诉用户端展示

-(void)goodsLiveShow:(NSString *)goodsid andThumb:(NSString *)goods_thumb andName:(NSString *)goods_name andPrice:(NSString *)goods_price andType:(NSString *)goods_type{ NSLog(@"lalala"); NSArray *guanliArray =@[ @{ @"msg":@[ @{ @"_method_":@"goodsLiveShow", @"action":@"1", @"msgtype":@"0", @"goodsid":goodsid, @"goods_thumb":goods_thumb, @"goods_name":goods_name, @"goods_price":goods_price, @"goods_type":goods_type } ], @"retcode":@"000000", @"retmsg":@"ok" } ]; [ChatSocket emit:@"broadcast" with:guanliArray]; }

5.用户端收到展示消息，相应的弹窗

-(void)showLiveGoods:(NSDictionary *)liveGoods{ if (!_liveGoodsView) { _liveGoodsView = [[LiveGoodView alloc]initWithFrame:CGRectMake(_window_width + 10,0,tableWidth,90)]; [backScrollView insertSubview:_liveGoodsView atIndex:4]; } [_liveGoodsView setDataInfo:liveGoods]; [self tableviewheight:setFrontV.frame.size.height - _window_height*0.2 - 50 - ShowDiff]; }