iPhone UITextField - เปลี่ยนสีข้อความตัวยึด

ฉันต้องการเปลี่ยนสีของข้อความตัวยึดตำแหน่งที่ฉันตั้งไว้ในส่วนUITextFieldควบคุมของฉันเพื่อทำให้เป็นสีดำ

ฉันต้องการทำสิ่งนี้โดยไม่ใช้ข้อความปกติเป็นตัวยึดตำแหน่งและต้องแทนที่วิธีการทั้งหมดเพื่อเลียนแบบพฤติกรรมของตัวยึดตำแหน่ง

ฉันเชื่อว่าถ้าฉันแทนที่วิธีนี้:

- (void)drawPlaceholderInRect:(CGRect)rect

ฉันควรจะทำสิ่งนี้ได้ แต่ฉันไม่แน่ใจว่าจะเข้าถึงวัตถุตัวยึดที่แท้จริงจากวิธีนี้ได้อย่างไร

นับตั้งแต่มีการแนะนำสตริงประกอบใน UIViews ใน iOS 6 จึงเป็นไปได้ที่จะกำหนดสีให้กับข้อความตัวยึดตำแหน่งดังนี้

if ([textField respondsToSelector:@selector(setAttributedPlaceholder:)]) {
  UIColor *color = [UIColor blackColor];
  textField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:placeholderText attributes:@{NSForegroundColorAttributeName: color}];
} else {
  NSLog(@"Cannot set placeholder text's color, because deployment target is earlier than iOS 6.0");
  // TODO: Add fall-back code to set placeholder color.
}

ง่ายและไม่เจ็บปวดอาจเป็นทางเลือกที่ง่ายสำหรับบางคน

_placeholderLabel.textColor

ไม่แนะนำสำหรับการผลิต Apple อาจปฏิเสธการส่งของคุณ

คุณสามารถแทนที่ข้อความdrawPlaceholderInRect:(CGRect)rectดังกล่าวเพื่อแสดงข้อความตัวยึดตำแหน่งด้วยตนเอง:

- (void) drawPlaceholderInRect:(CGRect)rect {
    [[UIColor blueColor] setFill];
    [[self placeholder] drawInRect:rect withFont:[UIFont systemFontOfSize:16]];
}

คุณสามารถเปลี่ยนสีตัวยึดตำแหน่งเป็นสีใดก็ได้ที่คุณต้องการโดยใช้รหัสด้านล่าง

UIColor *color = [UIColor lightTextColor];
YOURTEXTFIELD.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"PlaceHolder Text" attributes:@{NSForegroundColorAttributeName: color}];

บางทีคุณอาจต้องการลองด้วยวิธีนี้ แต่ Apple อาจเตือนคุณเกี่ยวกับการเข้าถึง ivar ส่วนตัว:

[self.myTextField setValue:[UIColor darkGrayColor] 
                forKeyPath:@"_placeholderLabel.textColor"];

หมายเหตุ
นี่ไม่ทำงานบน iOS 7 อีกต่อไปตาม Martin Alléus

ใช้งานได้ใน Swift <3.0:

myTextField.attributedPlaceholder = 
NSAttributedString(string: "placeholder text", attributes: [NSForegroundColorAttributeName : UIColor.redColor()])

ทดสอบใน iOS 8.2 และ iOS 8.3 เบต้า 4

สวิฟท์ 3:

myTextfield.attributedPlaceholder =
NSAttributedString(string: "placeholder text", attributes: [NSForegroundColorAttributeName : UIColor.red])

สวิฟท์ 4:

myTextfield.attributedPlaceholder =
NSAttributedString(string: "placeholder text", attributes: [NSAttributedStringKey.foregroundColor: UIColor.red])

สวิฟท์ 4.2:

myTextfield.attributedPlaceholder =
NSAttributedString(string: "placeholder text", attributes: [NSAttributedString.Key.foregroundColor: UIColor.red])

ในสวิฟท์:

