UITextView में प्लेसहोल्डर


717

मेरा आवेदन एक का उपयोग करता है UITextView। अब मैं चाहता हूं कि आपके UITextViewपास एक प्लेसहोल्डर हो, जिसे आप ए के लिए सेट कर सकते हैं UITextField

यह कैसे करना है?


थ्री 20 का TTTextEditor (खुद UITextField का उपयोग करके) प्लेसहोल्डर टेक्स्ट का समर्थन करता है और साथ ही ऊंचाई से बढ़ता है (यह UITextView में बदल जाता है)।
जोश बेंजामिन


20
UITextView + प्लेसहोल्डर श्रेणी का उपयोग कैसे करें? github.com/devxoul/UITextView-Placeholder
devxoul

2
मैं @ devxoul के समाधान का समर्थन करता हूं coz यह श्रेणी का उपयोग करता है, उपवर्ग का नहीं। और यह आईबी के इंस्पेक्टर में 'प्लेसहोल्डर' विकल्प (प्लेसहोल्डर टेक्स्ट और टेक्स्ट कलर) के लिए एक क्षेत्र भी बनाता है। यह कुछ बाध्यकारी तकनीकों का उपयोग करता है। एक महान कोड
samthui7

यदि आप UITextViewसमाधान का उपयोग कर रहे हैं तो यह काफी अलग हो जाता है। यहाँ समाधान के एक जोड़े हैं। फ़्लोटिंग प्लेसहोल्डर और फ़ेक नेटिव प्लेसहोल्डर्स
1

जवाबों:


672

मैंने एक Xibफ़ाइल, पाठ रैपिंग से पृष्ठभूमि के रंग को बनाए रखने और पृष्ठभूमि के रंग को बनाए रखने के लिए bcd के समाधान के लिए कुछ छोटे संशोधन किए । उम्मीद है कि यह दूसरों को परेशानी से बचाएगा।

UIPlaceHolderTextView.h:

#import <Foundation/Foundation.h>
IB_DESIGNABLE
@interface UIPlaceHolderTextView : UITextView

@property (nonatomic, retain) IBInspectable NSString *placeholder;
@property (nonatomic, retain) IBInspectable UIColor *placeholderColor;

-(void)textChanged:(NSNotification*)notification;

@end

UIPlaceHolderTextView.m:

#import "UIPlaceHolderTextView.h"

@interface UIPlaceHolderTextView ()

@property (nonatomic, retain) UILabel *placeHolderLabel;

@end

@implementation UIPlaceHolderTextView

CGFloat const UI_PLACEHOLDER_TEXT_CHANGED_ANIMATION_DURATION = 0.25;

- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
#if __has_feature(objc_arc)
#else
    [_placeHolderLabel release]; _placeHolderLabel = nil;
    [_placeholderColor release]; _placeholderColor = nil;
    [_placeholder release]; _placeholder = nil;
    [super dealloc];
#endif
}

- (void)awakeFromNib
{
    [super awakeFromNib];

    // Use Interface Builder User Defined Runtime Attributes to set
    // placeholder and placeholderColor in Interface Builder.
    if (!self.placeholder) {
        [self setPlaceholder:@""];
    }

    if (!self.placeholderColor) {
        [self setPlaceholderColor:[UIColor lightGrayColor]];
    }

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged:) name:UITextViewTextDidChangeNotification object:nil];
}

- (id)initWithFrame:(CGRect)frame
{
    if( (self = [super initWithFrame:frame]) )
    {
        [self setPlaceholder:@""];
        [self setPlaceholderColor:[UIColor lightGrayColor]];
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged:) name:UITextViewTextDidChangeNotification object:nil];
    }
    return self;
}

- (void)textChanged:(NSNotification *)notification
{
    if([[self placeholder] length] == 0)
    {
        return;
    }

    [UIView animateWithDuration:UI_PLACEHOLDER_TEXT_CHANGED_ANIMATION_DURATION animations:^{
    if([[self text] length] == 0)
    {
        [[self viewWithTag:999] setAlpha:1];
    }
    else
    {
        [[self viewWithTag:999] setAlpha:0];
    }
    }];
}

- (void)setText:(NSString *)text {
    [super setText:text];
    [self textChanged:nil];
}

- (void)drawRect:(CGRect)rect
{
    if( [[self placeholder] length] > 0 )
    {
        if (_placeHolderLabel == nil )
        {
            _placeHolderLabel = [[UILabel alloc] initWithFrame:CGRectMake(8,8,self.bounds.size.width - 16,0)];
            _placeHolderLabel.lineBreakMode = NSLineBreakByWordWrapping;
            _placeHolderLabel.numberOfLines = 0;
            _placeHolderLabel.font = self.font;
            _placeHolderLabel.backgroundColor = [UIColor clearColor];
            _placeHolderLabel.textColor = self.placeholderColor;
            _placeHolderLabel.alpha = 0;
            _placeHolderLabel.tag = 999;
            [self addSubview:_placeHolderLabel];
        }

        _placeHolderLabel.text = self.placeholder;
        [_placeHolderLabel sizeToFit];
        [self sendSubviewToBack:_placeHolderLabel];
    }

    if( [[self text] length] == 0 && [[self placeholder] length] > 0 )
    {
        [[self viewWithTag:999] setAlpha:1];
    }

    [super drawRect:rect];
}

@end

2
कुछ मामलों में (esp। iOS 5 संगतता) पेस्ट को ओवरराइड करना आवश्यक है: - (शून्य) पेस्ट: (आईडी) प्रेषक {[सुपर पेस्ट: प्रेषक]; [आत्मपाठित: नील]; }
मार्टिन उलरिच

3
अच्छी चीज़! NSString (या किसी भी वर्ग जिसमें NSMutableXXX समतुल्य है) के लिए सर्वोत्तम प्रथाओं के बारे में याद दिलाएं, संपत्ति "प्रतिलिपि" होनी चाहिए और "बरकरार नहीं" होनी चाहिए।
ओली

2
आप इस कोड को तत्काल कैसे भेजेंगे? जब मैं टाइप करना शुरू करता हूं तो मुझे कोई प्लेसहोल्डर टेक्स्ट दिखाई नहीं देता है और कुछ भी साफ नहीं होता है।
user798719

40
यह एक बहुत, बहुत खराब लिखित कार्यान्वयन है। यहाँ एक विशाल क्लीनर संस्करण है जो श्रुतलेख परिवर्तनों के लिए भी देखता है: github.com/cbowns/MPTextView
cbowns

10
चित्र पदानुक्रम में पदानुक्रम को संशोधित न करें।
कर्मी

634

आसान तरीका है, बस UITextViewनिम्नलिखित UITextViewDelegateतरीकों का उपयोग करके प्लेसहोल्डर टेक्स्ट बनाएं :

- (void)textViewDidBeginEditing:(UITextView *)textView
{
    if ([textView.text isEqualToString:@"placeholder text here..."]) {
         textView.text = @"";
         textView.textColor = [UIColor blackColor]; //optional
    }
    [textView becomeFirstResponder];
}

- (void)textViewDidEndEditing:(UITextView *)textView
{
    if ([textView.text isEqualToString:@""]) {
        textView.text = @"placeholder text here...";
        textView.textColor = [UIColor lightGrayColor]; //optional
    }
    [textView resignFirstResponder];
}

बस myUITextViewउदाहरण पर निर्माण पर सटीक पाठ के साथ सेट करने के लिए याद रखें

UITextView *myUITextView = [[UITextView alloc] init];
myUITextView.delegate = self;
myUITextView.text = @"placeholder text here...";
myUITextView.textColor = [UIColor lightGrayColor]; //optional

और UITextViewDelegateइन तरीकों को शामिल करने से पहले अभिभावक वर्ग बनाएं जैसे

@interface MyClass () <UITextViewDelegate>
@end

स्विफ्ट 3.1 के लिए कोड

func textViewDidBeginEditing(_ textView: UITextView) 
{
    if (textView.text == "placeholder text here..." && textView.textColor == .lightGray)
    {
        textView.text = ""
        textView.textColor = .black
    }
    textView.becomeFirstResponder() //Optional
}

func textViewDidEndEditing(_ textView: UITextView)
{
    if (textView.text == "")
    {
        textView.text = "placeholder text here..."
        textView.textColor = .lightGray
    }
    textView.resignFirstResponder()
}

