Лучшая реализация переключателя для IOS

Question

Я хотел бы спросить, есть ли примеры того, как реализовать опции радио-кнопок в приложении для iPhone.

Мне кажется, Picker View довольно большой для простой функции выбора.

Я не уверен, намеренно ли Apple исключил переключатели, и лучше ли просто использовать Picker View с точки зрения удобства использования / взаимодействия с пользователем.

Answer 1

У меня есть мысли о том, как должна выглядеть лучшая реализация переключателя.Он может основываться на классе UIButton и использовать его состояние «выбранный» для обозначения одного из группы.UIButton имеет собственные параметры настройки в IB, поэтому удобно проектировать XIB.Также должен быть простой способ группировки кнопок с использованием выходных соединений IB:

Я реализовал свои идеи в этом классе RadioButton .Работает как шарм:

Загрузить пример проекта .

Answer 2

Попробуйте UISegmentedControl . Он работает аналогично переключателям - предоставляет множество вариантов выбора и позволяет пользователю выбрать 1.

Answer 3

Просто хочу подвести итог, может быть 4 способа.

• Если у вас мало места, добавьте событие щелчка для текста или кнопки, затем отобразите UIPickerView:

илиоткройте новый элемент управления табличного представления с галочкой:

• Если есть больше места, добавьте табличное представление непосредственно к основному виду:

• Окончательное решение использует UISegmentedControl:

Надеюсь, это поможет.

Answer 4

Попробуйте DLRadioButton , работает для Swift и ObjC.Вы также можете использовать изображения, чтобы указать статус выбора или настроить свой собственный стиль.

Проверьте это на GitHub .

** Обновление: добавлена ​​опция для размещения индикатора выбора на правой стороне.

** Обновление: добавлена ​​квадратная кнопка, IBDesignable, улучшенопроизводительность.

** Обновление: добавлена ​​поддержка множественного выбора.

Answer 5

Для экранов опций, особенно там, где есть несколько радиогрупп, мне нравится использовать сгруппированное табличное представление.Каждая группа является радиогруппой, а каждая ячейка - выбором внутри группы.Использовать вспомогательный вид ячейки для галочки, указывающей, какую опцию вы хотите, тривиально.

Если бы только UIPickerView можно было сделать чуть меньше, или их градиенты были бы немного лучше приспособлены для мозаики от двух достраница ...

Answer 6

Я знаю, что уже очень поздно, чтобы ответить на этот вопрос, но надеюсь, что это может кому-нибудь помочь.

Вы можете создать кнопку, такую ​​как переключатель, используя IBOutletCollection.создайте одно свойство IBOutletCollection в нашем файле .h.

@property (nonatomic, strong) IBOutletCollection(UIButton) NSArray *ButtonArray;

соедините все кнопки с этим IBOutletCollection и создайте один метод IBAction для всех трех кнопок.

- (IBAction)btnTapped:(id)sender {
       for ( int i=0; i < [self.ButtonArray count]; i++) {
           [[self.ButtonArray objectAtIndex:i] setImage:[UIImage                         
            imageNamed:@"radio-off.png"]                 
            forState:UIControlStateNormal];
       }
     [sender setImage:[UIImage imageNamed:@"radio-on.png"]
      forState:UIControlStateNormal];
}

Answer 7

Я написал контроллер для обработки логики за множеством переключателей.Это открытый исходный код, и на GitHub, проверьте его!

https://github.com/goosoftware/GSRadioButtonSetController

Answer 8

Следующий простой способ создать радио-кнопку в вашем приложении для iOS, выполните два шага.

Step1 - вставьте этот код в ваш viewDidLoad или любой другой желаемый метод

 [_mrRadio setSelected:YES];
        [_mrRadio setTag:1];
        [_msRadio setTag:1];
        [_mrRadio setBackgroundImage:[UIImage imageNamed:@"radiodselect_white.png"] forState:UIControlStateNormal];
        [_mrRadio setBackgroundImage:[UIImage imageNamed:@"radioselect_white.png"] forState:UIControlStateSelected];
        [_mrRadio addTarget:self action:@selector(radioButtonSelected:) forControlEvents:UIControlEventTouchUpInside];

        [_msRadio setBackgroundImage:[UIImage imageNamed:@"radiodselect_white.png"] forState:UIControlStateNormal];
        [_msRadio setBackgroundImage:[UIImage imageNamed:@"radioselect_white.png"] forState:UIControlStateSelected];
        [_msRadio addTarget:self action:@selector(radioButtonSelected:) forControlEvents:UIControlEventTouchUpInside];

Step2- Поместите следующий метод IBAction в ваш класс

-(void)radioButtonSelected:(id)sender
{
    switch ([sender tag ]) {
        case 1:
            if ([_mrRadio isSelected]==YES) {
              //  [_mrRadio setSelected:NO];
               // [_msRadio setSelected:YES];
               genderType = @"1";
            }
            else
            {
                [_mrRadio setSelected:YES];
                [_msRadio setSelected:NO];
                genderType = @"1";
            }
            break;
        case 2:
            if ([_msRadio isSelected]==YES) {
               // [_msRadio setSelected:NO];
               // [_mrRadio setSelected:YES];
                genderType = @"2";
            }
            else
            {
                [_msRadio setSelected:YES];
                [_mrRadio setSelected:NO];
                 genderType = @"2";
            }
            break;
        default:
            break;
    }
}

Answer 9

-(void)radiobutton:(id)sender
{
ischecked =!ischecked;
UIButton *check = (UIButton*)sender;
if(ischecked == NO)
    [check setImage:[UIImage imageNamed:@"checkbox1.png"] forState:UIControlStateNormal];
else 
    [check setImage:[UIImage imageNamed:@"checkbox-pressed.png"] forState:UIControlStateNormal];
}