if let placeholder = yourTextField.placeholder {
    yourTextField.attributedPlaceholder = NSAttributedString(string:placeholder, 
        attributes: [NSForegroundColorAttributeName: UIColor.blackColor()])
}

ใน Swift 4.0:

if let placeholder = yourTextField.placeholder {
    yourTextField.attributedPlaceholder = NSAttributedString(string:placeholder, 
        attributes: [NSAttributedStringKey.foregroundColor: UIColor.black])
}

Swift 3.0 + Storyboard

ในการเปลี่ยนสีตัวยึดตำแหน่งในกระดานเรื่องราวให้สร้างส่วนขยายด้วยรหัสถัดไป (โปรดอัปเดตรหัสนี้หากคุณคิดว่าสามารถชัดเจนและปลอดภัยกว่า)

extension UITextField {
    @IBInspectable var placeholderColor: UIColor {
        get {
            guard let currentAttributedPlaceholderColor = attributedPlaceholder?.attribute(NSForegroundColorAttributeName, at: 0, effectiveRange: nil) as? UIColor else { return UIColor.clear }
            return currentAttributedPlaceholderColor
        }
        set {
            guard let currentAttributedString = attributedPlaceholder else { return }
            let attributes = [NSForegroundColorAttributeName : newValue]

            attributedPlaceholder = NSAttributedString(string: currentAttributedString.string, attributes: attributes)
        }
    }
}

รุ่น Swift 4

extension UITextField {
    @IBInspectable var placeholderColor: UIColor {
        get {
            return attributedPlaceholder?.attribute(.foregroundColor, at: 0, effectiveRange: nil) as? UIColor ?? .clear
        }
        set {
            guard let attributedPlaceholder = attributedPlaceholder else { return }
            let attributes: [NSAttributedStringKey: UIColor] = [.foregroundColor: newValue]
            self.attributedPlaceholder = NSAttributedString(string: attributedPlaceholder.string, attributes: attributes)
        }
    }
}

รุ่น Swift 5

extension UITextField {
    @IBInspectable var placeholderColor: UIColor {
        get {
            return attributedPlaceholder?.attribute(.foregroundColor, at: 0, effectiveRange: nil) as? UIColor ?? .clear
        }
        set {
            guard let attributedPlaceholder = attributedPlaceholder else { return }
            let attributes: [NSAttributedString.Key: UIColor] = [.foregroundColor: newValue]
            self.attributedPlaceholder = NSAttributedString(string: attributedPlaceholder.string, attributes: attributes)
        }
    }
}

ต่อไปนี้กับ iOS6 + เท่านั้น (ตามที่ระบุในข้อคิดเห็นของ Alexander W):

UIColor *color = [UIColor grayColor];
nameText.attributedPlaceholder =
   [[NSAttributedString alloc]
       initWithString:@"Full Name"
       attributes:@{NSForegroundColorAttributeName:color}];

ฉันประสบปัญหานี้แล้ว ในกรณีของฉันด้านล่างรหัสถูกต้อง

วัตถุประสงค์ C

[textField setValue:[UIColor whiteColor] forKeyPath:@"_placeholderLabel.textColor"];

สำหรับ Swift 4.X

tf_mobile.setValue(UIColor.white, forKeyPath: "_placeholderLabel.textColor")

สำหรับ iOS 13 Swift Code

tf_mobile.attributedPlaceholder = NSAttributedString(string:"PlaceHolder Text", attributes: [NSAttributedString.Key.foregroundColor: UIColor.red])

คุณสามารถใช้รหัสด้านล่างสำหรับiOS 13

let iVar = class_getInstanceVariable(UITextField.self, "_placeholderLabel")!
let placeholderLabel = object_getIvar(tf_mobile, iVar) as! UILabel
placeholderLabel.textColor = .red

หวังว่านี่อาจช่วยคุณได้

ด้วยวิธีนี้เราสามารถเปลี่ยนสีของตัวยึดข้อความของฟิลด์ข้อความใน iOS

[self.userNameTxt setValue:[UIColor colorWithRed:41.0/255.0 green:91.0/255.0 blue:106.0/255.0 alpha:1.0] forKeyPath:@"_placeholderLabel.textColor"];

