Highly customizable iOS tags view [input, edit, dynamic, tag, token, field, NSTokenField]

Related tags

Tag RKTagsView
Overview

RKTagsView

Highly customizable iOS tags view (like NSTokenField). Supports horizontal and vertical direction, editing, multiple selection, Auto Layout and much more.

sample gif

Note: You can use tagsView tintColor for changing tags color.

Demo

Click here for Live Preview.

Usage

To run the example project, clone the repo, and run pod install from the Example directory first.

Installation

RKTagsView is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "RKTagsView"

Author

Roman Kulesha, [email protected]

License

RKTagsView is available under the MIT license. See the LICENSE file for more info.

Comments
  • RKTagsView in TableViewController with Auto Layout

    RKTagsView in TableViewController with Auto Layout

    Hi Roman,

    Have you tried to use RKTagsView in TableViewController with Auto Layout? Unfortunately, it doesn't work as expected in my project. May be I've missed something:

    - (void)viewDidLoad
    {
        ...
        self.tableView.rowHeight = UITableViewAutomaticDimension;
        self.tableView.estimatedRowHeight = 44.0;
        ...
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        ...
        cell.tagsViewHeightConstraint.priority = 1;
        [cell.tags addTag:@"tag"];
        [cell layoutIfNeeded];
        ...
    }
    
    opened by vmish 3
  • emojis cutting

    emojis cutting

    screen shot 2017-08-02 at 14 19 12

    Hello! I tried a lot of things, but maybe you can give me a clue how to fix it. I stopped here:

    `

    func tagsView(_ tagsView: RKTagsView, buttonForTagAt index: Int) -> UIButton {

        let tagButton = UIButton()
        tagButton.isSelected = false
        tagButton.isUserInteractionEnabled = false
        tagButton.titleLabel?.font = UIFont(name: "Circe-Regular", size: 12)
        tagButton.tintColor = UIColor.black.withAlphaComponent(0.25)
        tagButton.titleLabel?.lineBreakMode = .byTruncatingTail
        tagButton.setTitle(tagsView.tags[index], for: .normal)
        tagButton.titleLabel?.textColor = UIColor.white.withAlphaComponent(0.8)
        tagButton.backgroundColor = UIColor.black.withAlphaComponent(0.25)
        tagButton.setTitleColor(UIColor.white.withAlphaComponent(0.8), for: .normal)
        tagButton.sizeToFit()
        tagButton.contentEdgeInsets = UIEdgeInsetsMake(2, 6, 2, 6)
        tagButton.titleEdgeInsets = UIEdgeInsetsMake(2, 2, 2, 2)
        tagButton.clipsToBounds = false
        tagButton.titleLabel?.clipsToBounds = false
        tagButton.isExclusiveTouch = false
        tagButton.frame.size.height = 24
        tagButton.layer.cornerRadius = 8
        return tagButton
    }
    

    `

    opened by Luccifer 2
  • How to combine with autocomplete?

    How to combine with autocomplete?

    I want to searchable on textfield of RKTagsView to show list suggestion, after selecting a item from list, the item will add to RKTagsView. How to implement above scenario? Thanks for advance help.

    opened by buiminhhuy 2
  • When chinese pinyins were input,the tags were not splited correctly

    When chinese pinyins were input,the tags were not splited correctly

    When i input chinese "你好", the inputTextField receive text "ni ham", then i will get two tags "ni" "ham" instead of "你好". If i input a lot of char, i will get tons of tags.

    opened by zihuyishi 1
  • Update tagsViewHeight Constraint inside uitableviewcell

    Update tagsViewHeight Constraint inside uitableviewcell

    Hi Roman, How to update tagsViewHeight.constant if tagsView inside contentview of UITableViewCell? I've tried update tagsViewHeight.constant in tagsViewContentSizeDidChange function, but still not working.

    Thanks

    opened by alhazme 1
  • How tag only specific words in textfield

    How tag only specific words in textfield

    Hi, I'm new at iOS programming. I install your cool library. And I have a question about tag only specific words in textfield. I have user tags in my app. And I need tag only user tags word when i typing post. Is it possible?

    opened by Daewooox 0
  • iOS 10 & Xcode 8 Compatibility

    iOS 10 & Xcode 8 Compatibility

    Is there anyone beside me having issues on Xcode 8 (ios9 or ios10)? I have placed RKTagsView inside of tableView cells and it was working like charm before ios10 and Xcode 8. After updating to Xcode 8, when i tap RKTagsView nothing happens.

    I tried it with Xcode 8 simulator on ios 9 ios 10 and on real device(ios 10) but it doesn't respond. Sometimes it works after i tap other textfields than tap it but it never responds if i first tap it. I have checked if it is in subviews of cells and yes it is.

    Does anyone have any suggestions?

    opened by yasinbor 0
Releases(1.1.0)
Owner
Roman Kulesha
Roman Kulesha
Simple and highly customizable iOS tag list view, in Swift.

TagListView Simple and highly customizable iOS tag list view, in Swift. Supports Storyboard, Auto Layout, and @IBDesignable. Usage The most convenient

