Hello !

Just a warning :

TITokenField.m:987:40: 'UILineBreakModeTailTruncation' is deprecated: first deprecated in iOS 6.0

Thanks !

When the width of all tokens in one line equals the width of token field, the next input token will overlap the previous token. You can see the screenshots in this website! https://www.dropbox.com/sh/52j8iqllznfctxl/EogXwoNTpb

Hi,
do you plan to add multiple token fields support (To:, Cc: ..) ?

cheers,
Jan

The current version of TITokenField on CocoaPods is from six months ago. Even if TITokenField isn't ready for a 1.0 release, it would be great to have some of the more recent changes available through CocoaPods. It seems like this would entail making a new tag as well as creating an updated spec here. That being said, simply making a new tag would be sufficient since that would enable someone else to update the spec.

Similar to tokenTitles, but instead of an array of strings return the array of represented objects?

Hi,
I think there is a bug in the TITokenField#addToken method when the delegate discards the adding of a token.

- (TIToken *)addTokenWithTitle:(NSString *)title {
    if (title.length){
        TIToken * token = [[TIToken alloc] initWithTitle:title representedObject:nil font:self.font];
        [self addToken:token];
        [token release];
        return token;
    }
    return nil;
}

If shouldAdd says NO, [self addToken:token] will not retain the token so we end up with a TiToken with 1 retain count and we release it. The it returns a released object which crashes.

This method should return an autoreleased object:

- (TIToken *)addTokenWithTitle:(NSString *)title {
    if (title.length){
        TIToken * token = [[TIToken alloc] initWithTitle:title representedObject:nil font:self.font];
        [self addToken:token];
        return [token autorelease];
    }
    return nil;
}

cheers ;)

It would be nice if there were a single line mode option, where instead of creating more vertical space for the field as tokens are added it scrolled horizontally instead.

I want to make the hight smaller so that it can fit in my tableView.

I wish to use enablesReturnKeyAutomatically with my TITokenField.

Of course I can set it to YES, but it winds up not doing anything. My guess? the kTextEmpty and/or kTextHidden are not visible to the eye, but they are there and thus the text of the field is non-zero. And so, the field never is truly empty and so the Return key never disables.

