UITextField kenarlık rengi

UITextField sınırına kendi rengimi ayarlamak için gerçekten büyük bir dileğim var. Ama şimdiye kadar sadece sınır çizgisi stilini nasıl değiştirebileceğimi öğrenebildim.

Arka plan rengini bu şekilde ayarlamak için background özelliğini kullandım:

self.textField.backgroundColor = textFieldColor;

Ama ben de UITextField sınır rengini değiştirmek zorunda. Benim sorum sınır renginin nasıl değiştirileceği ile ilgiliydi.

QuartzCoreSınıfınızdaki içe aktarma çerçevesi:

#import <QuartzCore/QuartzCore.h>

ve kenarlık rengini değiştirmek için aşağıdaki kod snippet'ini kullanın (redColor olarak ayarlıyorum),

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

Orijinal düzene geri dönmek için kenarlık rengini açık renge ayarlayın,

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

hızlı kodda

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

Bunu dene:

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

ve ithalat QuartzCore:

#import <QuartzCore/QuartzCore.h>

Aşağıdaki sınıfı içe aktarın:

#import <QuartzCore/QuartzCore.h> 

// Metin alanının kenarlığı için gri renk ayarlama kodu

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

171.0Gerektiği gibi ilgili renk numarasıyla değiştirin .

bu soru bir Google aramasında oldukça yüksektir ve çoğunlukla işe yaramıştır! Salman Zaidi'nin cevabının iOS 7 için kısmen doğru olduğunu buldum.

"Geri alma" kodunda bir değişiklik yapmanız gerekir. Geri dönmek için aşağıdakilerin mükemmel çalıştığını gördüm:

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

Bunun büyük olasılıkla iOS 7'deki değişikliklerden kaynaklandığını anlıyorum.

Bu eylemleri kabul edilen yanıttan basitleştirmek için, aşağıdakiler için de Kategori oluşturabilirsiniz UIView(çünkü bu, yalnızca metin alanları için değil, tüm UIView alt sınıfları için geçerlidir:

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

Kullanımı:

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

Köşeleri yuvarlatılmış bir TextField kullanıyorsanız bu kodu kullanın:

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

Kenarlığı kaldırmak için:

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

Swift 5.0 Güncellemesi

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

sınır rengiHerhangi bir görünümdeki (veya UIView Alt Sınıfı) , biraz kodlama içeren storyboard kullanılarak da ayarlanabilir ve birden fazla UI Nesnesinde sınır rengini ayarlarsanız bu yaklaşım gerçekten kullanışlı olabilir.

Aşağıda bunu nasıl başaracağınız,

1. CALayer sınıfında bir kategori oluşturun. UIColor türünde uygun bir ada sahip bir özellik bildirin , bunu borderUIColor olarak adlandıracağım .
2. Bu mülk için ayarlayıcıyı ve alıcıyı yazın.
3. 'Setter' yönteminde katmanın "borderColor" özelliğini yeni renkler CGColor değerine ayarlayın.
4. 'Getter' yönteminde UIColor'u katmanın borderColor değeri ile döndürün.

PS: Unutmayın, Kategoriler depolanmış özelliklere sahip olamaz. 'borderUIColor', odaklandığımız şeye ulaşmak için bir referans olarak hesaplanmış bir özellik olarak kullanılır.

Lütfen aşağıdaki kod örneğine bir göz atın;

Hedef C:

Arayüz Dosyası:

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

@interface CALayer (BorderProperties)

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

@end

Uygulama Dosyası:

#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!)
    }
}
}

Ve son olarak film şeridinize / XIB'ye gidin, kalan adımları izleyin;

5. Kenarlık rengini ayarlamak istediğiniz Görünüm nesnesini tıklatın.
6. "Yardımcı Program" (Ekranın sağ tarafı) panelinde "Kimlik Denetçisi" (Soldan 3.) seçeneğine tıklayın.
7. "Kullanıcı Tanımlı Çalışma Zamanı Öznitelikleri" altında, bir anahtar yolu eklemek için "+" düğmesini tıklayın.
8. Anahtar yolunun türünü "Renk" olarak ayarlayın.
9. Anahtar yolunun değerini "layer.borderUIColor" olarak girin. [Bunun , borderColor değil, borderUIColor olduğu , kategoride bildirdiğiniz değişken adı olması gerektiğini unutmayın ].
10. Sonunda istediğiniz rengi seçin.

Kenarlık rengini görmek için layer.borderWidth özellik değerini en az 1 olarak ayarlamanız gerekir .

Oluşturun ve çalıştırın. Mutlu Kodlama. :)

İşte bir Swift uygulaması. İsterseniz, diğer görünümler tarafından kullanılabilmesi için bir uzantı oluşturabilirsiniz.

extension UIView {
    func addBorderAndColor(color: UIColor, width: CGFloat, corner_radius: CGFloat = 0, clipsToBounds: Bool = false) {
        self.layer.borderWidth  = width
        self.layer.borderColor  = color.cgColor
        self.layer.cornerRadius = corner_radius
        self.clipsToBounds      = clipsToBounds
    }
}

Gibi bu çağrı: email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).