【问题标题】:What is the UITextField default borderColor in iOS8?iOS 8 中的 UITextField 默认边框颜色是什么?
【发布时间】:2014-11-28 17:24:27
【问题描述】:

我有一个带有边框的按钮,我想将其设置为 UITextField。

所以我尝试了:

self.dateButton.layer.borderColor = self.assesseeName.layer.borderColor

但这给了我一个黑色边框:

如何获得与 UITextField 相同的颜色(屏幕截图顶部)?

【问题讨论】:

标签: ios objective-c swift


【解决方案1】:

我将按钮的边框颜色设置为标准浅灰色,边框宽度设置为 0.25 并且匹配

斯威夫特 3:

myButton.layer.borderWidth = 0.25
myButton.layer.borderColor = UIColor.lightGray.cgColor

【讨论】:

  • 我相信在 iOS 11 上,borderWidth 是 0.5(不是 0.25)。
【解决方案2】:

您可以使用以下代码将文本字段的相同效果应用于按钮(边框宽度、边框颜色和角半径)

UIColor *borderColor = [UIColor colorWithRed:204.0/255.0 green:204.0/255.0 blue:204.0/255.0 alpha:1.0];

dateButton.layer.borderColor = borderColor.CGColor;   
dateButton.layer.borderWidth = 1.0;
dateButton.layer.cornerRadius = 5.0;

【讨论】:

  • 你给的颜色与默认的uitextfield边框颜色不匹配
  • @oyahi :我只是为演示目的提供了颜色,你可以拿走任何你想要的东西。默认情况下,文本字段边框为灰色。
  • 该问题专门询问“如何获得与 UITextField 相同的颜色(屏幕截图顶部)?”所以我期待你的答案有相同的颜色。
  • U 可以使用替换的第一行作为颜色: UIColor *bordercolor = [UIColor cyanColor];和剩下的代码一样。
  • 你可以随意改变颜色或者你也可以使用haxstring
【解决方案3】:

根据 Mac 的数字色度计,边框的 RGB 为 230、230、230。

【讨论】:

    【解决方案4】:

    Swift 4 答案

    文本域默认边框颜色为灰色。

    button.layer.borderColor = UIColor.gray.cgColor
    button.layer.borderWidth = 0.15
    

    【讨论】:

      【解决方案5】:

      在 iOS 13 中,颜色在明暗模式之间变化

      if #available(iOS 13.0, *) {
          view.layer.borderColor = UIColor(dynamicProvider: { trait in
              if trait.userInterfaceStyle == .light {
                  return UIColor(white: 0, alpha: 0.2)
              } else {
                  return UIColor(white: 1, alpha: 0.2)
              }
          }).cgColor
      } else {
      
          view.layer.borderColor = UIColor(white: 0, alpha: 0.2).cgColor
      }
      

      【讨论】:

        【解决方案6】:

        这对我有用

        let borderColor = UIColor(displayP3Red: 204.0/255.0, green: 204.0/255.0, blue: 204.0/255.0, alpha: 1.0)
        uitextfield.borderColor = borderColor
        uitextfield.borderWidth = 0.5
        uitextfield.cornerRadius = 5
        

        【讨论】:

          猜你喜欢
          • 2017-05-01
          • 2015-09-12
          • 2010-12-24
          • 2017-11-09
          • 1970-01-01
          • 2017-07-09
          • 2013-11-09
          • 2019-11-05
          • 1970-01-01
          相关资源
          最近更新 更多