बस myUITextViewउदाहरण पर निर्माण पर सटीक पाठ के साथ सेट करने के लिए याद रखें

 let myUITextView = UITextView.init()
 myUITextView.delegate = self
 myUITextView.text = "placeholder text here..."
 myUITextView.textColor = .lightGray

और UITextViewDelegateइन तरीकों को शामिल करने से पहले अभिभावक वर्ग बनाएं जैसे

class MyClass: UITextViewDelegate
{

}

1
यह 1 UITextView के साथ 1 स्क्रीन के लिए बहुत अच्छा (आई लव सिंपल) है। अधिक जटिल समाधानों का कारण यह है कि यदि आपके पास MANY स्क्रीन और MANY UITextViews के साथ एक बड़ा ऐप है, तो आप इसे बार-बार नहीं करना चाहते हैं। आप शायद अपनी जरूरतों को पूरा करने के लिए UITextView को उप-वर्ग करना चाहते हैं और फिर उसका उपयोग कर सकते हैं।
घोस्टट्रॉन

42
यदि कोई "प्लेसहोल्डर टेक्स्ट यहाँ ..." टाइप करता है तो टेक्स्टबॉक्स में भी प्लेसहोल्डर टेक्स्ट की तरह व्यवहार करता है। इसके अलावा, प्रस्तुत करने के दौरान आपको उन सभी मानदंडों की जांच करनी होगी।
अनिंद्य सेनगुप्ता १

7
प्लेसहोल्डर पाठ तब भी दिखाना चाहिए, जब फ़ील्ड रेस्पॉन्डर बन जाता है, और यह विधि इसके लिए काम नहीं करेगी।
फतमान

17
@jklp मैं तर्क देता हूं कि "ओवर-इंजीनियर" रास्ता साफ-सुथरा है और फिर से उपयोग करने योग्य है ... और ऐसा लगता है कि यह textटेक्स्टव्यू की विशेषता के साथ छेड़छाड़ नहीं करता है जो थोड़े अच्छे हैं..जबकि यह विधि इसे संशोधित करती है
कैमरन एस्क्यू

2
क्यों प्रतिनिधि विधि में बनने के लिए कॉल करेंFirstResponder और resignFirstResponder?
एडम जॉन्स

119

मैं किसी भी समाधान के साथ खुश नहीं था क्योंकि वे थोड़े भारी थे। दृश्य में दृश्य जोड़ना वास्तव में आदर्श नहीं है (विशेषकर drawRect:)। उन दोनों के पास लीक थे, जो स्वीकार्य नहीं है।

यहाँ मेरा समाधान है: SAMTextView

SAMTextView.h

//
//  SAMTextView.h
//  SAMTextView
//
//  Created by Sam Soffes on 8/18/10.
//  Copyright 2010-2013 Sam Soffes. All rights reserved.
//

#import <UIKit/UIKit.h>

/**
 UITextView subclass that adds placeholder support like UITextField has.
 */
@interface SAMTextView : UITextView

/**
 The string that is displayed when there is no other text in the text view.

 The default value is `nil`.
 */
@property (nonatomic, strong) NSString *placeholder;

/**
 The color of the placeholder.

 The default is `[UIColor lightGrayColor]`.
 */
@property (nonatomic, strong) UIColor *placeholderTextColor;

/**
 Returns the drawing rectangle for the text views’s placeholder text.

 @param bounds The bounding rectangle of the receiver.
 @return The computed drawing rectangle for the placeholder text.
 */
- (CGRect)placeholderRectForBounds:(CGRect)bounds;

@end

SAMTextView.m

//
//  SAMTextView.m
//  SAMTextView
//
//  Created by Sam Soffes on 8/18/10.
//  Copyright 2010-2013 Sam Soffes. All rights reserved.
//

#import "SAMTextView.h"

@implementation SAMTextView

#pragma mark - Accessors

@synthesize placeholder = _placeholder;
@synthesize placeholderTextColor = _placeholderTextColor;

- (void)setText:(NSString *)string {
  [super setText:string];
  [self setNeedsDisplay];
}


- (void)insertText:(NSString *)string {
  [super insertText:string];
  [self setNeedsDisplay];
}


- (void)setAttributedText:(NSAttributedString *)attributedText {
  [super setAttributedText:attributedText];
  [self setNeedsDisplay];
}


- (void)setPlaceholder:(NSString *)string {
  if ([string isEqual:_placeholder]) {
    return;
  }

  _placeholder = string;
  [self setNeedsDisplay];
}


- (void)setContentInset:(UIEdgeInsets)contentInset {
  [super setContentInset:contentInset];
  [self setNeedsDisplay];
}


- (void)setFont:(UIFont *)font {
  [super setFont:font];
  [self setNeedsDisplay];
}


- (void)setTextAlignment:(NSTextAlignment)textAlignment {
  [super setTextAlignment:textAlignment];
  [self setNeedsDisplay];
}


#pragma mark - NSObject

- (void)dealloc {
  [[NSNotificationCenter defaultCenter] removeObserver:self name:UITextViewTextDidChangeNotification object:self];
}


#pragma mark - UIView

- (id)initWithCoder:(NSCoder *)aDecoder {
  if ((self = [super initWithCoder:aDecoder])) {
    [self initialize];
  }
  return self;
}


- (id)initWithFrame:(CGRect)frame {
  if ((self = [super initWithFrame:frame])) {
    [self initialize];
  }
  return self;
}


- (void)drawRect:(CGRect)rect {
  [super drawRect:rect];

  if (self.text.length == 0 && self.placeholder) {
    rect = [self placeholderRectForBounds:self.bounds];

    UIFont *font = self.font ? self.font : self.typingAttributes[NSFontAttributeName];

    // Draw the text
    [self.placeholderTextColor set];
    [self.placeholder drawInRect:rect withFont:font lineBreakMode:NSLineBreakByTruncatingTail alignment:self.textAlignment];
  }
}


#pragma mark - Placeholder

- (CGRect)placeholderRectForBounds:(CGRect)bounds {
  // Inset the rect
  CGRect rect = UIEdgeInsetsInsetRect(bounds, self.contentInset);

  if (self.typingAttributes) {
    NSParagraphStyle *style = self.typingAttributes[NSParagraphStyleAttributeName];
    if (style) {
      rect.origin.x += style.headIndent;
      rect.origin.y += style.firstLineHeadIndent;
    }
  }

  return rect;
}


#pragma mark - Private

- (void)initialize {
  [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged:) name:UITextViewTextDidChangeNotification object:self];

  self.placeholderTextColor = [UIColor colorWithWhite:0.702f alpha:1.0f];
}


- (void)textChanged:(NSNotification *)notification {
  [self setNeedsDisplay];
}

@end

यह दूसरों की तुलना में बहुत सरल है, क्योंकि यह साक्षात्कार (या लीक) का उपयोग नहीं करता है। इसका इस्तेमाल करने के लिए स्वतंत्र महसूस करें।

अपडेट ११/१०/११: यह अब इंटरफ़ेस बिल्डर में दस्तावेज और समर्थन का उपयोग करता है।

अपडेट 11/24/13: नए रेपो की ओर इशारा करें


मुझे आपका समाधान पसंद है, और मैंने setTextपाठ संपत्ति को प्रोग्रामिक रूप से बदलने पर प्लेसहोल्डर को अपडेट करने के लिए एक ओवरराइड भी जोड़ा : - (शून्य) सेटटैक्स: (एनएसएसटीरिंग *) स्ट्रिंग {[सुपर सेटटेक्स्ट: स्ट्रिंग]; [स्वयं _अपडेटशोल्डड्रापलहोल्डर]; }
olegueret

1
मुझे आपका समाधान भी पसंद है, लेकिन आपने जागनेफ्रॉमिब विधि को याद किया है, इसलिए आपकी init पद्धति हमेशा कॉल नहीं करेगी। मैंने इसे यहां दूसरों में से एक से लिया।
टोक्‍यैक

नोट - फॉन्ट साइज के आधार पर मैजिक नंबर अलग-अलग होंगे। सटीक स्थिति की गणना फ़ॉन्ट से की जा सकती है, लेकिन शायद इस कार्यान्वयन के लिए इसके लायक नहीं है। प्लेसहोल्डर की सही पोजिशन 2X होनी चाहिए जब कोई टेक्स्ट न हो तो कर्सर पोजिशन के दाईं ओर होना चाहिए।
17:11

