Warna perbatasan UITextField

Saya benar-benar ingin mengatur warna saya sendiri ke batas UITextField. Namun sejauh ini saya bisa mengetahui cara mengubah gaya garis perbatasan saja.

Saya telah menggunakan properti latar belakang untuk mengatur warna latar belakang sedemikian rupa:

self.textField.backgroundColor = textFieldColor;

Tapi saya harus mengubah warna perbatasan UITextField juga. Dan pertanyaan saya adalah bagaimana mengubah warna perbatasan.

QuartzCoreKerangka kerja impor di kelas Anda:

#import <QuartzCore/QuartzCore.h>

dan untuk mengubah warna perbatasan gunakan cuplikan kode berikut (saya mengaturnya ke redColor),

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

Untuk kembali ke tata letak asli hanya mengatur warna tepi menjadi warna yang jelas,

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

dalam kode cepat

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

Coba ini:

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

dan impor QuartzCore:

#import <QuartzCore/QuartzCore.h>

Impor kelas berikut:

#import <QuartzCore/QuartzCore.h> 

// Kode untuk mengatur warna abu-abu untuk batas bidang teks

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

Ganti 171.0dengan nomor warna masing-masing sesuai kebutuhan.

pertanyaan ini muncul cukup tinggi pada pencarian Google dan sebagian besar berhasil! Saya memang menemukan bahwa jawaban Salman Zaidi sebagian benar untuk iOS 7.

Anda perlu membuat modifikasi pada kode "reverting". Saya menemukan bahwa yang berikut untuk mengembalikan berfungsi dengan sempurna:

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

Saya mengerti bahwa ini kemungkinan besar disebabkan oleh perubahan pada iOS 7.

Untuk menyederhanakan tindakan ini dari jawaban yang diterima, Anda juga dapat membuat Kategori untuk UIView(karena ini berfungsi untuk semua subkelas UIView, tidak hanya untuk bidang teks:

UIView + Tambahan.h:

#import <Foundation/Foundation.h>

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

UIView + Tambahan.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

Pemakaian:

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

Jika Anda menggunakan TextField dengan sudut bulat gunakan kode ini:

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

Untuk menghapus perbatasan:

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

Perbarui untuk swift 5.0

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

borderColor pada tampilan apa pun (atau Subclass UIView) juga dapat diatur menggunakan storyboard dengan sedikit pengkodean dan pendekatan ini bisa sangat berguna jika Anda mengatur warna batas pada beberapa Objek UI.

Di bawah ini adalah langkah-langkah bagaimana mencapainya,

1. Buat kategori di kelas CALayer. Nyatakan properti bertipe UIColor dengan nama yang sesuai, saya beri nama borderUIColor .
2. Tulis setter dan pengambil untuk properti ini.
3. Dalam metode 'Setter' hanya mengatur properti "borderColor" dari layer ke nilai warna CGColor baru.
4. Dalam metode 'Getter', kembalikan UIColor dengan borderColor layer.

PS: Ingat, Kategori tidak bisa menyimpan properti. 'borderUIColor' digunakan sebagai properti yang dihitung, hanya sebagai referensi untuk mencapai apa yang kami fokuskan.

Silakan lihat contoh kode di bawah ini;

Sasaran C:

File Antarmuka:

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

@interface CALayer (BorderProperties)

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

@end

File Implementasi:

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

Dan akhirnya pergi ke storyboard Anda / XIB, ikuti langkah-langkah yang tersisa;

5. Klik pada objek Lihat yang ingin Anda atur Warna perbatasan.
6. Klik pada "Identity Inspector" (3 dari Kiri) di panel "Utility" (Sisi kanan layar).
7. Di bawah "Atribut Runtime yang Ditentukan Pengguna", klik tombol "+" untuk menambahkan jalur kunci.
8. Setel jenis jalur kunci ke "Warna".
9. Masukkan nilai untuk path kunci sebagai "layer.borderUIColor". [Ingat ini harus nama variabel yang Anda nyatakan dalam kategori, bukan borderColor di sini itu borderUIColor ].
10. Akhirnya pilih warna apa pun yang Anda inginkan.

Anda harus menetapkan nilai properti layer.borderWidth ke minimal 1 untuk melihat warna batas.

Bangun dan Lari. Selamat Coding. :)

Inilah implementasi Swift. Anda dapat membuat ekstensi agar dapat digunakan oleh tampilan lain jika diinginkan.

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
    }
}

Menyebutnya seperti: email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).