下拉彈出列表選擇項效果

 

右邊菜單中的按鍵，點擊彈出一個列表可選擇，選擇其中一個，響應相應的事件並把文字顯示在右邊的菜單上；彈出下拉效果使用LMDropdownView插件，可以用POD進行加載pod ‘LMDropdownView’；LMDropdownView是把想要的視圖賦給它；

源代碼地址：https://github.com/JxbSir/YiYuanYunGou

效果如下：

 

1：在主頁面先定義按鍵跟綁定視圖（沒寫全的都是屬性中定義了比如btnRigth,dropdownView等）：

btnRigth = [UIButton buttonWithType:UIButtonTypeCustom];
    [btnRigth addTarget:self action:@selector(btnRightAction) forControlEvents:UIControlEventTouchUpInside];
    if(![OyTool ShardInstance].bIsForReview)
    {
        [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"" title:@"全部分類▽"];
    }
    else
    {
        [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"" title:[dicTypeName.allValues objectAtIndex:0]];
    }
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btnRigth];

    AllProTypeView* tview = [[AllProTypeView alloc] initWithFrame:self.view.bounds];
    tview.delegate = self;
    //賦於下拉的里效果視圖
    dropdownView = [[LMDropdownView alloc] init];
    dropdownView.menuBackgroundColor = [UIColor whiteColor];
    dropdownView.menuContentView = tview;

 

2：其中對設置按鍵進行的封裝：

- (void)actionCustomNavBtn:(UIButton *)btn nrlImage:(NSString *)nrlImage
                  htlImage:(NSString *)hltImage
                     title:(NSString *)title {
    [btn setImage:[UIImage imageNamed:nrlImage] forState:UIControlStateNormal];
    if (hltImage) {
        [btn setImage:[UIImage imageNamed:hltImage] forState:UIControlStateHighlighted];
    } else {
        [btn setImage:[UIImage imageNamed:nrlImage] forState:UIControlStateNormal];
    }
    if (title) {
        btn.titleLabel.font = [UIFont boldSystemFontOfSize:13];
        [btn setTitle:title forState:UIControlStateNormal];
        [btn setTitle:title forState:UIControlStateHighlighted];
        [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
    }
    [btn sizeToFit];
}

 

3：其中btnRightAction響應事件內容（主要用於顯示跟隱藏下拉效果）：

- (void)btnRightAction
{
    if ([dropdownView isOpen])
    {
        [dropdownView hide];
    }
    else
    {
        //[tbViewType reloadData];
        [dropdownView showInView:self.view withFrame:CGRectMake(0, 0, mainWidth, self.view.bounds.size.height)];
    }

}

 

4：AllProTypeView下拉內容的視圖代碼如下（是一個列表）：

.h文件內容

#import <UIKit/UIKit.h>

@protocol AllProTypeViewDelegate
- (void)selectedTypeCode:(int)code;
@end

@interface AllProTypeView : UIView
@property(nonatomic,weak)id<AllProTypeViewDelegate> delegate;
@end


.m文件內容

@interface AllProTypeView ()<UITableViewDataSource,UITableViewDelegate>
{
    UITableView     *tbView;
    
    NSArray         *arrOfType;
    NSArray         *arrOfTypeImage;
    NSInteger       indexType;
    
    __weak id<AllProTypeViewDelegate> delegate;
}
@end

@implementation AllProTypeView
@synthesize delegate;

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if(self)
    {
        self.backgroundColor = [UIColor redColor];
        
        tbView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, mainWidth, frame.size.height) style:UITableViewStyleGrouped];
        tbView.delegate = self;
        tbView.dataSource = self;
        tbView.backgroundColor = [UIColor whiteColor];
        tbView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
        tbView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
        [self addSubview:tbView];
        
        if(![OyTool ShardInstance].bIsForReview)
        {
            arrOfType = @[@"全部分類",@"手機數碼",@"電腦辦公",@"家用電器",@"化妝個護",@"鍾表首飾",@"其他商品"];
            arrOfTypeImage = @[@"sort0",@"sort100",@"sort106",@"sort104",@"sort2",@"sort222",@"sort312"];
        }
        else
        {
            arrOfType = @[@"家用電器",@"化妝個護",@"鍾表首飾",@"其他商品"];
            arrOfTypeImage = @[@"sort104",@"sort2",@"sort222",@"sort312"];
        }
    }
    return self;
}

#pragma mark - tableview
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return  arrOfType.count;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 44;
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 0.1;
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    return 0.1;
}

- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //static NSString *CellIdentifier = @"Cell";
    UITableViewCell *cell =  nil;//(UITableViewCell*)[tableView  dequeueReusableCellWithIdentifier:CellIdentifier];
    if(cell == nil)
    {
        cell = [[UITableViewCell alloc] init];
    }
    cell.textLabel.text = [NSString stringWithFormat:@"        %@", [arrOfType objectAtIndex:indexPath.row]];
    NSString* name = [arrOfTypeImage objectAtIndex:indexPath.row];
 
    if(indexPath.row == indexType)
    {
        name = [NSString stringWithFormat:@"%@_checked",name];
        cell.textLabel.textColor = mainColor;
        
        UIImageView* imgOK = [[UIImageView alloc] initWithFrame:CGRectMake(mainWidth - 32, 14, 20, 16)];
        imgOK.image = [UIImage imageNamed:@"screening_select"];
        [cell addSubview:imgOK];
    }
    else
    {
        name = [NSString stringWithFormat:@"%@_normal",name];
    }
    UIImageView* img = [[UIImageView alloc] initWithFrame:CGRectMake(16, 10, 24, 24)];
    img.image = [UIImage imageNamed:name];
    [cell addSubview:img];

    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    indexType = indexPath.row;
    [tbView reloadData];
    
    if(delegate)
    {
        NSString* code = [[arrOfTypeImage objectAtIndex:indexPath.row] stringByReplacingOccurrencesOfString:@"sort" withString:@""];
        [delegate selectedTypeCode:[code intValue]];
    }
}

@end

注意：列表有綁定是否是被選擇，它顯示的效果是不一樣的，在觸發行時對標識符進行重新賦值，把通過delegate把它傳回主視圖控件器里；

 

5：主控制器里響應上面delegate的內容為：

- (void)selectedTypeCode:(int)code
{
    iCodeType = code;
    [dropdownView hide];
    
    NSString* key = [NSString stringWithFormat:@"%d",code];
    NSString* name = [dicTypeName objectForKey:key];
    
    [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"0" title:name];
    
   //重新綁定列表顯示內容
    __weak typeof (self) wSelf = self;
    curPage = 1;
    [self getData:^{
        __strong typeof (wSelf) sSelf = wSelf;
        sSelf->listNew = nil;
    }];
}