Как стать автором
Обновить

Определеяем какая строка была нажата в UIPickerView

Время на прочтение 4 мин
Количество просмотров 3.6K
Проблема

Недавно решил преукрасить интерфейс своего приложения элементом UIPickerView, но меня не совсем устроило, то, что мне предложил стандартный набор инструментов, а именно: прокрутить его так чтоб нужный элемент стал под «Selection Indicator» и потом выполнить какое-то действие. Мне нужно было чтоб по нажатию на любую строку посылалось сообщение с нужными параметрами. Поэтому я решил кастомизировать UIPickerView прикрутив к нему UITapGestureRecogniser.

Решение

Ниже я шаг за шагом распишу порядок своих действий. Я работаю с сабклассом UIViewController в котором объявлены протоколы UIPickerViewDelegate и UIPickerViewDataSource.

  1. Добавляем UITapGestureRecogniser в UIPickerView:

    UITapGestureRecognizer *tapgesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(whereAreYouTappedOnPicker:)];
        [self.pickerView addGestureRecognizer:tapgesture];


    Данное действие я выполянл в функции viewDidLoad:. whereAreYouTappedOnPicker: — это селектор, который будет вызываться при нажатии на пикер и вычислять какая строка была нажата.

  2. Объявляем whereAreYouTappedOnPicker: в хэдере (.h файл) вашего сабкласса UIViewController.

    -(void)whereAreYouTappedOnPicker:(UIGestureRecognizer *)gestureRecognizer;

  3. Пишем реализацию функции, которую объявили рание(делаем это в .m файле).

    
    -(void)whereAreYouTappedOnPicker:(UIGestureRecognizer *)gestureRecognizer {
        //определяем координату куда нажали на UIPickerView
        CGPoint tapCoordinate = [gestureRecognizer locationInView:self.pickerView];
        //Определяем высоту строки в UIPickerView. Я делю на 5 потому что использую стандартную высотку строки и высоту пикера
        CGFloat heightOfPickerRow = self.pickerView.frame.size.height/5;
        //объявляем переменную для хранения информации про строку на которую нажали
        NSInteger rowForSelectionIndicator =[self.pickerView selectedRowInComponent:0];
        //Анализируем нужно ли нам покрутить пикер и поставить нажатую строку под "Selection Indicator"
        if (tapCoordinate.y<heightOfPickerRow) {
            //данная область отвечает за позицию первой строки в пикере
            //проверяем можем ли мы переместиться на данную строку
            if ([self.pickerView selectedRowInComponent:0] > 1)
                rowForSelectionIndicator -=2;
            else
                rowForSelectionIndicator = -1; //никаких действий не требуется
        }
        else if (tapCoordinate.y<2*heightOfPickerRow) {
    		//данная область отвечает за позицию второй строки в пикере
            //проверяем можем ли мы переместиться на данную строку
            if ([self.pickerView selectedRowInComponent:0] > 0)
                rowForSelectionIndicator -=1;
            else
                rowForSelectionIndicator = -1; //никаких действий не требуется
        }
        else if (tapCoordinate.y<3*heightOfPickerRow) {
    		//данная область отвечает за позицию третьей строки в пикере, той которая уже находиться под "Selection Indicator"
    		//если это так, то больше ничего не нужно делать
            rowForSelectionIndicator = [self.pickerView selectedRowInComponent:0];
        }
        else if (tapCoordinate.y<4*heightOfPickerRow) {
            //данная область отвечает за позицию четвертой строки в пикере
    		//проверяем можем ли мы переместиться на данную строку
            if ([self.pickerView selectedRowInComponent:0] <
                ([self.pickerView numberOfRowsInComponent:0]-1))
                rowForSelectionIndicator +=1;
            else
                rowForSelectionIndicator = -1; //никаких действий не требуется
        }
        else {
            //данная область отвечает за позицию пятой строки в пикере
    		//проверяем можем ли мы переместиться на данную строку
            if ([self.pickerView selectedRowInComponent:0] <
                ([self.pickerView numberOfRowsInComponent:0]-2))
                rowForSelectionIndicator += 2;
            else
                rowForSelectionIndicator = -1; //никаких действий не требуется
        }
    	//проверям нужно ли нам выполнять какое-либо действие по нажатии на данную строку
        if (rowForSelectionIndicator!=-1) {
    		//говорим пикеру прокрутиться на нужную строку
    		//ВНИМАНИЕ - Метод didSelectRow не вызывается когда вы прокручиваете пикер на нужную строку при помощи кода.
            [self.pickerView selectRow:rowForSelectionIndicator inComponent:0 animated:YES];
            //поэтому нам нужна другая функция
            [self customPickerView:self.pickerView didSelectRow:rowForSelectionIndicator inComponent:0
                     asResultOfTap:YES];
        }
    }
    


    Далее нам требуется предусмотреть два случая: когда юзер скролит пикер и когда юзер нажимает на нужную строку. Это нам нужно затем, что didSelectRow: не реагирует на прокрутку при помощи кода, здесь нам и понадобиться «другая функция»

    И так, у нас будет два события:
    1. Когда юзер скролит пикер, то вызывается метод didSelectRow: в котором вызывается метод customPickerView: и как параметр передается индекс строки, которая находиться под «Selection Indicator».
    2. Когда юзер нажимает на нужную строку, то вызывается метод whereAreYouTappedOnPicker: в котором вызывается метод customPickerView: и как параметр передается индекс строки, которая была нажата.

    Код метода didSelectRow:

    - (void)pickerView:(UIPickerView *)pickerView didSelectRow: (NSInteger)row
                                       inComponent:(NSInteger)component {
        [self customPickerView:pickerView didSelectRow:row inComponent:component
         asResultOfTap:NO];
    }


  4. Объявляем функцию customPickerView: в хэдере.

    -(void)customPickerView:(UIPickerView *)pickerView didSelectRow:
        (NSInteger)row inComponent:(NSInteger)component asResultOfTap:(bool)userTapped;


  5. Пишем реализацию функции customPickerView: в .m файле

    - (void)customPickerView:(UIPickerView *)pickerView 
                didSelectRow:(NSInteger)row
                 inComponent:(NSInteger)component 
               asResultOfTap:(bool)userTapped
    {
        if (userTapped) //если юзер нажал на нужную ему строку
        {
            NSLog(@"нажато на %i", row);
    
        }
        else //если юзер прокрутил барабан и поместил под "Selection Indicator" нужную строку
        {
            NSLog(@"выбрано %i", row);
        }
    }
    


Проблемы

Иногда при быстром нажатии на пикер selectedRow становится равным -1. У меня при нажатии на строку выполняется переход на новый View, поэтому этот вариант меня устраивает.
Теги:
Хабы:
+1
Комментарии 6
Комментарии Комментарии 6

Публикации

Истории

Работа

iOS разработчик
24 вакансии
Swift разработчик
33 вакансии

Ближайшие события

PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн
Weekend Offer в AliExpress
Дата 20 – 21 апреля
Время 10:00 – 20:00
Место
Онлайн