#pragma mark - layout subviews
-(void)setupSubviewsConstraints {
    
    //(子檢視採用橫向瀑布流佈局）
    CGFloat margin = 2.5;
    CGFloat viewHeight = (kFont.pointSize+5) * 2;
    CGFloat sumWidth = 0;
    CGFloat limitWidth = kScreenWidth-2*margin;
    CGFloat viewX = margin;
    CGFloat viewY = margin;
    CGFloat row  
 
= 0;
    
    for (int i=0 ; i<self.contentArray.count; i++) {
        
        //實際寬度
        CGFloat chineseWidth = [self layoutListNameLength:self.contentArray[i]];
        CGFloat pinYinWidth = [self layoutListNameLength:self.pinYinArray[i]];
        CGFloat maxWidth = MAX(chineseWidth, pinYinWidth);
        
        
 
//新增容器
        UIView *containerView = [[UIView alloc] init];
        [self addSubview:containerView];
        
        //新增拼音
        UILabel *pinYinLabel = [[UILabel alloc] init];
        pinYinLabel.textColor = [UIColor grayColor];
        pinYinLabel.font = kFont;
        pinYinLabel.text = self.pinYinArray[i];
        pinYinLabel.textAlignment 
 
= NSTextAlignmentCenter;
        [containerView addSubview:pinYinLabel];
        
        //新增漢字
        UILabel *chineseLabel = [[UILabel alloc] init];
        chineseLabel.textColor = [UIColor blackColor];
        chineseLabel.font = kFont;
        chineseLabel.text = self.contentArray[i];
        chineseLabel.textAlignment = NSTextAlignmentCenter;
        [containerView addSubview:chineseLabel];
        
        //設定約束
        [containerView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.height.equalTo(@(viewHeight));
            make.width.equalTo(@(maxWidth));
            make.left.equalTo(@(viewX));
            make.top.equalTo(@(viewY));
        }];
        [pinYinLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.top.right.equalTo(containerView);
            make.height.equalTo(containerView.mas_height).multipliedBy(0.5);
        }];
        [chineseLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.bottom.right.equalTo(containerView);
            make.height.equalTo(containerView.mas_height).multipliedBy(0.5);
        }];

        //計算座標
        sumWidth += (maxWidth + margin);
        if (i < self.contentArray.count-1) {
            chineseWidth = [self layoutListNameLength:self.contentArray[i+1]];
            pinYinWidth = [self layoutListNameLength:self.pinYinArray[i+1]];
            maxWidth = MAX(chineseWidth, pinYinWidth);
        }
        if (limitWidth - sumWidth >= maxWidth) {  ///不換行
            viewX = sumWidth + margin;
        }
        else{ ///換行
            row++;
            sumWidth = 0;
            viewX = margin;
            if (i==self.contentArray.count-1) {
                row--;
            }
        }
        viewY = (viewHeight + 6*margin)*row + margin;
    }
    
    self.realHeight = viewY + viewHeight + 1.5*margin;
}