iOS自定义UIPickerView选中行背景色，打造个性化选择器控件！

2022-12-04 05:26:56

如何自定义 UIPickerView 中选定行的背景色

前言

UIPickerView 是 iOS 中广泛使用的选择器控件，它提供了一个交互式界面来从一组项目中进行选择。默认情况下，选定行显示为灰色背景。然而，您可以通过一些技巧自定义此背景色，以增强用户体验和匹配应用程序的视觉美学。

步骤：

1. 导入必要的头文件

在您的 ViewController 的头文件中，导入以下头文件：

#import <UIKit/UIKit.h>
#import <UIPickerView/UIPickerView.h>

2. 将 UIPickerView 添加为类的属性

在 ViewController 的实现文件中，将 UIPickerView 作为类的属性：

@interface ViewController () <UIPickerViewDelegate, UIPickerViewDataSource>

@property (nonatomic, strong) UIPickerView *pickerView;

@end

3. 在 viewDidLoad 方法中初始化 UIPickerView

在 viewDidLoad 方法中，初始化 UIPickerView 并设置其代理和数据源：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.pickerView = [[UIPickerView alloc] init];
    self.pickerView.delegate = self;
    self.pickerView.dataSource = self;
    [self.view addSubview:self.pickerView];
}

4. 实现 UIPickerViewDelegate 和 UIPickerViewDataSource 协议方法

实现必需的协议方法以提供数据并处理事件：

// 返回列数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
    return 1;
}

// 返回每列的行数
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
    return 10;
}

// 返回每行的数据
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
    return [NSString stringWithFormat:@"第%ld行", row];
}

// 选中某一行时触发
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    NSLog(@"选中了第%ld行", row);
}

5. 自定义选定行的背景色

在 viewDidLoad 方法中，获取 UIPickerView 的子视图并设置选定行的背景色：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.pickerView = [[UIPickerView alloc] init];
    self.pickerView.delegate = self;
    self.pickerView.dataSource = self;
    [self.view addSubview:self.pickerView];
    
    // 获取 UIPickerView 的子视图
    UIView *subview = [self.pickerView.subviews firstObject];
    
    // 设置选定行的背景色
    subview.backgroundColor = [UIColor redColor];
}

示例代码：

#import <UIKit/UIKit.h>
#import <UIPickerView/UIPickerView.h>

@interface ViewController () <UIPickerViewDelegate, UIPickerViewDataSource>

@property (nonatomic, strong) UIPickerView *pickerView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.pickerView = [[UIPickerView alloc] init];
    self.pickerView.delegate = self;
    self.pickerView.dataSource = self;
    [self.view addSubview:self.pickerView];
    
    // 获取 UIPickerView 的子视图
    UIView *subview = [self.pickerView.subviews firstObject];
    
    // 设置选定行的背景色
    subview.backgroundColor = [UIColor redColor];
}

// ... 其他 UIPickerView 协议方法的实现 ...

@end