UITextField 边框颜色

Question

我非常希望将自己的颜色设置为 UITextField 边框。但到目前为止我只能找到如何更改边框线样式。

我已经使用背景属性以这种方式设置背景颜色：

self.textField.backgroundColor = textFieldColor;

但我也必须更改 UITextField 边框的颜色。我的问题是如何更改边框颜色。

Answer 1

在类中导入 QuartzCore 框架：

#import <QuartzCore/QuartzCore.h>

要更改边框颜色，请使用以下代码片段（我将其设置为 redColor），

    textField.layer.cornerRadius=8.0f;
    textField.layer.masksToBounds=YES;
    textField.layer.borderColor=[[UIColor redColor]CGColor];
    textField.layer.borderWidth= 1.0f;

要恢复到原始布局，只需将边框颜色设置为透明颜色，

    serverField.layer.borderColor=[[UIColor clearColor]CGColor];

在快速代码中

    textField.layer.borderWidth = 1
    textField.layer.borderColor = UIColor.whiteColor().CGColor

Answer 2

试试这个：

UITextField *theTextFiels=[[UITextField alloc]initWithFrame:CGRectMake(40, 40, 150, 30)];
    theTextFiels.borderStyle=UITextBorderStyleNone;
    theTextFiels.layer.cornerRadius=8.0f;
    theTextFiels.layer.masksToBounds=YES;
        theTextFiels.backgroundColor=[UIColor redColor];
    theTextFiels.layer.borderColor=[[UIColor blackColor]CGColor];
    theTextFiels.layer.borderWidth= 1.0f;

    [self.view addSubview:theTextFiels];
    [theTextFiels release];

并导入 QuartzCore：

#import <QuartzCore/QuartzCore.h>

Answer 3

更新为 swift 5.0

textField.layer.masksToBounds = true
textField.layer.borderColor = UIColor.blue.cgColor
textField.layer.borderWidth = 1.0

Answer 4

导入以下类：

#import <QuartzCore/QuartzCore.h> 

//用于设置文本字段边框灰色的代码

[[textField layer] setBorderColor:[[UIColor colorWithRed:171.0/255.0
                                                   green:171.0/255.0
                                                    blue:171.0/255.0
                                                   alpha:1.0] CGColor]];

根据需要将 171.0 替换为相应的颜色编号。

Answer 5

这个问题在谷歌搜索中出现得相当高，而且大部分都有效！我确实发现 Salman Zaidi 的答案对于 iOS 7 来说是部分正确的。

您需要对“恢复”代码进行修改。我发现以下恢复效果非常好：

textField.layer.cornerRadius = 0.0f;
textField.layer.masksToBounds = YES;
textField.layer.borderColor = [[UIColor blackColor] CGColor];
textField.layer.borderWidth = 0.0f;

我知道这很可能是由于 iOS 7 中的更改所致。

Answer 6

为了简化接受答案的操作，您还可以为 UIView 创建 Category （因为这适用于 UIView 的所有子类，而不仅仅是文本字段：

UIView+Additions .h：

#import <Foundation/Foundation.h>

@interface UIView (Additions)
- (void)setBorderForColor:(UIColor *)color 
                    width:(float)width 
                   radius:(float)radius;
@end

UIView+Additions.m：

#import "UIView+Additions.h"

@implementation UIView (Additions)

- (void)setBorderForColor:(UIColor *)color 
                    width:(float)width
                   radius:(float)radius
{
    self.layer.cornerRadius = radius;
    self.layer.masksToBounds = YES;
    self.layer.borderColor = [color CGColor];
    self.layer.borderWidth = width;
}

@end

用法：

#import "UIView+Additions.h"
//...
[textField setBorderForColor:[UIColor redColor]
                       width:1.0f
                      radius:8.0f];

Answer 7

如果您使用带圆角的 TextField，请使用以下代码：

    self.TextField.layer.cornerRadius=8.0f;
    self.TextField.layer.masksToBounds=YES;
    self.TextField.layer.borderColor=[[UIColor redColor]CGColor];
    self.TextField.layer.borderWidth= 1.0f;

要删除边框：

self.TextField.layer.masksToBounds=NO;
self.TextField.layer.borderColor=[[UIColor clearColor]CGColor];

Answer 8

任何视图（或 UIView 子类）上的 borderColor 也可以使用情节提要和一些编码来设置，如果您要在多个 UI 对象上设置边框颜色，这种方法可能非常方便。

以下是如何实现它的步骤，

1. 在 CALayer 类上创建一个类别。使用合适的名称声明 UIColor 类型的属性，我将其命名为 borderUIColor 。
2. 编写该属性的 setter 和 getter。
3. 在“Setter”方法中，只需将图层的“borderColor”属性设置为新颜色 CGColor 值。
4. 在“Getter”方法中返回 UIColor 和图层的 borderColor。

PS：请记住，类别不能存储属性。 “borderUIColor”用作计算属性，只是作为实现我们关注的目标的参考。

请看下面的代码示例；

目标 C：

接口文件：

#import <QuartzCore/QuartzCore.h>
#import <UIKit/UIKit.h>

@interface CALayer (BorderProperties)

// This assigns a CGColor to borderColor.
@property (nonatomic, assign) UIColor* borderUIColor;

@end

实现文件：

#import "CALayer+BorderProperties.h"

@implementation CALayer (BorderProperties)

- (void)setBorderUIColor:(UIColor *)color {
    self.borderColor = color.CGColor;
}

- (UIColor *)borderUIColor {
    return [UIColor colorWithCGColor:self.borderColor];
}

@end

Swift 2.0：

extension CALayer {
var borderUIColor: UIColor {
    set {
        self.borderColor = newValue.CGColor
    }

    get {
        return UIColor(CGColor: self.borderColor!)
    }
}
}

最后转到故事板/XIB，按照其余步骤；

5. 单击要为其设置边框颜色的视图对象。
6. 单击“实用程序”（屏幕右侧）面板中的“Identity Inspector”（左起第三个）。
7. 在“用户定义的运行时属性”下，单击“+”按钮添加关键路径。
8. 将关键路径的类型设置为“颜色”。
9. 输入关键路径的值“layer.borderUIColor”。 [请记住，这应该是您在类别中声明的变量名称，而不是borderColor，这里是borderUIColor]。
10. 最后选了你想要的颜色。

您必须将 layer.borderWidth 属性值设置为至少 1 才能看到边框颜色。

构建并运行。
快乐编码。 :)

Answer 9

extension UIView {
    func addBorder(_ width: CGFloat = 1, color: UIColor = .black, cornerRadius: CGFloat = 4) {
        layer.borderWidth = width
        layer.borderColor = color.cgColor
        layer.cornerRadius = cornerRadius
    }
}

像这样称呼它：
email.addBorder(1.0，颜色：.blue，cornerRadius：5)。