UIPickerView组件的使用之国旗联动——使用XIB自定义组件

旧城等待， 2022-08-19 04:50 129阅读 0赞

具体步骤如下：

![Center][]

![Center 1][]

![Center 2][]

![Center 3][]

![Center 4][]

![Center 5][]

![Center 6][]

![Center 7][]

![Center 8][]

![Center 9][]

![Center 10][]

资源文件内的PLIST截图如下：

![Center 11][]

新建工程，代码如下：

Model类Flag如下：

Flag.h

//
    //  Flag.h
    //  02.国旗联动
    //
    //  Created by 刘刘勋 on 16/1/2.
    //  Copyright © 2016年 aaaaa. All rights reserved.
    //
    
    #import <Foundation/Foundation.h>
    
    @interface Flag : NSObject
    
    @property(nonatomic, copy)NSString *name;
    @property(nonatomic, copy)NSString *icon;
    
    -(instancetype)initWithDic:(NSDictionary *)dic;
    +(instancetype)initWithDic:(NSDictionary *)dic;
    
    +(NSArray *)flagList;
    @end

Flag.m

//
    //  Flag.m
    //  02.国旗联动
    //
    //  Created by 刘刘勋 on 16/1/2.
    //  Copyright © 2016年 aaaaa. All rights reserved.
    //
    
    #import "Flag.h"
    
    @implementation Flag
    
    -(instancetype)initWithDic:(NSDictionary *)dic{
        if (self = [super init]) {
            [self setValuesForKeysWithDictionary:dic];
        }
        return self;
    }
    
    +(instancetype)initWithDic:(NSDictionary *)dic{
        return [[self alloc] initWithDic:dic];
    }
    
    +(NSArray *)flagList{
      //加载plist文件
        NSString *path = [[NSBundle mainBundle] pathForResource:@"flags" ofType:@"plist"];
        NSArray *dicArray = [NSArray arrayWithContentsOfFile:path];
        
        //字典转模型
        NSMutableArray *tmpArray = [NSMutableArray array];
        for (NSDictionary *dic  in dicArray) {
            Flag *flag = [Flag initWithDic:dic];
            [tmpArray addObject:flag];
        }
        return tmpArray;
    }
    
    @end

控制器viewController.m

//
    //  ViewController.m
    //  02.国旗联动
    //
    //  Created by 刘刘勋 on 16/1/2.
    //  Copyright © 2016年 aaaaa. All rights reserved.
    //
    
    #import "ViewController.h"
    #import "Flag.h"
    #import "FlagView.h"
    
    @interface ViewController ()<UIPickerViewDelegate,UIPickerViewDataSource>
    @property(nonatomic, strong)NSArray *flags;
    
    @end
    
    @implementation ViewController
    
    -(NSArray *)flags{
        if (!_flags) {
            _flags = [Flag flagList];
        }
        return _flags;
    }
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    }
    
    #pragma mark- 返回pickerview的列数
    - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
        return 1;
    }
    
    #pragma mark - 指明pickerView的每一列的行数
    - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
        return self.flags.count;
    }
    
    #pragma mark -自定义pickerView的行
    -(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{
        
        //
        //    UILabel *label = [[UILabel alloc] init];
        //    label.backgroundColor = [UIColor yellowColor];
        //    label.text = @"XX";
        
        // 注意：在此处我们可以不用设置返回组件的frame，系统会自动帮我们进行设置
        /*
         但是自定义组件要添加bounds
         设置高度无效，需要在自定义代理方法中进行设置F
         reusingView:如果有重用的View，会传一个View进来
         */
        FlagView *flagView = (FlagView *)view;
        if (!flagView) {
            flagView = [FlagView flagView];
            flagView.bounds = CGRectMake(0, 0, 200, 0);
        }
        
        // 设置数据
        // 获取模型
        Flag *flag = self.flags[row];
        flagView.flag = flag;
    
        NSLog(@"row: %ld address: %p name: %@",row, flagView,flag.name);
        return flagView;
        
    }
    
    #pragma mark- 返回组件的高度
    
    -(CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component{
        return 50;
    }
    @end

[Center]: /images/20220731/36e6699c2eb94e6a88860da5b30e4e7e.png
[Center 1]: /images/20220731/7aafd75ad8634c479c57721bd2b50d5f.png
[Center 2]: /images/20220731/9d835672d4a2475e931efacf1e104e2d.png
[Center 3]: /images/20220731/027d1d763d584f43a619c8d9fe193b12.png
[Center 4]: /images/20220731/4b680388231f4649b4e7cf1a8c5a84a8.png
[Center 5]: /images/20220731/705a1135aaba4d9a95dfa723566f0054.png
[Center 6]: /images/20220731/b27f96abfe6a4244aeab76e13c797a32.png
[Center 7]: /images/20220731/fc255077c32c4a3f82fb5416c7ef0064.png
[Center 8]: /images/20220731/e3525a40ec704cdbadc4c372d419dec2.png
[Center 9]: /images/20220731/68501ea2a2ee4c28aa6eb518958c059a.png
[Center 10]: /images/20220731/ad0e44e35f8d483db08917148ee2f54c.png
[Center 11]: /images/20220731/997bc77cb7aa4adcbc5942b7b32b5530.png