历史搜索重用机制的利用和布局

2016-12-23 王建伟 iOS开发

项目中存在一个记录搜索历史的界面，大体上是有很多按钮控件组成的，如图所示：

功能需求是每次搜索完成后，历史搜索第一个按键要记录下搜索内容，页面布局随之变化，按键布局和热门搜索的位置，历史搜索和热门搜索词条不超过9条

界面布局和按键的重用成为解决问题的关键，当历史搜索词条不足9条的时候我们新建按键，当超过9条的时候我们只需要修改按键都显示和布局

1.新建一个视图，HisSearchView来完成这一界面

需要的属性：历史搜索数组 historyList用来记录搜索词条，热门搜索数组，hotList用来记录人们搜索词条，历史按键数组：historyButtons用来记录按键对象，方便复用，历史搜索需要的高度：historyHeight方便调整热门搜索视图的高度

2.设计取按键对象的方法

 -(UIButton*)getButtonFormHistoreButtonsWithNumber:(NSInteger)number withFrame:(CGRect)frame withTitle:(NSString*)title{
    if (number>=self.historyButtons.count) {
        UIButton*button=[self createButtonWithFrame:frame withTitle:title];
        [self.historyButtons addObject:button];
        return button;
    }
    else{
    UIButton*button=self.historyButtons[number];
    button.frame=frame;
    [button setTitle:title forState:UIControlStateNormal];
    return button;
    }
}

 -(UIButton*)createButtonWithFrame:(CGRect)frame withTitle:(NSString*)title{
    UIButton*button=[[UIButton alloc]initWithFrame:frame];
    button.layer.cornerRadius=4;
    button.layer.masksToBounds=YES;
    button.backgroundColor=WGRGBColor(232, 245, 243);
    button.layer.borderWidth=1;
    button.layer.borderColor=WGRGBColor(188, 226, 218).CGColor;
    [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    button.titleLabel.font=[UIFont systemFontOfSize:14];
    button.titleLabel.lineBreakMode=NSLineBreakByTruncatingTail;
    [button setTitle:title forState:UIControlStateNormal];
    return button;
}

当历史搜索数组count小于等于历史按键数组的count的时候，直接从历史搜索数组中调取按键用来显示，否则就新建一个按键，并且加入到历史按键数组中

3.设计按键布局方法

 -(void)refreshSearchList{
    if(_historyList.count>9){
        [_historyList removeObjectsInRange:NSMakeRange(9, _historyList.count-9)];
    }
    NSInteger x=16;
    NSInteger y=55;
    NSInteger w=0;
    for (int i=0; i<_historyList.count; i++) { NSString*string=_historyList[i]; w=14*string.length+24; if(w+32>WGScreen_W){
            w=WGScreen_W-32;
            x=16;
            y=(i==0?y:y+36);
        }
        if(x+w+16>WGScreen_W){
            x=16;
            y+=36;
        }
        UIButton*button=[self getButtonFormHistoreButtonsWithNumber:i withFrame:WGFrame(x, y, w, 31) withTitle:_historyList[i]];
        [self addSubview:button];
        x+=w+5;
    }
    self.historyHeight=y+50;
}

当historyHeight属性发生变化时调用方法调整热门界面高度即可

分享到： QQ空间新浪微博腾讯微博微信更多

« Jiathis分享按钮设置 | Android Studio 引入到SVN时反复提示 Authentication required»

历史搜索重用机制的利用和布局

日历

存档

最新评论

链接

搜索