I'd like to be able to use enablesReturnKeyAutomatically, but due to the hidden non-empty text, can't. :-(

in method tokenField:didAddToken: , i scroll it to point (0 , tokenField.frame.size.height - 42) , but when i input a new character , it will scroll to top . why? and how can i to block it ?

To reproduce. Enter email address until the token field goes behind the keyboard. Now if you try to scroll you will get trouble scrolling it. But if you scroll by holding a token then you can scroll. But it should behave like apple's default mail composer.

Steps to Reproduce:

1. Add 5-6 items.
2. Delete any middle item using backspace. You can delete item of second / third position. Then observe cursor went automatically at last position.
3. Now tap delete 2 times. Doing this delete loop will occur. And all delete will be vanished.

Reproducibility: 3 out 5 cases.

Am I missing something ? Please revert back as soon as possible so that i can fix the problem at my end.

The following warning appears in Xcode 'Implicit conversion from enumeration type 'TITokenFieldControlEvents' to different enumeration type 'UIControlEvents' (aka 'enum UIControlEvents')' for lines 70, 71, 743, and 746.

E.g.
[_tokenField addTarget:self action:@selector(tokenFieldFrameWillChange:) forControlEvents:TITokenFieldControlEventFrameWillChange];
[_tokenField addTarget:self action:@selector(tokenFieldFrameDidChange:) forControlEvents:TITokenFieldControlEventFrameDidChange];

Typecasting 'TITokenFieldControlEventFrameWillChange' to UIControlEvents will fix this.

Hello

is there a way to change the alignment of the tokens to be right-aligned instead of left

i am working on an arabic application where i need the tokens to be right aligned

is there a way to do that ??

I would like to be able to give the sourceArray an array of objects instead of strings. This would give me more flexibility to customize how it is displayed in the results, the string that is used by the search, and the string that is displayed in the token.

For example, if I type in "mi", I would like "Michael Enriquez (home) 123-123-1234" to show up in the results. Then when it is selected, I would want only "Michael Enriquez" to show up in the token. Also, I wouldn't want the "(home)" part to be matched as a result.

This would be similar to how the NSTokenField works for the Mac. See NSTokenFieldDelegate Protocol: https://developer.apple.com/library/mac/#documentation/Cocoa/Reference/NSTokenFieldDelegate_Protocol/Reference/Reference.html#//apple_ref/occ/intfm/NSTokenFieldDelegate/tokenField:representedObjectForEditingString:

Is this something that can be easily supported?

For example add email: [email protected] then space and same email again.
When token field will loose focus you will see those 2 emails

I have fixed it with:

• (void)addToken:(TIToken *)token {

  BOOL shouldAdd = YES;
  if ([delegate respondsToSelector:@selector(tokenField:willAddToken:)]){
  shouldAdd = [delegate tokenField:self willAddToken:token];
  }

  if (shouldAdd){

  [self becomeFirstResponder];
  
  [token addTarget:self action:@selector(tokenTouchDown:) forControlEvents:UIControlEventTouchDown];
  [token addTarget:self action:@selector(tokenTouchUpInside:) forControlEvents:UIControlEventTouchUpInside];
  if ( ![self.subviews containsObject:token] )
      [self addSubview:token];
  
  if (![_tokens containsObject:token]) {
  
      [_tokens addObject:token];
  
      if ([delegate respondsToSelector:@selector(tokenField:didAddToken:)]){
          [delegate tokenField:self didAddToken:token];
      }
  
      [_placeHolderLabel setHidden:YES];
  }
  
  [self setResultsModeEnabled:NO];
  [self deselectSelectedToken];
  

  }
  }

and adding this to TIToken

• (BOOL)isEqual:(id)object
  {
  if ( [object isKindOfClass:[self class]] == NO )
  return NO;

  TIToken* t = (TIToken*)object;
  return [t.title isEqualToString:self.title];
  }

Problem

In the example application, if I tap the first letter of a name (e.g. "a" for Albert Deltoro), the popoverController appears it works fine. But if I tap the first two letters of a name (e.g. "al" for Albert Deltoro), the popoverController disappears.

Cause

This is because setSearchResultsVisible: method is called in tableView:numberOfRowsInSection:, which is called several times by several calls from [resultsTable reloadData];. In the one letter case, it is called 3 times, and in the two letter case, it is called twice (which I couldn't figure out), and sometimes setSearchResultsVisible: hides popoverController because the resultsArray is empty.

Solution

Move the line [self setSearchResultsVisible:(resultsArray.count > 0)]; from tableView:numberOfRowsInSection: to the end of resultsForSubstring:substring: so that display/hide popoverController operation is only carried out once at the end of search.

I've noticed that once someone creates enough tokens that they fill the available part of the screen (keyboard to top) there is no way to scroll the whole view so I can get out of the tokenField so that it resigns firstResponder status and goes back to original size again. If any piece of the view underneath is visible I can grab it and scroll, or just tap inside it so it becomes first responder, but that becomes impossible when the tokenField takes up all of the visible section of the screen

I am trying to use your token field as a tags field rather than as a recipient field. For this reason it'd be useful to allow users to customise the ' x recipients' label that appears when the field is full.
Also, as I'd like the field can to appear in different places (rather than just the top of the screen) it would also be useful to customise the allowed positions of the UIPopoverArrow. Not sure if there is an easy fix for the tableview, as it gets slightly unworkable when the field is placed near the bottom of the screen (you get about 2 rows to deal with).

TITokenField is great, and the result tableview works as expected.
I'd like to know if it's possible to make it multi-section?

When the token field height is larger than the scroll view's height, the results table has a weird frame.

Probably just an issue with my height calculation code.

Will fix as soon as possible!

Hey Tom,

thanks for this nice piece of code.
After playing around with it a bit I found an issue when using the ABPeoplePicker for the ButtonAction.

In your example project you just add a token manually when this button gets pressed. In reality when doing so the ABPeoplePicker is brought up and the tokenField resigns first responder.
Now when I add a token manually the tokenField will become responder after the token was added and this leads to the deletion of all previously added tokens. So before the new token is added the tokenField should rebuilt the saved tokens and then add the new token.

You can replicate this behavior by using this code in your example project:

- (void)showContactsPicker {

    // Show some kind of contacts picker in here.
    // For now, it's a good chance to show how to add tokens.
    [tokenFieldView.tokenField resignFirstResponder];
    [tokenFieldView.tokenField addToken:@"New Name"];

    // You can access token titles with 'tokenFieldView.tokenTitles'.
    // Eg, NSLog(@"%@", tokenFieldView.tokenTitles);
}

Thanks again

I've a TITokenField in the contentView of a UITabelViewCell, when the table reload its data the tokens became selected.

Actually my code is something like this:

if (IHaveSomeValueFromTheTokensSaved) {

     add the tokens
     deselect the selected token
}

But I still have the tokens selected.
It's a bug, or I'm missing something?

I have tried and failed miserably to convert this over to ARC. Do you know anyone who has converted it?
Thanx in Advance

#pragma mark View Handlers
- (void)layoutTokensAnimated:(BOOL)animated {
    CGFloat newHeight = [self layoutTokensInternal];
    if (self.bounds.size.height != newHeight){
        
        // Animating this seems to invoke the triple-tap-delete-key-loop-problem-thing™
        [UIView animateWithDuration:(animated ? 0.3 : 0) animations:^{
            [self setFrame:((CGRect){self.frame.origin, {self.bounds.size.width, newHeight}})];
            [self sendActionsForControlEvents:TITokenFieldControlEventFrameWillChange];
            
        } completion:^(BOOL complete){
            [self sendActionsForControlEvents:TITokenFieldControlEventFrameDidChange]; //Crashes on this line
        }];
    }
}

If there are many tokens in the token filed, it can be scrolled. The token field will scroll to the last token position whenever one of the token is touched. How could i forbid this? As the touched token could be scrolled out of the view, it is not that user friendly.

Steps to reproduce:

1. Run example project in iOS7
2. type something, which is not found in demo names. For example "zz"
3. Now textView is visible, tap on it
4. tap on textField again
5. repeat steps 3-4 several times
6. See the Bug

When displayed within a UITabBarController there is about 20 pixels that are blank below the UITableViewController used for the search results.

If you change the didFinishLaunchingWithOptions in the sample project to the code below you reproduce this.

I'm going to continue troubleshooting tonight/tomorrow and will submit a patch if I can find the issue. What I've found so far is the frame passed to initWithFrame is the same size regardless to the tabbar so inside the component there must be some calculation that is getting thrown off. The behavior is the same regardless of the hidesBottomBarWhenPushed BOOL.

Thanks for the awesome component!

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    

    window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    TokenFieldExampleViewController * viewController = [[TokenFieldExampleViewController alloc] init];
    UINavigationController * navigationController = [[UINavigationController alloc] initWithRootViewController:viewController];
    UITabBarController *tabBarController = [[UITabBarController alloc] init];
    [tabBarController addChildViewController:navigationController];
    [viewController release];

    [window setRootViewController:tabBarController];
//    [window setRootViewController:navigationController]
    [navigationController release];

    [window makeKeyAndVisible];

    return YES;
}

Hi folks,

Please find the issue in the below image (the screenshot is taken from your latest example app):

I'm still trying to locate the wrong calculation but since you're more familiar with it i guess it will take less for you to fix it.

Thank you for your effort,

Ziv

I want user to select only from menu. Only selection from menu should be tokenized. Any other string should be removed if he ends editing.

If there are many tokens in the token filed, it can be scrolled. The token field will scroll to the last token position whenever one of the token is touched. How could i forbid this? As the touched token could be scrolled out of the view, it is not that user friendly.

Line 896 in TITokenField.m
UILineBreakMode const kLineBreakMode = UILineBreakModeTailTruncation;

Steps

1. Add a token
2. Select that token
   3 Tap beside (right side) the selected token so as to add a new token

Issue : Cannot type to create a new token

• (void)tokenField:(TITokenField *)tokenField didRemoveToken:(TIToken *)token

suggest to support ARC

This issue does not occur on iOS 6.

Caret position is not correct when use TITokenField separately (editing mode).

Use TITokenField separately, the caret position is not correct when editing, it even does NOT match the baseline of placeholder label. After lines of TIToken, the caret may be out of TITokenField frame.

How to create token with plain background color instead of gradient tint color?

Please provide an example to use TITokenField only instead of TITokenFieldView, since TITokenFieldView may not satisfy many UI customization.

Thanks

Token is drawn with jaggies on non-retina display devices.

At the moment, the only way to take control over what characters are allowed in the UITextField is with the delegate method.
There's nothing public we can use in the subclass.

Anyone know of anything?

Question on SO: http://stackoverflow.com/questions/9862224/textfieldshouldchangecharactersinrangereplacementstring-in-subclass

The place holder for the tokenfield view is off by three pixels as seen in the example project.

In line 808 of TITokenField.m replace this:

label = [[UILabel alloc] initWithFrame:CGRectMake(_tokenCaret.x, _tokenCaret.y + 2, self.rightView.bounds.size.width, self.rightView.bounds.size.height)];

with this:

label = [[UILabel alloc] initWithFrame:CGRectMake(_tokenCaret.x + 3, _tokenCaret.y + 2, self.rightView.bounds.size.width, self.rightView.bounds.size.height)];

This:

vs This:

After entering a bunch of tokens into the field, tapping the delete key (virtual keyboard) three times sends a delete loop to the field, deleting every token, until another key is tapped, overriding this delete loop.

Still looking into the cause - created an issue for historical reference :)