निब से लोडिंग को हल करने के लिए: आप शायद एक - (id) initWithCoder जोड़ना चाहते हैं: (NSCoder *) aDecoder; मौजूदा के साथ शुरू करने वाला।
जोरिस क्लूवर्स

यह प्रिय है। notificationतर्क, पिछले विधि में गलत लिखा गया है, हालांकि, और यह एक संपादन के रूप में प्रस्तुत करने के लिए बहुत छोटा एक बदलाव है।
फिल केल्विन

53

मैंने खुद को एक स्थान-धारक की नकल करने का एक बहुत आसान तरीका पाया

  1. NIB या कोड में अपने textView के textColor को lightGrayColor (अधिकतर समय) पर सेट करें
  2. सुनिश्चित करें कि आपका textView का प्रतिनिधि फ़ाइल के स्वामी से जुड़ा हुआ है और आपकी हेडर फ़ाइल में UITextViewDelegate कार्यान्वित करता है
  3. अपने पाठ दृश्य का डिफ़ॉल्ट पाठ सेट करें (उदाहरण के लिए: "फ़ॉबर प्लेसहोल्डर")
  4. कार्यान्वित करें: (BOOL) textViewShouldBeginEditing: (UITextView *) textView

संपादित करें:

यदि पाठ के बजाय टैग की तुलना करने के लिए बयान बदल दिए गए हैं। यदि उपयोगकर्ता ने अपना पाठ हटा दिया है, तो गलती से स्थान धारक के एक हिस्से को भी हटाना संभव था @"Foobar placeholder"। इसका अर्थ था कि यदि उपयोगकर्ता ने पाठ को निम्नलिखित प्रतिनिधि विधि में फिर से दर्ज किया है -(BOOL) textViewShouldBeginEditing:(UITextView *) textView, तो यह अपेक्षा के अनुरूप काम नहीं करेगा। मैंने अगर स्टेटमेंट में टेक्स्ट के रंग की तुलना करने की कोशिश की, लेकिन पाया कि इंटरफ़ेस बिल्डर में लाइट ग्रे कलर सेट, कोड के साथ लाइट ग्रे कलर सेट के समान नहीं है[UIColor lightGreyColor]

- (BOOL) textViewShouldBeginEditing:(UITextView *)textView
{
    if(textView.tag == 0) {
        textView.text = @"";
        textView.textColor = [UIColor blackColor];
        textView.tag = 1;
    }
    return YES;
}

कीबोर्ड के वापस आने और [textView लंबाई] == 0 होने पर प्लेसहोल्डर टेक्स्ट को रीसेट करना भी संभव है

संपादित करें:

बस अंतिम भाग को स्पष्ट करने के लिए - यहाँ है कि आप प्लेसहोल्डर पाठ को वापस कैसे सेट कर सकते हैं:

- (void)textViewDidChange:(UITextView *)textView
{
   if([textView.text length] == 0)
   {
       textView.text = @"Foobar placeholder";
       textView.textColor = [UIColor lightGrayColor];
       textView.tag = 0;
   }
}

12
मुझे यह दृष्टिकोण बहुत पसंद है! केवल एक चीज जो मैं ऊपर संपादित करने के लिए करूंगा, वह यह होगी कि आप पाठ दृश्य से हटकर क्रियान्वयन को आगे बढ़ाएँ: विधि और पाठ में देखें।
घोड़े की नाल 7

52

आप जो कुछ भी कर सकते textहैं, वह संपत्ति में कुछ प्रारंभिक मूल्य के साथ पाठ दृश्य सेट अप करता है , और कुछ इसी तरह या इसे बदल देता textColorहै [UIColor grayColor]। फिर, जब भी पाठ दृश्य संपादन योग्य हो जाए, पाठ को साफ़ करें और एक कर्सर प्रस्तुत करें, और यदि पाठ क्षेत्र कभी भी खाली हो, तो अपने प्लेसहोल्डर पाठ को वापस रख दें। रंग को [UIColor blackColor]उचित रूप में बदलें ।

यह UITextField में प्लेसहोल्डर कार्यक्षमता के बिल्कुल समान नहीं है, लेकिन यह करीब है।


9
मैंने हमेशा lightGrayColor का उपयोग किया है , जो प्लेसहोल्डर टेक्स्ट के रंग से मेल खाता हुआ लगता है।
बिल

मैं अभी इसे पढ़ रहा हूं, लेकिन मैं चाहता हूं कि टेक्स्ट में काले रंग को रीसेट करने और टेक्स्ट व्यू में टेक्स्ट प्रॉपर्टी को रीसेट करने के लिए जोड़ा जाए। SheBeginEditing: (UITextView *) textView बहुत अच्छा काम करता है। यह नीचे दिए गए समाधानों की तुलना में बहुत अच्छा और त्वरित समाधान है (लेकिन अभी भी नीचे सुरुचिपूर्ण समाधान है, उप-वर्ग को उपवर्ग करते हुए। बहुत अधिक मॉड्यूलर)।
एनरिको सुसात्यो

3
यह सच है, लेकिन यह UITextField के व्यवहार की नकल नहीं करता है, जो केवल अपने प्लेसहोल्डर टेक्स्ट को बदल देता है जब उपयोगकर्ता कुछ टाइप करता है, न कि जब संपादन शुरू होता है, और जो प्लेसहोल्डर को फिर से जोड़ता है तो दूसरा दृश्य खाली होता है, न कि वास्तव में संपादन समाप्त होने पर।
ऐश


45

अगर किसी को स्विफ्ट के लिए समाधान की आवश्यकता है:

अपनी कक्षा में UITextViewDelegate जोड़ें

var placeHolderText = "Placeholder Text..."

override func viewDidLoad() {
    super.viewDidLoad()
    textView.delegate = self
}

func textViewShouldBeginEditing(textView: UITextView) -> Bool {

    self.textView.textColor = .black

    if(self.textView.text == placeHolderText) {
        self.textView.text = ""
    }

    return true
}

func textViewDidEndEditing(textView: UITextView) {
    if(textView.text == "") {
        self.textView.text = placeHolderText
        self.textView.textColor = .lightGray
    }
}

override func viewWillAppear(animated: Bool) {

    if(currentQuestion.answerDisplayValue == "") {
        self.textView.text = placeHolderText
        self.textView.textColor = .lightGray
    } else {
        self.textView.text = "xxx" // load default text / or stored 
        self.textView.textColor = .black
    }
}

यह ठीक है लेकिन काफी अच्छा नहीं है। अगर उपयोगकर्ता "प्लेसहोल्डर टेक्स्ट ..." (एज केस स्पष्ट रूप से)
टाइप करता है

45

सरल स्विफ्ट 3 समाधान

UITextViewDelegateअपनी कक्षा में जोड़ें

सेट yourTextView.delegate = self

placeholderLabelइसे बनाएं और इसे अंदर रखेंyourTextView

अब बस placeholderLabel.alphaपर चेतन textViewDidChange:

  func textViewDidChange(_ textView: UITextView) {
    let newAlpha: CGFloat = textView.text.isEmpty ? 1 : 0
    if placeholderLabel.alpha != newAlpha {
      UIView.animate(withDuration: 0.3) {
        self.placeholderLabel.alpha = newAlpha
      }
    }
  }

आपको placeholderLabelइसे सही सेट करने के लिए स्थिति के साथ खेलना पड़ सकता है , लेकिन यह बहुत कठिन नहीं होना चाहिए


1
शानदार जवाब, सरल समाधान। मैंने केवल चेतन में एक छोटा सा सुधार जोड़ा जब अल्फा को बदलना चाहिए: let alpha = CGFloat(textView.text.isEmpty ? 1.0 : 0.0) if alpha != lblPlaceholder.alpha { UIView.animate(withDuration: 0.3) { self.lblPlaceholder.alpha = alpha } }
लुसियानो स्कलोव्स्की

24

मैंने KmKndy के उत्तर को बढ़ा दिया, ताकि प्लेसहोल्डर तब तक दिखाई दे जब तक उपयोगकर्ता UITextViewकेवल उस पर टैप करने के बजाय संपादन करना शुरू न कर दे। यह ट्विटर और फेसबुक ऐप में कार्यक्षमता को दर्शाता है। यदि उपयोगकर्ता सीधे टाइप करता है या टेक्स्ट पेस्ट करता है, तो मेरे समाधान के लिए आपको उपवर्ग और काम करने की आवश्यकता नहीं है!

