IOS 的最佳单选按钮实现

Question

我想问一下是否有关于如何在 iPhone 应用上实现单选按钮选项的示例。

我发现 Picker View 对于一个简单的选择功能来说相当大。

我不确定 Apple 是否故意排除了单选按钮，以及从可用性/用户体验的角度来看，简单地使用 Picker View 是否更好。

Answer 1

对于选项屏幕，尤其是在有多个单选组的情况下，我喜欢使用分组表视图。每个组是一个无线电组，每个小区是组内的一个选择。使用单元格的辅助视图作为复选标记来指示您想要的选项是微不足道的。

如果 UIPickerView 可以做得更小一点，或者它们的渐变更适合将两个平铺到一个页面上...

Answer 2

试试UISegmentedControl。它的行为类似于单选按钮——呈现一系列选项并让用户选择 1。

Answer 3

我编写了一个控制器来处理一系列单选按钮背后的逻辑。它是开源的，在 GitHub 上，看看吧！

https://github.com/goosoftware/GSRadioButtonSetController

Answer 4

只想总结一下，可能有4种方法。

• 如果你没有太多空间，为文本或按钮添加点击事件，然后显示 UIPickerView：

或用复选标记打开一个新的表格视图控件：

• 如果有更多空间，直接在主视图中添加一个表格视图：

• 最终的解决方案是使用 UISegmentedControl：

希望这会有所帮助。

Answer 5

我对最好的单选按钮实现应该是什么样子有一些想法。它可以基于UIButton 类并使用它的“选定”状态来指示组中的一个。 UIButton 在 IB 中有原生的自定义选项，因此设计 XIB 很方便。 还应该有一种使用 IB 插座连接对按钮进行分组的简单方法：

我已经在这个RadioButton 课程中实现了我的想法。像魅力一样工作：

Download the sample project.

Answer 6

试试DLRadioButton，对Swift 和ObjC 都有效。您还可以使用图像来指示选择状态或自定义您自己的样式。

查看GitHub。

**更新：添加了将选择指示器放在右侧的选项。

**更新：添加方形按钮IBDesignable，提高了性能。

**更新：添加了多选支持。

Answer 7

以下在 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 8

我知道现在回答这个问题已经很晚了，但希望这可以帮助任何人。

您可以使用IBOutletCollection 创建类似单选按钮的按钮。在我们的 .h 文件中创建一个 IBOutletCollection 属性。

@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];
}