ทำไมคุณไม่ใช้UIAppearanceวิธีการ:

[[UILabel appearanceWhenContainedIn:[UITextField class], nil] setTextColor:[UIColor whateverColorYouNeed]];

นอกจากนี้ในกระดานเรื่องราวของคุณโดยไม่ต้องใช้รหัสบรรทัดเดียว

อย่างรวดเร็ว 3.X

textField.attributedPlaceholder = NSAttributedString(string: "placeholder text", attributes:[NSForegroundColorAttributeName: UIColor.black])

อย่างรวดเร็ว 5

textField.attributedPlaceholder = NSAttributedString(string: "placeholder text", attributes: [NSAttributedString.Key.foregroundColor : UIColor.black])

สำหรับ iOS 6.0 +

[textfield setValue:your_color forKeyPath:@"_placeholderLabel.textColor"];

หวังว่ามันจะช่วย

หมายเหตุ: Apple อาจปฏิเสธ (โอกาส 0.01%) แอปของคุณในขณะที่เราเข้าถึง API ส่วนตัว ฉันใช้สิ่งนี้ในโครงการของฉันทั้งหมดตั้งแต่สองปี แต่ Apple ไม่ได้ขอสิ่งนี้

สำหรับนักพัฒนา Xamarin.iOS ฉันพบจากเอกสารนี้ https://developer.xamarin.com/api/type/Foundation.NSAttributedString/

textField.AttributedPlaceholder = new NSAttributedString ("Hello, world",new UIStringAttributes () { ForegroundColor =  UIColor.Red });

รุ่นที่รวดเร็ว อาจจะช่วยใครซักคน

class TextField: UITextField {
   override var placeholder: String? {
        didSet {
            let placeholderString = NSAttributedString(string: placeholder!, attributes: [NSForegroundColorAttributeName: UIColor.whiteColor()])
            self.attributedPlaceholder = placeholderString
        }
    }
}

หมวดหมู่ FTW สามารถปรับให้เหมาะสมเพื่อตรวจสอบการเปลี่ยนสีที่มีประสิทธิภาพ

#import <UIKit/UIKit.h>

@interface UITextField (OPConvenience)

@property (strong, nonatomic) UIColor* placeholderColor;

@end

#import "UITextField+OPConvenience.h"

@implementation UITextField (OPConvenience)

- (void) setPlaceholderColor: (UIColor*) color {
    if (color) {
        NSMutableAttributedString* attrString = [self.attributedPlaceholder mutableCopy];
        [attrString setAttributes: @{NSForegroundColorAttributeName: color} range: NSMakeRange(0,  attrString.length)];
        self.attributedPlaceholder =  attrString;
    }
}

- (UIColor*) placeholderColor {
    return [self.attributedPlaceholder attribute: NSForegroundColorAttributeName atIndex: 0 effectiveRange: NULL];
}

@end

เพื่อจัดการการจัดตำแหน่งแนวตั้งและแนวนอนรวมทั้งสีของตัวยึดตำแหน่งใน iOS7 drawInRect และ drawAtPoint ไม่ได้ใช้ fillColor บริบทปัจจุบันอีกต่อไป

https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/CustomTextProcessing/CustomTextProcessing.html

Obj-C

@interface CustomPlaceHolderTextColorTextField : UITextField

@end


@implementation CustomPlaceHolderTextColorTextField : UITextField


-(void) drawPlaceholderInRect:(CGRect)rect  {
    if (self.placeholder) {
        // color of placeholder text
        UIColor *placeHolderTextColor = [UIColor redColor];

        CGSize drawSize = [self.placeholder sizeWithAttributes:[NSDictionary dictionaryWithObject:self.font forKey:NSFontAttributeName]];
        CGRect drawRect = rect;

        // verticially align text
        drawRect.origin.y = (rect.size.height - drawSize.height) * 0.5;

        // set alignment
        NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
        paragraphStyle.alignment = self.textAlignment;

        // dictionary of attributes, font, paragraphstyle, and color
        NSDictionary *drawAttributes = @{NSFontAttributeName: self.font,
                                     NSParagraphStyleAttributeName : paragraphStyle,
                                     NSForegroundColorAttributeName : placeHolderTextColor};


        // draw
        [self.placeholder drawInRect:drawRect withAttributes:drawAttributes];
    }
}