प्लेसहोल्डर का उदाहरण ट्विटर ऐप

- (void)textViewDidChangeSelection:(UITextView *)textView{
    if ([textView.text isEqualToString:@"What's happening?"] && [textView.textColor isEqual:[UIColor lightGrayColor]])[textView setSelectedRange:NSMakeRange(0, 0)];

}

- (void)textViewDidBeginEditing:(UITextView *)textView{

    [textView setSelectedRange:NSMakeRange(0, 0)];
}

- (void)textViewDidChange:(UITextView *)textView
{
    if (textView.text.length != 0 && [[textView.text substringFromIndex:1] isEqualToString:@"What's happening?"] && [textView.textColor isEqual:[UIColor lightGrayColor]]){
        textView.text = [textView.text substringToIndex:1];
        textView.textColor = [UIColor blackColor]; //optional

    }
    else if(textView.text.length == 0){
        textView.text = @"What's happening?";
        textView.textColor = [UIColor lightGrayColor];
        [textView setSelectedRange:NSMakeRange(0, 0)];
    }
}

- (void)textViewDidEndEditing:(UITextView *)textView
{
    if ([textView.text isEqualToString:@""]) {
        textView.text = @"What's happening?";
        textView.textColor = [UIColor lightGrayColor]; //optional
    }
    [textView resignFirstResponder];
}

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{
    if (textView.text.length > 1 && [textView.text isEqualToString:@"What's happening?"]) {
         textView.text = @"";
         textView.textColor = [UIColor blackColor];
    }

    return YES;
}

निर्माण पर सटीक पाठ के साथ myUITextView सेट करने के लिए बस याद रखें

UITextView *myUITextView = [[UITextView alloc] init];
myUITextView.delegate = self;
myUITextView.text = @"What's happening?";
myUITextView.textColor = [UIColor lightGrayColor]; //optional

और इन तरीकों को शामिल करने से पहले माता-पिता वर्ग को एक UITextView प्रतिनिधि बनाएं

@interface MyClass () <UITextViewDelegate>
@end

20

मैं उपयोग करने की सलाह देता हूं SZTextView

https://github.com/glaszig/SZTextView

UITextViewसे अपना डिफ़ॉल्ट जोड़ें storyboardऔर फिर उसके कस्टम वर्ग को SZTextViewनीचे default की तरह बदलें

यहां छवि विवरण दर्ज करें

फिर आपको दो नए विकल्प दिखाई देंगे Attribute Inspector 👇👇👇👇 देंगे

यहां छवि विवरण दर्ज करें


20

नीचे "SAMTextView" ObjC कोड का एक स्विफ्ट पोर्ट है जो प्रश्न के उत्तर देने वाले पहले मुट्ठी भर में से एक के रूप में पोस्ट किया गया है। मैंने इसे iOS 8 पर परीक्षण किया। मैंने प्लेसहोल्डर टेक्स्ट के प्लेसमेंट के लिए सीमा ऑफसेट सहित कुछ चीजों को बदल दिया, क्योंकि मूल बहुत अधिक था और बहुत सही था (उस पोस्ट में टिप्पणियों में से एक में सुझाव का उपयोग किया गया था)।

मुझे पता है कि बहुत सारे सरल समाधान हैं, लेकिन मुझे UITextView को उपवर्ग के दृष्टिकोण की तरह पसंद है क्योंकि यह पुन: प्रयोज्य है और मुझे तंत्र के साथ इसका उपयोग करने वाले वर्गों को अव्यवस्थित करने की आवश्यकता नहीं है।

स्विफ्ट 2.2:

import UIKit

class PlaceholderTextView: UITextView {

    @IBInspectable var placeholderColor: UIColor = UIColor.lightGrayColor()
    @IBInspectable var placeholderText: String = ""

    override var font: UIFont? {
        didSet {
            setNeedsDisplay()
        }
    }

    override var contentInset: UIEdgeInsets {
        didSet {
            setNeedsDisplay()
        }
    }

    override var textAlignment: NSTextAlignment {
        didSet {
            setNeedsDisplay()
        }
    }

    override var text: String? {
        didSet {
            setNeedsDisplay()
        }
    }

    override var attributedText: NSAttributedString? {
        didSet {
            setNeedsDisplay()
        }
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setUp()
    }

    override init(frame: CGRect, textContainer: NSTextContainer?) {
        super.init(frame: frame, textContainer: textContainer)
    }

    private func setUp() {
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(PlaceholderTextView.textChanged(_:)),
                                                         name: UITextViewTextDidChangeNotification, object: self)
    }

    func textChanged(notification: NSNotification) {
        setNeedsDisplay()
    }

    func placeholderRectForBounds(bounds: CGRect) -> CGRect {
        var x = contentInset.left + 4.0
        var y = contentInset.top  + 9.0
        let w = frame.size.width - contentInset.left - contentInset.right - 16.0
        let h = frame.size.height - contentInset.top - contentInset.bottom - 16.0

        if let style = self.typingAttributes[NSParagraphStyleAttributeName] as? NSParagraphStyle {
            x += style.headIndent
            y += style.firstLineHeadIndent
        }
        return CGRect(x: x, y: y, width: w, height: h)
    }

    override func drawRect(rect: CGRect) {
        if text!.isEmpty && !placeholderText.isEmpty {
            let paragraphStyle = NSMutableParagraphStyle()
            paragraphStyle.alignment = textAlignment
            let attributes: [ String: AnyObject ] = [
                NSFontAttributeName : font!,
                NSForegroundColorAttributeName : placeholderColor,
                NSParagraphStyleAttributeName  : paragraphStyle]

            placeholderText.drawInRect(placeholderRectForBounds(bounds), withAttributes: attributes)
        }
        super.drawRect(rect)
    }
}

स्विफ्ट 4.2:

import UIKit

class PlaceholderTextView: UITextView {

    @IBInspectable var placeholderColor: UIColor = UIColor.lightGray
    @IBInspectable var placeholderText: String = ""

    override var font: UIFont? {
        didSet {
            setNeedsDisplay()
        }
    }

    override var contentInset: UIEdgeInsets {
        didSet {
            setNeedsDisplay()
        }
    }

    override var textAlignment: NSTextAlignment {
        didSet {
            setNeedsDisplay()
        }
    }

    override var text: String? {
        didSet {
            setNeedsDisplay()
        }
    }

    override var attributedText: NSAttributedString? {
        didSet {
            setNeedsDisplay()
        }
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setUp()
    }

    override init(frame: CGRect, textContainer: NSTextContainer?) {
        super.init(frame: frame, textContainer: textContainer)
    }

    private func setUp() {
        NotificationCenter.default.addObserver(self,
         selector: #selector(self.textChanged(notification:)),
         name: Notification.Name("UITextViewTextDidChangeNotification"),
         object: nil)
    }

    @objc func textChanged(notification: NSNotification) {
        setNeedsDisplay()
    }

    func placeholderRectForBounds(bounds: CGRect) -> CGRect {
        var x = contentInset.left + 4.0
        var y = contentInset.top  + 9.0
        let w = frame.size.width - contentInset.left - contentInset.right - 16.0
        let h = frame.size.height - contentInset.top - contentInset.bottom - 16.0

        if let style = self.typingAttributes[NSAttributedString.Key.paragraphStyle] as? NSParagraphStyle {
            x += style.headIndent
            y += style.firstLineHeadIndent
        }
        return CGRect(x: x, y: y, width: w, height: h)
    }

    override func draw(_ rect: CGRect) {
        if text!.isEmpty && !placeholderText.isEmpty {
            let paragraphStyle = NSMutableParagraphStyle()
            paragraphStyle.alignment = textAlignment
            let attributes: [NSAttributedString.Key: Any] = [
            NSAttributedString.Key(rawValue: NSAttributedString.Key.font.rawValue) : font!,
            NSAttributedString.Key(rawValue: NSAttributedString.Key.foregroundColor.rawValue) : placeholderColor,
            NSAttributedString.Key(rawValue: NSAttributedString.Key.paragraphStyle.rawValue)  : paragraphStyle]

            placeholderText.draw(in: placeholderRectForBounds(bounds: bounds), withAttributes: attributes)
        }
        super.draw(rect)
    }
}

