weijentu/automatic-height-tagcells

This is a sample project to implement features with dynamic height of UITableViewCell based on autolayout, tags aligned automatically and clickable tags.

Automatic-height-tagcells

The practice project meets some criteria:

• Dynamic height of UITableViewCell based on autolayout
• Tags have to be aligned automatically
• Tags have to be clickalbe

Usage

Construct your own data source in the class TagGroups

• ObjC

    /* An initialization sample of AHTag with Objective-C */
    AHTag *tag = [AHTag new];
    tag.category = @"Genre";
    tag.title = @"Classic";
    tag.color = [UIColor colorWithRed:1 green:0.56 blue:0.56 alpha:1];
    tag.url = [NSURL URLWithString:@"http://www.coldyam.com"];
    tag.enabled = @YES;

• Swift

    /* An initialization sample of AHTag with Swift 3.0 */
    let tag = AHTag(category: "Genre", 
                       title: "Classical", 
                       color: UIColor(red: 0.626, green: 0.56, blue: 1, alpha: 1), 
                         URL: NSURL(string: "http://itunes.com"), 
                     enabled: true)

automatic-height-tagcells's Issues

怎么适配ios8系统 cell上的约束在系统8上显示不出来，如何解决？

changing the json file with array / nsdictionary as datasource

hi,, can we change the data source from json file, to nsdictionary or array?

me and my friend on a combine project (objc-swift), and him as a swift developer using this library but having a difficulty of getting data to tags label using nsdictionary or array, and he change it to sqllite, but the issue become bigger.. currently i already convert the code in swift to get the selected data to nsarray, but i still struggling for setup the setTags file.

if self.fundArr.count != 0 { print(self.fundArr.count) var arrSourceFound = self.fundArr for element in arrSourceFound { print(element) } // for index in 0...self.fundArr.count - 1 { // let sourcefund:SqlLite_SourceFund = self.fundArr.object(at: index) as! SqlLite_SourceFund //// print("data source fund " + sourcefund) //// for (myKey,myValue) in sourcefund { //// print("\(myKey) \t \(myValue)") //// } // arrSourceFound.append(sourcefund) // } cell.label.setTags(arrSourceFound as! [AHTag])

this is what im struggling for, to settags my array as ahtag, its quite hard for me since i am an objective c developer, and this code need to be done using swift (his partt)
the one in commented is what my partner doing,, he changed it to sqllite, but its become a bigger issue, thats why i want to convert it to nsdictionary / nsarray as a datasource

hope anyone here can help me to solve this issue..
regards,
Eka

Cocoapod support?

Thanks, good component!

accessing datasource using simple array

hi, so sorry for my previous opened issue,

at the moment im using your code and try to bypass your data source from json file and do this

`
private func configureCell(_ object: AnyObject, atIndexPath indexPath: IndexPath) {
if object.isKind(of: AHTagTableViewCell.classForCoder()) == false {
abort()
}
let cell = object as! AHTagTableViewCell

    var dataFundArr = NSMutableArray()
    var dataDictionary = [
        "url":"0.25",
        "color":"0xFF8F8F",
        "enabled":"true",
        "category":"data category",
        "title":"aadsa"
    ]
    
    print("data dict")
    for (myKey,myValue) in dataDictionary {
        print("\(myKey) \t \(myValue)")
    }
    dataFundArr.add(dataDictionary)
    
    let tags = dataFundArr
    
    cell.label.setTags(tags as! [AHTag])
}

`

but the compiler is reject it saying

Could not cast value of type 'Swift._SwiftDeferredNSDictionary<Swift.String, Swift.String>' (0x10102b518) to 'AutomaticHeightTagTableViewCell.AHTag' (0x100938468).
2018-05-09 13:55:03.900266+0700 AutomaticHeightTagTableViewCell[15205:3410518] Could not cast value of type 'Swift._SwiftDeferredNSDictionary<Swift.String, Swift.String>' (0x10102b518) to 'AutomaticHeightTagTableViewCell.AHTag' (0x100938468).

the issue is still the same, i want to use my own set of array to generate data instead of json file

The iOS11 Label is not centered

The iOS11 Label is not centered！

Tags in the single row example (Pinterest) are not centered

Allen, this is very cool. Very nicely implemented. 👍🏻

I have one comment though: in the example you provide (see your screenshot for reference), the Pinterest row is misaligned: the tags are not centered in the cell. However, for multi-line rows, it looks fine.

UItableview scrolling not smooth

Hi,

You done a grade work but i m facing small issue when i increase records with around 25 tags Tableview scrolling not smooth and some jerky.

Thanks

Horizontal scrolling for Tableview Cell

Hello @weijentu

Actually, I want a scrollable horizontal cell so that if there is more tag than the height of cell, then it will display you in the next paging screen. So what will be changes require in this current project?

Thanks in a advance!

P.S: I have successfully converted this Obj C code to Swift already. And it's working fine. Thanks!

Gives wrong index if less tags

If I have 3 or 4 tags and I tap on first tag I'm getting index = 3.

This is my view hierarchy View->ScrollView->StackView->View->AHTagsLabel

Use json for data

Very good looking project, I figuring out how to use Firebase data or json to populate the tableview / tags, can you give me some direction where and maybe how?

Extra separator line for iPhone 6 Plus size device

There are some strange separator lines are getting added for 6 plus 7 plus devices only.
I have just run the demo code and its happening.

Swift code

Is there Swift sample code available for this project?

Thanks in advance! :)

The tag is chopped if it's wider than the width of the display

If you have a long enough string, the tag's right side will be chopped off. Consider filling the tag as much as the display's width and add an API to allow to set the ellipsis (using NSLineBreakMode). Something like:

 /* An initialization sample of AHTag with Objective-C */
AHTag *tag = [AHTag new];
tag.category = @"Genre";
tag.title = @"This is a really, really long string that probably won't fit in the tag";
tag.color = [UIColor colorWithRed:1 green:0.56 blue:0.56 alpha:1];
tag.url = [NSURL URLWithString:@"http://www.coldyam.com"];
tag.enabled = @YES;
tag.lineBreakMode = NSLineBreakByTruncatingMiddle;

That would make the tag look great. Thank you!