Thanks to Mr Artichaut for finding this problem.

I'm trying to prevent user from adding duplicated token, and trying to limit maximum token counts.

So I try to do some checking like this:

- (BOOL)tokenField:(TITokenField *)tokenField willAddToken:(TIToken *)token {
  NSArray *titles = tokenField.tokenTitles;
  for (NSString *title in titles) {
    if ([title isEqualToString:token.title]) {
      // Prompt: duplicate!
      return NO;
    }
  }
  return (titles.count < kICDMaxNumberOfTags);
}

I'll prompt user that he is trying to add duplicated token.

But I found that this method gets called while tokenField begins editing and ends editing, which makes the prompt shows up if tokenField isn't empty.

I'm curious why addToken gets called when tokenField begins/ends editing.
Any idea?

To produce this, basically just keep adding contact until it reaches 5 lines of contacts and we cannot add more contacts.

Hi,
this is a small enhancement request. Add a helper method for adding tokens with objects. Currently, only the method which also specifies the Font is exposed but a caller might not want to specify the font all the time

#pragma mark Token Handling

- (TIToken *)addTokenWithTitle:(NSString *)title respresentedObject:(id)object {

    if (title.length){
        TIToken * token = [[TIToken alloc] initWithTitle:title representedObject:object font:self.font];
        [self addToken:token];
        //[token release];
        return [token autorelease];
    }

    return nil;
}

To reproduce:

• start app
• type "a"
• select the first entry
• type "a" again
• select the first entry (you're now in the second line)
• start typing a name, e.g. "arlean"

Result: after every letter the top view that contains the tokens scrolls up or down - showing either 1 line or 2 lines on screen.

It's possible that the answer from here http://stackoverflow.com/questions/4585718 (with adding an extra UIScrollView) would help, but I didn't have enough time to implement this.

It would be nice if TITokenField supported the inherited placeholder property.

Hi,
When I run the example on a iOS 6 (compiled for iOS 5.1), the search result table does not disappear when I select an entry

cheers ;)

Not sure if this is a bug or an error on my part but with my pods installation, and a complete copy of your example app, the contact selection popover or table view doesn't disappear when a contact is selected.
The example app works perfectly, it's just the pod installation.

I can provide all my code, but it is just a copy and paste of your example code downloaded from this repository.