@end

ข้อเสนอ iOS 6 attributedPlaceholderขึ้นUITextFieldไป iOS 3.2 และใหม่กว่านำเสนอsetAttributes:range:ในNSMutableAttributedStringเมื่อวันที่

คุณสามารถทำสิ่งต่อไปนี้:

NSMutableAttributedString *ms = [[NSMutableAttributedString alloc] initWithString:self.yourInput.placeholder];
UIFont *placeholderFont = self.yourInput.font;
NSRange fullRange = NSMakeRange(0, ms.length);
NSDictionary *newProps = @{NSForegroundColorAttributeName:[UIColor yourColor], NSFontAttributeName:placeholderFont};
[ms setAttributes:newProps range:fullRange];
self.yourInput.attributedPlaceholder = ms;

โซลูชันนี้สำหรับ Swift 4.1

    textName.attributedPlaceholder = NSAttributedString(string: textName.placeholder!, attributes: [NSAttributedStringKey.foregroundColor : UIColor.red])

การเอาชนะdrawPlaceholderInRect:จะเป็นวิธีที่ถูกต้อง แต่ไม่สามารถใช้งานได้เนื่องจากข้อบกพร่องใน API (หรือเอกสารประกอบ)

UITextFieldวิธีการที่ไม่เคยได้รับการเรียกบน

ดูเพิ่มเติมdrawTextInRect บน UITextField ไม่ได้เรียก

คุณอาจใช้โซลูชันของ digdog เนื่องจากฉันไม่แน่ใจว่าได้รับการตรวจสอบแอปเปิ้ลที่ผ่านมาฉันเลือกโซลูชันอื่น: ซ้อนทับฟิลด์ข้อความด้วยป้ายชื่อของฉันเองซึ่งเลียนแบบพฤติกรรมของตัวยึดตำแหน่ง

นี่มันค่อนข้างยุ่งนิดหน่อย รหัสมีลักษณะเช่นนี้ (หมายเหตุฉันกำลังทำเช่นนี้ภายในคลาสย่อยของ TextField):

@implementation PlaceholderChangingTextField

- (void) changePlaceholderColor:(UIColor*)color
{    
    // Need to place the overlay placeholder exactly above the original placeholder
    UILabel *overlayPlaceholderLabel = [[[UILabel alloc] initWithFrame:CGRectMake(self.frame.origin.x + 8, self.frame.origin.y + 4, self.frame.size.width - 16, self.frame.size.height - 8)] autorelease];
    overlayPlaceholderLabel.backgroundColor = [UIColor whiteColor];
    overlayPlaceholderLabel.opaque = YES;
    overlayPlaceholderLabel.text = self.placeholder;
    overlayPlaceholderLabel.textColor = color;
    overlayPlaceholderLabel.font = self.font;
    // Need to add it to the superview, as otherwise we cannot overlay the buildin text label.
    [self.superview addSubview:overlayPlaceholderLabel];
    self.placeholder = nil;
}

ฉันยังใหม่กับ xcode และฉันได้พบวิธีการในลักษณะเดียวกัน

ฉันวาง uilabel แทนที่ยึดด้วยรูปแบบที่ต้องการแล้วซ่อนไว้

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    switch (textField.tag)
    {
        case 0:
            lblUserName.hidden=YES;
            break;

        case 1:
            lblPassword.hidden=YES;
            break;

        default:
            break;
    }
}

ฉันเห็นด้วยกับการทำงานของมันและไม่ใช่วิธีการแก้ปัญหาที่แท้จริง แต่ผลที่ได้คือเหมือนกันได้จากลิงค์นี้

หมายเหตุ:ยังคงใช้งานได้กับ iOS 7: |