स्विफ्ट संस्करण को करने के लिए thks, क्या आप समझा सकते हैं कि जागने का क्या तरीका है जोकि केवल एक सुपर कॉल करने की विधि है?
पियरे

यह प्लेसहोल्डर सेट करता है, लेकिन टाइपिंग शुरू करने के बाद अपडेट नहीं करता है।
डेविड

कोई बात नहीं, मैंने नोटिफिकेशन कॉल को awakeFromNib में डाल दिया और यह अब काम करता है।
डेविड

12

मैंने इस तरह से इसे किया:

UITextView2.h

#import <UIKit/UIKit.h>

@interface UITextView2 : UITextView <UITextViewDelegate> {
 NSString *placeholder;
 UIColor *placeholderColor;
}

@property(nonatomic, retain) NSString *placeholder;
@property(nonatomic, retain) UIColor *placeholderColor;

-(void)textChanged:(NSNotification*)notif;

@end

UITextView2.m

@implementation UITextView2

@synthesize placeholder, placeholderColor;

- (id)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        [self setPlaceholder:@""];
        [self setPlaceholderColor:[UIColor lightGrayColor]];
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged:) name:UITextViewTextDidChangeNotification object:nil];
    }
    return self;
}

-(void)textChanged:(NSNotification*)notif {
    if ([[self placeholder] length]==0)
        return;
    if ([[self text] length]==0) {
        [[self viewWithTag:999] setAlpha:1];
    } else {
        [[self viewWithTag:999] setAlpha:0];
    }

}

- (void)drawRect:(CGRect)rect {
    if ([[self placeholder] length]>0) {
        UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(8, 8, 0, 0)];
        [l setFont:self.font];
        [l setTextColor:self.placeholderColor];
        [l setText:self.placeholder];
        [l setAlpha:0];
        [l setTag:999];
        [self addSubview:l];
        [l sizeToFit];
        [self sendSubviewToBack:l];
        [l release];
    }
    if ([[self text] length]==0 && [[self placeholder] length]>0) {
        [[self viewWithTag:999] setAlpha:1];
    }
    [super drawRect:rect];
}

- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];
    [super dealloc];
}


@end

12

यहाँ एक आसान उपाय है जो बिल्कुल UITextField के प्लेसहोल्डर की तरह व्यवहार करता है लेकिन उसे कस्टम दृश्य खींचने या पहले उत्तरदाता के इस्तीफे की आवश्यकता नहीं होती है।

- (void) textViewDidChange:(UITextView *)textView{

    if (textView.text.length == 0){
        textView.textColor = [UIColor lightGrayColor];
        textView.text = placeholderText;
        [textView setSelectedRange:NSMakeRange(0, 0)];
        isPlaceholder = YES;

    } else if (isPlaceholder && ![textView.text isEqualToString:placeholderText]) {
        textView.text = [textView.text substringToIndex:1];
        textView.textColor = [UIColor blackColor];
        isPlaceholder = NO;
    }

}

(यदि किसी मामले में कुछ भी दर्ज नहीं किया गया है और उपयोगकर्ता बैकस्पेस दबाता है तो कथन में दूसरा चेक है)

बस अपनी कक्षा को UITextViewDelegate के रूप में सेट करें। ViewDidLoad में आपको पसंद करना चाहिए

- (void) viewDidLoad{
    // initialize placeholder text
    placeholderText = @"some placeholder";
    isPlaceholder = YES;
    self.someTextView.text = placeholderText;
    self.someTextView.textColor = [UIColor lightGrayColor];
    [self.someTextView setSelectedRange:NSMakeRange(0, 0)];

    // assign UITextViewDelegate
    self.someTextView.delegate = self;
}

2
बात यह है कि अगर उपयोगकर्ता "प्लेसहोल्डर टेक्स्ट" के बीच में कहीं टैप करता है, तो कैरट वहां रहता है।
एलेक्स सोरोकोलेटोव

10

नमस्ते, आप IQTeyboard में उपलब्ध IQTextView का उपयोग कर सकते हैं। यह आपके टेक्स्टव्यू के सिर्फ सेट किए गए वर्ग को IQTextView का उपयोग करने और एकीकृत करने के लिए सरल है और आप अपनी इच्छानुसार प्लेसहोल्डर लेबल सेट करने के लिए इसकी संपत्ति का उपयोग कर सकते हैं। आप लाइब्रेरी को IQKeyboardManager से डाउनलोड कर सकते हैं

या आप इसे कोकोपोड्स से स्थापित कर सकते हैं।


IQKeyboardManager बहुत उपयोगी और कोडलेस है। मेरे लिए सबसे अच्छा जवाब!
NSDeveloper

1
वास्तव में मैं कारण के लिए टिप्पणी करना और छोड़ना चाहता हूं। मुझे नहीं पता कि IQTextView पहले IQKeyboardManager में उपलब्ध है।
NSDeveloper

मुझे प्रतिनिधि के साथ एक समस्या थी। मैंने कक्षा को प्रतिनिधि ओवरराइड से हटा दिया और UITextViewDelegateठीक काम किया
TheoK

जवाब दिया
अनुदान

10

एक और उत्तर जोड़ने के लिए क्षमा करें, लेकिन मैंने अभी कुछ इस तरह से खींचा है और इसने निकटतम- UITextField तरह का प्लेसहोल्डर बनाया है।

आशा है कि यह किसी की मदद करता है।

-(void)textViewDidChange:(UITextView *)textView{
    if(textView.textColor == [UIColor lightGrayColor]){
        textView.textColor  = [UIColor blackColor]; // look at the comment section in this answer
        textView.text       = [textView.text substringToIndex: 0];// look at the comment section in this answer
    }else if(textView.text.length == 0){
        textView.text       = @"This is some placeholder text.";
        textView.textColor  = [UIColor lightGrayColor];
        textView.selectedRange = NSMakeRange(0, 0);
    }
}

-(void)textViewDidChangeSelection:(UITextView *)textView{
    if(textView.textColor == [UIColor lightGrayColor] && (textView.selectedRange.location != 0 || textView.selectedRange.length != 0)){
        textView.selectedRange = NSMakeRange(0, 0);
    }
}