Ela Workshop 2.5k Dec 31, 2022
UIScrollView subclass that allows to add a list of highly customizable tags.

UIScrollView subclass that allows to add a list of highly customizable tags. You can customize colors, border radius, and the tail of the tag. Tags ca

Andrea Mazzini 765 Nov 19, 2022
An iOS text field that represents tags, hashtags, tokens in general.

WSTagsField An iOS text field that represents tags, hashtags, tokens in general. Usage let tagsField = WSTagsField() tagsField.layoutMargins = UIEdgeI

Whitesmith 1.2k Jan 9, 2023
Swift plugin which allow add mask to input field

AKMaskField AKMaskField is UITextField subclass which allows enter data in the fixed quantity and in the certain format (credit cards, telephone numbe

Artem Krachulov 347 Jul 19, 2022
Useful for showing text or custom view tags in a vertical or horizontal scrollable view and support Autolayout at the same time

Useful for showing text or custom view tags in a vertical or horizontal scrollable view and support Autolayout at the same time. It is highly customizable that most features of the text tag can be configured.

zekunyan 1.8k Dec 30, 2022
TagsGridView: A simple view for your tags

TagsGridView: A simple view for your tags. Requirements Installation Contents License Support Credits Requirements iOS 14, macOS 10.15 Swift 5.5 Xcode

Alex 5 Nov 4, 2021
This pod provides a view controller for choosing and creating tags in the style of wordpress or tumblr.

PARTagPicker This pod provides a view controller for choosing and creating tags in the style of wordpress or tumblr. This tag picker was originally us

Paul Rolfe 370 Nov 17, 2022
Made in Swift - Tag layout for UICollectionView supporting 3 types of alignments - Left || Centre || Right

TagCellLayout About Its an ui-collection-view LAYOUT class that takes care of all the logic behind making tags like layout using UICollectionView. It

Ritesh Gupta 346 Jan 1, 2023
🔍 Awesome fully customize search view like Pinterest written in Swift 5.0 + Realm support!

YNSearch + Realm Support Updates See CHANGELOG for details Intoduction ?? Awesome search view, written in Swift 5.0, appears search view like Pinteres

Kyle Yi 1.2k Dec 17, 2022
Aplicación SwiftUI para visualizar datos de Github dados un usuario y un token (Github token), implementa autenticación biométrica mediante FaceID.

ios-app-swift-gitapp Aplicación SwiftUI para visualizar datos de Github dados un usuario y un token (Github token), implementa autenticación biométric

null 3 Aug 25, 2022
Simple and highly customizable iOS tag list view, in Swift.

TagListView Simple and highly customizable iOS tag list view, in Swift. Supports Storyboard, Auto Layout, and @IBDesignable. Usage The most convenient

Ela Workshop 2.5k Jan 5, 2023
Simple and highly customizable iOS tag list view, in Swift.

TagListView Simple and highly customizable iOS tag list view, in Swift. Supports Storyboard, Auto Layout, and @IBDesignable. Usage The most convenient

Ela Workshop 2.5k Dec 28, 2022
Simple and highly customizable iOS tag list view, in Swift.

TagListView Simple and highly customizable iOS tag list view, in Swift. Supports Storyboard, Auto Layout, and @IBDesignable. Usage The most convenient

Ela Workshop 2.5k Dec 31, 2022
A token field implementation for iOS

ResizingTokenField A token field implementation written in Swift 5. Features Can be used in Interface Builder or created programmatically Uses a UICol

Tadej Razboršek 100 Sep 19, 2022
Easy-to-use token field that is used in the Venmo app.

VENTokenField VENTokenField is the recipients token field that is used in the Venmo compose screen. Installation The easiest way to get started is to

Venmo 797 Dec 6, 2022
UIScrollView subclass that allows to add a list of highly customizable tags.

UIScrollView subclass that allows to add a list of highly customizable tags. You can customize colors, border radius, and the tail of the tag. Tags ca

Andrea Mazzini 765 Nov 19, 2022
An iOS text field that represents tags, hashtags, tokens in general.

WSTagsField An iOS text field that represents tags, hashtags, tokens in general. Usage let tagsField = WSTagsField() tagsField.layoutMargins = UIEdgeI

Whitesmith 1.2k Dec 29, 2022
An iOS text field that represents tags, hashtags, tokens in general.

WSTagsField An iOS text field that represents tags, hashtags, tokens in general. Usage let tagsField = WSTagsField() tagsField.layoutMargins = UIEdgeI

Whitesmith 1.2k Jan 9, 2023
In-app notification in Swift, with customizable buttons and input text field.

Notie Undistracted in-app notification in Swift, with added buttons and input box. Installation CocoaPods To integrate Notie into your Xcode project u

Thi Doãn 85 Aug 8, 2020
TCDInputView is an open source custom input view which is displayed when a text field becomes the first responder.

TCDInputView for iOS TCDInputView is an open source custom input view which is displayed when a text field becomes the first responder. Requirements T

Tom Diggle 7 Apr 25, 2016