在处理另一个UIPickerView时，模糊其中一行。

7 浏览
0 Comments

在处理另一个UIPickerView时，模糊其中一行。

我目前正在使用Objective-C为吉他手创建iOS应用程序，当用户想要添加新歌曲时，他必须选择一个音调。音乐的问题在于有两种类型的音调：大调和小调。如果用户想要选择一个大调，并且他在滚动中，我希望小调行被模糊化，或者在一定程度上不允许用户选择小调，因为他必须选择大调或小调之一。

所以我的问题是：我如何在UIPickerView的一行上模糊化并阻止用户交互，而另一行保持可用？

提前谢谢！

0

1 答案

0 Comments

问题出现的原因是在使用UIPickerView时，当操作其中一个组件时，需要将另一个组件进行模糊处理。解决方法是使用viewForRow函数对未选中的视图进行模糊处理，然后在didSelectRow函数中对选中的视图进行取消模糊处理。下面是实现这一目的的代码示例：

import UIKit

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {

let pickerView = UIPickerView()

var blurEffectView: UIVisualEffectView?

override func viewDidLoad() {

super.viewDidLoad()

pickerView.delegate = self

pickerView.dataSource = self

view.addSubview(pickerView)

}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {

return 4

}

func numberOfComponents(in pickerView: UIPickerView) -> Int {

return 2

}

func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {

let label = UILabel()

label.text = "Row \(row)"

// Apply blur effect to unselected views

if component != pickerView.selectedRow(inComponent: 0) {

let blurEffect = UIBlurEffect(style: .light)

blurEffectView = UIVisualEffectView(effect: blurEffect)

blurEffectView?.frame = label.bounds

label.addSubview(blurEffectView!)

}

return label

}

func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {

// Remove blur effect from selected view

for subview in pickerView.subviews {

if subview.subviews.contains(blurEffectView!) {

blurEffectView?.removeFromSuperview()

blurEffectView = nil

}

}

}

}

上述代码使用了UIPickerView的viewForRow和didSelectRow函数来实现对选中和未选中视图的模糊处理。在viewForRow函数中，判断当前组件是否为未选中组件，如果是，则为该视图应用模糊效果。在didSelectRow函数中，遍历所有的子视图，找到包含模糊效果视图的子视图并将其移除，从而取消模糊效果。

希望这个Objective-C的示例代码能对你有所帮助：

#import "ViewController.h"
@interface ViewController () 
@property (nonatomic, strong) UIPickerView *pickerView;
@property (nonatomic, strong) UIVisualEffectView *blurEffectView;
@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];
}
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
    return 4;
}
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
    return 2;
}
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
    UILabel *label = [[UILabel alloc] init];
    label.text = [NSString stringWithFormat:@"Row %ld", (long)row];
    
    // Apply blur effect to unselected views
    if (component != [pickerView selectedRowInComponent:0]) {
        UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
        self.blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
        self.blurEffectView.frame = label.bounds;
        [label addSubview:self.blurEffectView];
    }
    
    return label;
}
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    // Remove blur effect from selected view
    for (UIView *subview in pickerView.subviews) {
        if ([subview.subviews containsObject:self.blurEffectView]) {
            [self.blurEffectView removeFromSuperview];
            self.blurEffectView = nil;
        }
    }
}
@end

这段Objective-C代码与之前的Swift代码实现了相同的功能，使用了UIPickerView的viewForRow和didSelectRow函数来处理选中和未选中视图的模糊效果。在viewForRow函数中，判断当前组件是否为未选中组件，如果是，则为该视图应用模糊效果。在didSelectRow函数中，遍历所有的子视图，找到包含模糊效果视图的子视图并将其移除，从而取消模糊效果。

希望这些代码对你有帮助！

0