Swift 5 With CAVEAT

let attributes = [ NSAttributedString.Key.foregroundColor: UIColor.someColor ]
let placeHolderString = NSAttributedString(string: "DON'T_DELETE", attributes: attributes)
txtField.attributedPlaceholder = placeHolderString

ข้อแม้ที่คุณต้องป้อนไม่ว่างStringโดยที่ "DON'T_DELETE" อยู่แม้ว่าสตริงนั้นจะถูกตั้งค่าในรหัสที่อื่น อาจช่วยให้คุณประหยัดได้ห้านาที

สิ่งที่ดีที่สุดที่ฉันทำได้สำหรับทั้ง iOS7 และน้อยกว่าคือ:

- (CGRect)placeholderRectForBounds:(CGRect)bounds {
  return [self textRectForBounds:bounds];
}

- (CGRect)editingRectForBounds:(CGRect)bounds {
  return [self textRectForBounds:bounds];
}

- (CGRect)textRectForBounds:(CGRect)bounds {
  CGRect rect = CGRectInset(bounds, 0, 6); //TODO: can be improved by comparing font size versus bounds.size.height
  return rect;
}

- (void)drawPlaceholderInRect:(CGRect)rect {
  UIColor *color =RGBColor(65, 65, 65);
  if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
    [self.placeholder drawInRect:rect withAttributes:@{NSFontAttributeName:self.font, UITextAttributeTextColor:color}];
  } else {
    [color setFill];
    [self.placeholder drawInRect:rect withFont:self.font];
  }
}

สำหรับผู้ที่ใช้ Monotouch (Xamarin.iOS) นี่คือคำตอบของ Adam แปลเป็น C #:

public class MyTextBox : UITextField
{
    public override void DrawPlaceholder(RectangleF rect)
    {
        UIColor.FromWhiteAlpha(0.5f, 1f).SetFill();
        new NSString(this.Placeholder).DrawString(rect, Font);
    }
}

ฉันต้องการจัดตำแหน่งตัวแทนเพื่อให้คำตอบของอดัมไม่เพียงพอสำหรับฉัน

เพื่อแก้ปัญหานี้ฉันใช้รูปแบบขนาดเล็กที่ฉันหวังว่าจะช่วยให้คุณบางคน:

- (void) drawPlaceholderInRect:(CGRect)rect {
    //search field placeholder color
    UIColor* color = [UIColor whiteColor];

    [color setFill];
    [self.placeholder drawInRect:rect withFont:self.font lineBreakMode:UILineBreakModeTailTruncation alignment:self.textAlignment];
}

[txt_field setValue:ColorFromHEX(@"#525252") forKeyPath:@"_placeholderLabel.textColor"];

สำหรับตั้งค่าตัวยึดฟิลด์ข้อความที่มีหลายสี

เพียงระบุข้อความ

  //txtServiceText is your Textfield
 _txtServiceText.placeholder=@"Badal/ Shah";
    NSMutableAttributedString *mutable = [[NSMutableAttributedString alloc] initWithString:_txtServiceText.placeholder];
     [mutable addAttribute: NSForegroundColorAttributeName value:[UIColor whiteColor] range:[_txtServiceText.placeholder rangeOfString:@"Badal/"]]; //Replace it with your first color Text
    [mutable addAttribute: NSForegroundColorAttributeName value:[UIColor orangeColor] range:[_txtServiceText.placeholder rangeOfString:@"Shah"]]; // Replace it with your secondcolor string.
    _txtServiceText.attributedPlaceholder=mutable;

ผลลัพธ์: -

ตัวเลือกอื่นที่ไม่ต้องการ subclassing - ปล่อยให้ตัวยึดพื้นที่ว่างและใส่ป้ายกำกับไว้ที่ปุ่มด้านบน จัดการป้ายกำกับเช่นเดียวกับที่คุณจัดการตัวยึดตำแหน่ง (การล้างข้อมูลเมื่อผู้ใช้ป้อนข้อมูลอะไรก็ตาม .. )