Apple的圆形复选标记 - 它们何时何地使用?

时间:2018-03-17 15:41:00

标签: ios checkbox user-experience

我们正在构建一个跨平台应用程序,我的团队(Apple用户)的决策者希望我们所有的“选择删除”复选框都是圆形的,“就像Apple的邮件和消息应用程序”。

enter image description here enter image description here

我个人觉得这很混乱,我认为它们看起来像单选按钮。他不相信有人会把圆圈混淆为单选按钮。

Apple关于复选框的HIG没有具体说明复选框应该是特定的形状Apple's HIG on Checkboxes

Apple的示例代码显示方形复选框,但不是选择删除项目Apple's TableViewCell Sample Code

是否所有iOS设备都使用圆形复选标记来删除项目,或者这是一个新的更改?

iOS何时何地使用圆形复选标记?

2 个答案:

答案 0 :(得分:1)

圆形按钮是多个iOS表格视图选择的默认和标准,据我所知,它一直是。您可以在"Buttons" page in Apple's iOS Human Interface Guidelines的第二个屏幕截图中看到这一点。试试这个调用UITableView默认多重选择模式的Swift示例代码:

import UIKit

class ViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        tableView.allowsMultipleSelectionDuringEditing = true
        tableView.setEditing(true, animated: false)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell")
        cell?.textLabel?.text = String(indexPath.row)
        return cell!
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 15
    }
}

以上代码生成此界面(在iPhone X iOS 11.3模拟器上拍摄):

UITableView with default round selection checkmark circles

答案 1 :(得分:0)

IOS在设计中使用圆形复选标记的一个常见情况是,它们是为有色人种用户设计的。由于这些用户不能依赖绿色和红色来提供信息,因此使用这些复选标记。使用复选标记代替绿色,而不是使用红色,使用X.

如果您只是选择要删除的项目,我会考虑在圆形图标中使用数值来识别用户选择的邮件数量。