1
मुझे पहले आदेश में आदेशों को बदलना था यदि कथन if(textView.textColor == [UIColor lightGrayColor]){ textView.textColor = [UIColor blackColor]; textView.text = [textView.text substringToIndex: 1]; नहीं तो पाठ में दर्ज किया जा रहा पहला चरित्र पाठ के अंत में रखा गया था
फ्लेक्सीकोडर

7

कोड की कुछ लाइन के भीतर इसका उपयोग करने का सरल तरीका:

इस लेबल को अपने कोड से कनेक्ट करने के बाद .nib में UITextView तक का एक लेबल लें, इसके बाद।

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{

    if (range.location>0 || text.length!=0) {
        placeholderLabel1.hidden = YES;
    }else{
        placeholderLabel1.hidden = NO;
    }
    return YES;
}

7

मैंने iOS7 के साथ काम करने के लिए सैम सॉफ्स का कार्यान्वयन संशोधित किया है:

- (void)drawRect:(CGRect)rect
{
    [super drawRect:rect];

    if (_shouldDrawPlaceholder)
    {
        UIEdgeInsets insets = self.textContainerInset;        
        CGRect placeholderRect = CGRectMake(
                insets.left + self.textContainer.lineFragmentPadding,
                insets.top,
                self.frame.size.width - insets.left - insets.right,
                self.frame.size.height - insets.top - insets.bottom);

        [_placeholderText drawWithRect:placeholderRect
                           options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingTruncatesLastVisibleLine
                        attributes:self.placeholderAttributes
                           context:nil];
    }
}

- (NSDictionary *)placeholderAttributes
{
    if (_placeholderAttributes == nil)
    {
        _placeholderAttributes = @
        {
            NSFontAttributeName : self.font,
            NSForegroundColorAttributeName : self.placeholderColor
        };
    }

    return _placeholderAttributes;
}

_placeholderAttribues = nilउन विधियों में सेट करना याद रखें जो फ़ॉन्ट और अन्य थिंग्स को बदल सकते हैं जो उन्हें प्रभावित कर सकते हैं। यदि आप बग नहीं करते हैं, तो आप विशेषता शब्दकोश के "आलसी" को छोड़ना चाहते हैं।

संपादित करें:

यदि आप प्लेसहोल्डर को ऑटोलॉययट एनिमेशन और पसंद के बाद अच्छा दिखना चाहते हैं, तो सेटबाउंड्स के ओवरराइड संस्करण में सेटनैडस डिसेप्ले को कॉल करना याद रखें।


मुझे लगता है कि आपको ऑफसेट x पैरामीटर में insets.left जोड़ना चाहिए।
कर्मी

क्या यह सेटफ्रेम के बजाय सेटफ्रेम नहीं है?
JakubKnejzlik

नहीं! setFrame लेआउट एनिमेशन के दौरान नहीं कहा जाता है।
नेलर

6

आप UITextView के उपवर्ग के रूप में एक नया वर्ग TextViewWithPlaceholder भी बना सकते हैं।

(यह कोड किसी तरह का है - लेकिन मुझे लगता है कि यह सही रास्ते पर है।)

@interface TextViewWithPlaceholder : UITextView
{

    NSString *placeholderText;  // make a property
    UIColor *placeholderColor;  // make a property
    UIColor *normalTextColor;   // cache text color here whenever you switch to the placeholderColor
}

- (void) setTextColor: (UIColor*) color
{
   normalTextColor = color;
   [super setTextColor: color];
}

- (void) updateForTextChange
{
    if ([self.text length] == 0)
    { 
        normalTextColor = self.textColor;
        self.textColor = placeholderColor;
        self.text = placeholderText;
    }
    else
    {
        self.textColor = normalTextColor;
    }

}

अपने प्रतिनिधि में, इसे जोड़ें:

- (void)textViewDidChange:(UITextView *)textView
{
    if ([textView respondsToSelector: @selector(updateForTextChange)])
    {
        [textView updateForTextChange];
    }

}

1
सही व्यवहार आप drawRect अधिभावी द्वारा अपने स्वयं के प्लेसहोल्डर रंग चाहिए पाने के लिए: (प्लेसहोल्डर आकर्षित केवल तभी [आत्म isFirstResponder] && [[स्वयं पाठ] लंबाई] == 0!), और बुला setNeedsDisplay अंदर becomeFirstResponder और resignFirstResponder
rpetrich

6

मैंने 'UITextView' के उपवर्ग का अपना संस्करण बनाया। मुझे सैम सॉफ्स पसंद थे के नोटिफिकेशन का उपयोग करने का विचार , लेकिन मुझे यह पसंद नहीं आया: ओवरराइट। मुझ पर हावी हो जाता है। मुझे लगता है कि मैंने बहुत साफ कार्यान्वयन किया।

आप यहाँ मेरे उपवर्ग को देख सकते हैं । एक डेमो प्रोजेक्ट भी शामिल है।


6

इस धागे के बहुत सारे उत्तर हैं, लेकिन यहां वह संस्करण है जो मुझे पसंद है।

यह मौजूदा वर्ग का विस्तार करता है UITextViewइसलिए आसानी से पुन: प्रयोज्य होता है, और यह उन घटनाओं को बाधित नहीं करता है जैसे textViewDidChange(जो उपयोगकर्ता के कोड को तोड़ सकता है, यदि वे पहले से ही इन घटनाओं को कहीं और रोक रहे थे)।

मेरे कोड का उपयोग करना (नीचे दिखाया गया है), आप आसानी से अपने किसी भी व्यक्ति को UITextViewsइस तरह जोड़ सकते हैं :

self.textViewComments.placeholder = @"(Enter some comments here.)";

जब आप यह नया प्लेसहोल्डर मान सेट UILabelकरते हैं UITextView, तो यह चुपचाप आपके शीर्ष पर जुड़ जाता है , फिर इसे आवश्यक रूप से छिपा / दिखाता है:

यहां छवि विवरण दर्ज करें

ठीक है, ये परिवर्तन करने के लिए, इस कोड वाली "UITextViewHelper.h" फ़ाइल जोड़ें:

//  UITextViewHelper.h
//  Created by Michael Gledhill on 13/02/15.

#import <Foundation/Foundation.h>

@interface UITextView (UITextViewHelper)

@property (nonatomic, strong) NSString* placeholder;
@property (nonatomic, strong) UILabel* placeholderLabel;
@property (nonatomic, strong) NSString* textValue;

-(void)checkIfNeedToDisplayPlaceholder;

@end

... और इसमें एक UITextViewHelper.m फाइल है:

//  UITextViewHelper.m
//  Created by Michael Gledhill on 13/02/15.
//
//  This UITextView category allows us to easily display a PlaceHolder string in our UITextView.
//  The downside is that, your code needs to set the "textValue" rather than the "text" value to safely set the UITextView's text.
//
#import "UITextViewHelper.h"
#import <objc/runtime.h>

@implementation UITextView (UITextViewHelper)

#define UI_PLACEHOLDER_TEXT_COLOR [UIColor colorWithRed:170.0/255.0 green:170.0/255.0 blue:170.0/255.0 alpha:1.0]

@dynamic placeholder;
@dynamic placeholderLabel;
@dynamic textValue;

-(void)setTextValue:(NSString *)textValue
{
    //  Change the text of our UITextView, and check whether we need to display the placeholder.
    self.text = textValue;
    [self checkIfNeedToDisplayPlaceholder];
}
-(NSString*)textValue
{
    return self.text;
}

-(void)checkIfNeedToDisplayPlaceholder
{
    //  If our UITextView is empty, display our Placeholder label (if we have one)
    if (self.placeholderLabel == nil)
        return;

    self.placeholderLabel.hidden = (![self.text isEqualToString:@""]);
}

-(void)onTap
{
    //  When the user taps in our UITextView, we'll see if we need to remove the placeholder text.
    [self checkIfNeedToDisplayPlaceholder];

    //  Make the onscreen keyboard appear.
    [self becomeFirstResponder];
}

-(void)keyPressed:(NSNotification*)notification
{
    //  The user has just typed a character in our UITextView (or pressed the delete key).
    //  Do we need to display our Placeholder label ?
   [self checkIfNeedToDisplayPlaceholder];
}

#pragma mark - Add a "placeHolder" string to the UITextView class

NSString const *kKeyPlaceHolder = @"kKeyPlaceHolder";
-(void)setPlaceholder:(NSString *)_placeholder
{
    //  Sets our "placeholder" text string, creates a new UILabel to contain it, and modifies our UITextView to cope with
    //  showing/hiding the UILabel when needed.
    objc_setAssociatedObject(self, &kKeyPlaceHolder, (id)_placeholder, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    self.placeholderLabel = [[UILabel alloc] initWithFrame:self.frame];
    self.placeholderLabel.numberOfLines = 1;
    self.placeholderLabel.text = _placeholder;
    self.placeholderLabel.textColor = UI_PLACEHOLDER_TEXT_COLOR;
    self.placeholderLabel.backgroundColor = [UIColor clearColor];
    self.placeholderLabel.userInteractionEnabled = true;
    self.placeholderLabel.font = self.font;
    [self addSubview:self.placeholderLabel];

    [self.placeholderLabel sizeToFit];

    //  Whenever the user taps within the UITextView, we'll give the textview the focus, and hide the placeholder if necessary.
    [self addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onTap)]];

    //  Whenever the user types something in the UITextView, we'll see if we need to hide/show the placeholder label.
    [[NSNotificationCenter defaultCenter] addObserver:self selector: @selector(keyPressed:) name:UITextViewTextDidChangeNotification object:nil];

    [self checkIfNeedToDisplayPlaceholder];
}
-(NSString*)placeholder
{
    //  Returns our "placeholder" text string
    return objc_getAssociatedObject(self, &kKeyPlaceHolder);
}

#pragma mark - Add a "UILabel" to this UITextView class

NSString const *kKeyLabel = @"kKeyLabel";
-(void)setPlaceholderLabel:(UILabel *)placeholderLabel
{
    //  Stores our new UILabel (which contains our placeholder string)
    objc_setAssociatedObject(self, &kKeyLabel, (id)placeholderLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    [[NSNotificationCenter defaultCenter] addObserver:self selector: @selector(keyPressed:) name:UITextViewTextDidChangeNotification object:nil];

    [self checkIfNeedToDisplayPlaceholder];
}
-(UILabel*)placeholderLabel
{
    //  Returns our new UILabel
    return objc_getAssociatedObject(self, &kKeyLabel);
}
@end

हाँ, यह बहुत कोड है, लेकिन एक बार आपने इसे अपनी परियोजना में जोड़ लिया है और .h फ़ाइल को शामिल कर लिया है ...

#import "UITextViewHelper.h"

... आप आसानी से प्लेसहोल्डर्स का उपयोग कर सकते हैं UITextViews

हालांकि एक गट्टा है।

अगर तुम यह करते हो:

self.textViewComments.placeholder = @"(Enter some comments here.)";
self.textViewComments.text = @"Ooooh, hello there";

... प्लेसहोल्डर पाठ के ऊपर दिखाई देगा । जब आप सेट करते हैंtext मान , तो नियमित सूचनाओं में से कोई भी कॉल नहीं किया जाता है, इसलिए मैं यह तय नहीं कर पाया कि प्लेसहोल्डर को दिखाने / छिपाने के लिए मेरे फ़ंक्शन को कैसे कॉल किया जाए।

समाधान इसके textValueबजाय सेट करना है text:

self.textViewComments.placeholder = @"(Enter some comments here.)";
self.textViewComments.textValue = @"Ooooh, hello there";

वैकल्पिक रूप से, आप textमान सेट कर सकते हैं , फिर कॉल करें checkIfNeedToDisplayPlaceholder

self.textViewComments.text = @"Ooooh, hello there";
[self.textViewComments checkIfNeedToDisplayPlaceholder];

मुझे इस तरह के समाधान पसंद हैं, जैसा कि वे एप्पल के साथ हमें क्या प्रदान करता है, और क्या हम (डेवलपर्स के रूप में) वास्तव में जरूरत है , के बीच "अंतर को भरें" में हमारे ऐप्स में । आप इस कोड को एक बार लिखते हैं, इसे "हेल्पर" .m / .h फ़ाइलों की अपनी लाइब्रेरी में जोड़ें, और, समय के साथ, एसडीके वास्तव में कम निराशा होने लगती है।

(मैंने अपने UITextViews में एक "स्पष्ट" बटन जोड़ने के लिए एक समान सहायक लिखा, एक और बात जो नाराज़गी से मौजूद है, UITextFieldलेकिन इसमें नहीं UITextView...)


मुझे यह पसंद है कि यह कितना साफ है, लेकिन मुझे नापसंद है कि इसे दूसरे UIView / UILabel की आवश्यकता कैसे है (और यह वास्तव में UITextView से विशेषताएँ / रंग / फ़ॉन्ट आसानी से प्राप्त नहीं करता है)। हालांकि अच्छा योगदान
mattsven

6

सबसे पहले एक .h फ़ाइल में एक लेबल लें।

यहां मैं ले जाता हूं

UILabel * lbl;

तब दृश्यम के तहत उन्हें। डिक्लेआड घोषित करता है

lbl = [[UILabel alloc] initWithFrame:CGRectMake(8.0, 0.0,250, 34.0)];

lbl.font=[UIFont systemFontOfSize:14.0];

[lbl setText:@"Write a message..."];

[lbl setBackgroundColor:[UIColor clearColor]];

[lbl setTextColor:[UIColor lightGrayColor]];

[textview addSubview:lbl];

टेक्स्टव्यू मेरा टेक्स्ट व्यू है।

अब घोषित करें

-(void)textViewDidChange:(UITextView *)textView {

 if (![textView hasText]){

    lbl.hidden = NO;

 }
 else{
    lbl.hidden = YES;
 }

}

और आपका Textview प्लेसहोल्डर तैयार है!


6

मैं फली 'UITextView + प्लेसहोल्डर' का उपयोग करने की सलाह देता हूं

pod 'UITextView+Placeholder'

अपने कोड पर

#import "UITextView+Placeholder.h"

////    

UITextView *textView = [[UITextView alloc] init];
textView.placeholder = @"How are you?";
textView.placeholderColor = [UIColor lightGrayColor];

5
    - (void)textViewDidChange:(UITextView *)textView
{
    placeholderLabel.hidden = YES;
}

टेक्स्टव्यू पर एक लेबल लगाएं।


या इससे भी बेहतर आप इसे फिर से दिखा सकते हैं जब कोई पाठ मौजूद नहीं है: lblPlaceholder.hidden = [textView.text isEqualToString: @ ""];
डेस्पोटोविच

मुझे यह साफ समाधान पसंद है, कोई भी इंजेक्शन खुद को दिखाने के लिए इंजेक्शन नहीं।
इटाची

5

UITextView में प्लेसहोल्डर बनाना संभव नहीं है लेकिन आप इसके द्वारा प्लेसहोल्डर जैसा प्रभाव उत्पन्न कर सकते हैं।

  - (void)viewDidLoad{      
              commentTxtView.text = @"Comment";
              commentTxtView.textColor = [UIColor lightGrayColor];
              commentTxtView.delegate = self;

     }
       - (BOOL) textViewShouldBeginEditing:(UITextView *)textView
     {
         commentTxtView.text = @"";
         commentTxtView.textColor = [UIColor blackColor];
         return YES;
     }

     -(void) textViewDidChange:(UITextView *)textView
     {

    if(commentTxtView.text.length == 0){
        commentTxtView.textColor = [UIColor lightGrayColor];
        commentTxtView.text = @"Comment";
        [commentTxtView resignFirstResponder];
    }
    }

या आप जैसे टेक्स्टव्यू में लेबल जोड़ सकते हैं

       lbl = [[UILabel alloc] initWithFrame:CGRectMake(10.0, 0.0,textView.frame.size.width - 10.0, 34.0)];


[lbl setText:kDescriptionPlaceholder];
[lbl setBackgroundColor:[UIColor clearColor]];
[lbl setTextColor:[UIColor lightGrayColor]];
textView.delegate = self;

[textView addSubview:lbl];

और सेट करें

- (void)textViewDidEndEditing:(UITextView *)theTextView
{
     if (![textView hasText]) {
     lbl.hidden = NO;
}
}

- (void) textViewDidChange:(UITextView *)textView
{
    if(![textView hasText]) {
      lbl.hidden = NO;
}
else{
    lbl.hidden = YES;
 }  
}

5

यह पूरी तरह से UITextField के प्लेसहोल्डर की नकल करता है, जहां प्लेस होल्डर टेक्स्ट तब तक रहता है जब तक आप वास्तव में कुछ टाइप नहीं करते।

private let placeholder = "Type here"

@IBOutlet weak var textView: UITextView! {
    didSet {
        textView.textColor = UIColor.lightGray
        textView.text = placeholder
        textView.selectedRange = NSRange(location: 0, length: 0)
    }
}

extension ViewController: UITextViewDelegate {

    func textViewDidChangeSelection(_ textView: UITextView) {
        // Move cursor to beginning on first tap
        if textView.text == placeholder {
            textView.selectedRange = NSRange(location: 0, length: 0)
        }
    }

    func textView(_ textView: UITextView, shouldChangeTextIn range: NSRange, replacementText text: String) -> Bool {
        if textView.text == placeholder && !text.isEmpty {
            textView.text = nil
            textView.textColor = UIColor.black
            textView.selectedRange = NSRange(location: 0, length: 0)
        }
        return true
    }

    func textViewDidChange(_ textView: UITextView) {
        if textView.text.isEmpty {
            textView.textColor = UIColor.lightGray
            textView.text = placeholder
        }
    }
}

4

यह करने के लिए अभी तक एक और तरीका है, एक है जो UITextFieldप्लेसहोल्डर के मामूली इंडेंटेशन को पुन: पेश करता है :

UITextFieldदाईं ओर खींचें UITextViewताकि उनके शीर्ष बाएं कोने संरेखित हों। अपने प्लेसहोल्डर टेक्स्ट को टेक्स्ट फ़ील्ड में जोड़ें।

व्यूडीडलड में, जोड़ें:

[tView setDelegate:self];
tView.contentInset = UIEdgeInsetsMake(-8,-8,0,0);
tView.backgroundColor = [UIColor clearColor];

फिर जोड़िए:

- (void)textViewDidChange:(UITextView *)textView {
    if (textView.text.length == 0) {
        textView.backgroundColor = [UIColor clearColor];            
    } else {
        textView.backgroundColor = [UIColor whiteColor];
    }
}

4

आइए इसे आसान बनाते हैं

एक UILabel बनाएँ और इसे अपने टेक्स्ट व्यू पर रखें (टेक्स्ट को प्लेसहोल्डर-सेट कलर ग्रे के रूप में दें-आप यह सब अपने xib में कर सकते हैं) अब आप हेडर फ़ाइल में UILabel घोषित करते हैं और textviewDelegate भी अब आप केवल लेबल छिपा सकते हैं जब आप टेक्स्टव्यू पर क्लिक करेंगे

नीचे पूरा कोड

हैडर

@interface ViewController :UIViewController<UITextViewDelegate>{
 }
   @property (nonatomic,strong) IBOutlet UILabel *PlceHolder_label;
   @property (nonatomic,strong) IBOutlet UITextView *TextView;

@end

कार्यान्वयन

@implementation UploadFoodImageViewController
@synthesize PlceHolder_label,TextView;

  - (void)viewDidLoad
    {
       [super viewDidLoad];
    }


 - (BOOL)textViewShouldBeginEditing:(UITextView *)textView{

       if([textView isEqual:TextView]){
            [PlceHolder_label setHidden:YES];
            [self.tabScrlVw setContentOffset:CGPointMake(0,150) animated:YES];
          }
      return YES;
    }

@समाप्त

न तो textView और UILabel को xib से फ़ाइलस्वाइनर से कनेक्ट करना न भूलें


4

UTPlaceholderTextView पर एक नज़र डालें

यह UITextView का एक सुविधाजनक उपवर्ग है जो UITextField के निकट स्थित प्लेसहोल्डर का समर्थन करता है। मुख्य ख़ासियत:

  • साक्षात्कार का उपयोग नहीं करता है
  • ड्रॉ ओवरराइड नहीं करता है:
  • प्लेसहोल्डर मनमानी लंबाई का हो सकता है, और सामान्य पाठ की तरह ही इसका प्रतिपादन किया जा सकता है

4

मैं इन सभी के माध्यम से पढ़ा, लेकिन एक बहुत ही संक्षिप्त, स्विफ्ट 3, समाधान के साथ आया जो मेरे सभी परीक्षणों में काम आया है। यह थोड़ा और अधिक सामान्य हो सकता है, लेकिन प्रक्रिया सरल है। यहाँ पूरी बात है जिसे मैं "TextViewWithPlaceholder" कहता हूं।

import UIKit

class TextViewWithPlaceholder: UITextView {

    public var placeholder: String?
    public var placeholderColor = UIColor.lightGray

    private var placeholderLabel: UILabel?

    // Set up notification listener when created from a XIB or storyboard.
    // You can also set up init() functions if you plan on creating
    // these programmatically.
    override func awakeFromNib() {
        super.awakeFromNib()

        NotificationCenter.default.addObserver(self,
                                           selector: #selector(TextViewWithPlaceholder.textDidChangeHandler(notification:)),
                                           name: .UITextViewTextDidChange,
                                           object: self)

        placeholderLabel = UILabel()
        placeholderLabel?.alpha = 0.85
        placeholderLabel?.textColor = placeholderColor
    }

    // By using layoutSubviews, you can size and position the placeholder
    // more accurately. I chose to hard-code the size of the placeholder
    // but you can combine this with other techniques shown in previous replies.
    override func layoutSubviews() {
        super.layoutSubviews()

        placeholderLabel?.textColor = placeholderColor
        placeholderLabel?.text = placeholder

        placeholderLabel?.frame = CGRect(x: 6, y: 4, width: self.bounds.size.width-16, height: 24)

        if text.isEmpty {
            addSubview(placeholderLabel!)
            bringSubview(toFront: placeholderLabel!)
        } else {
            placeholderLabel?.removeFromSuperview()
        }
    }

    // Whenever the text changes, just trigger a new layout pass.
    func textDidChangeHandler(notification: Notification) {
        layoutSubviews()
    }
}

यहाँ कुछ चिंताएँ। आपको layoutSubviews()सीधे फोन नहीं करना चाहिए । और आपने NotificationCenter पर्यवेक्षक को नहीं हटाया।
हुलंग

4

मैंने स्विफ्ट में क्लास लिखी है। जब भी आवश्यकता हो आप इस वर्ग को आयात कर सकते हैं।

import UIKit

सार्वजनिक वर्ग CustomTextView: UITextView {

private struct Constants {
    static let defaultiOSPlaceholderColor = UIColor(red: 0.0, green: 0.0, blue: 0.0980392, alpha: 0.22)
}
private let placeholderLabel: UILabel = UILabel()

private var placeholderLabelConstraints = [NSLayoutConstraint]()

@IBInspectable public var placeholder: String = "" {
    didSet {
        placeholderLabel.text = placeholder
    }
}

@IBInspectable public var placeholderColor: UIColor = CustomTextView.Constants.defaultiOSPlaceholderColor {
    didSet {
        placeholderLabel.textColor = placeholderColor
    }
}

override public var font: UIFont! {
    didSet {
        placeholderLabel.font = font
    }
}

override public var textAlignment: NSTextAlignment {
    didSet {
        placeholderLabel.textAlignment = textAlignment
    }
}

override public var text: String! {
    didSet {
        textDidChange()
    }
}

override public var attributedText: NSAttributedString! {
    didSet {
        textDidChange()
    }
}

override public var textContainerInset: UIEdgeInsets {
    didSet {
        updateConstraintsForPlaceholderLabel()
    }
}

override public init(frame: CGRect, textContainer: NSTextContainer?) {
    super.init(frame: frame, textContainer: textContainer)
    commonInit()
}

required public init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    commonInit()
}

private func commonInit() {
    NSNotificationCenter.defaultCenter().addObserver(self,
                                                     selector: #selector(textDidChange),
                                                     name: UITextViewTextDidChangeNotification,
                                                     object: nil)

    placeholderLabel.font = font
    placeholderLabel.textColor = placeholderColor
    placeholderLabel.textAlignment = textAlignment
    placeholderLabel.text = placeholder
    placeholderLabel.numberOfLines = 0
    placeholderLabel.backgroundColor = UIColor.clearColor()
    placeholderLabel.translatesAutoresizingMaskIntoConstraints = false
    addSubview(placeholderLabel)
    updateConstraintsForPlaceholderLabel()
}

private func updateConstraintsForPlaceholderLabel() {
    var newConstraints = NSLayoutConstraint.constraintsWithVisualFormat("H:|-(\(textContainerInset.left + textContainer.lineFragmentPadding))-[placeholder]",
                                                                        options: [],
                                                                        metrics: nil,
                                                                        views: ["placeholder": placeholderLabel])
    newConstraints += NSLayoutConstraint.constraintsWithVisualFormat("V:|-(\(textContainerInset.top))-[placeholder]",
                                                                     options: [],
                                                                     metrics: nil,
                                                                     views: ["placeholder": placeholderLabel])
    newConstraints.append(NSLayoutConstraint(
        item: placeholderLabel,
        attribute: .Width,
        relatedBy: .Equal,
        toItem: self,
        attribute: .Width,
        multiplier: 1.0,
        constant: -(textContainerInset.left + textContainerInset.right + textContainer.lineFragmentPadding * 2.0)
        ))
    removeConstraints(placeholderLabelConstraints)
    addConstraints(newConstraints)
    placeholderLabelConstraints = newConstraints
}

@objc private func textDidChange() {
    placeholderLabel.hidden = !text.isEmpty
}

public override func layoutSubviews() {
    super.layoutSubviews()
    placeholderLabel.preferredMaxLayoutWidth = textContainer.size.width - textContainer.lineFragmentPadding * 2.0
}

deinit {
    NSNotificationCenter.defaultCenter().removeObserver(self,
                                                        name: UITextViewTextDidChangeNotification,
                                                        object: nil)
}

}

यहां छवि विवरण दर्ज करें


1
यह वास्तव में सबसे स्वच्छ समाधानों में से एक है जिसे मैं खोजने में सक्षम था और मैंने इसका उपयोग करना समाप्त कर दिया .. विशेष रूप से इनसेट्स को ध्यान में रखते हुए और लेबल के लिए बाधाओं का उपयोग करना एक अच्छा स्पर्श है, मैंने कई (कोई?) अन्य समाधान नहीं देखा है? सीमा, फोंट, आरटीएल आदि बदलने की देखभाल
मार्क
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.