Git Product home page Git Product logo

eytagview's Introduction

EYTagView


EYTagView is a custome view simulate iOS Evernote's tag editing view.

####EYTagView is included in a more powerful project EYPopupView


###What can EYTagView do ???

  1. Show unlimited number of tags in EYTagView with bricks layout

scrollable.gif

  1. Can add and delete tag free

  2. Can disable editing tags if you want

scrollable.gif

  1. You can donfig almost all color and font as yo want
_tagView.colorTag=COLORRGB(0xffffff);
_tagView.colorTagBg=COLORRGB(0x2ab44e);
_tagView.colorInput=COLORRGB(0x2ab44e);
_tagView.colorInputBg=COLORRGB(0xffffff);
_tagView.colorInputPlaceholder=COLORRGB(0x2ab44e);
_tagView.backgroundColor=COLORRGB(0xffffff);
_tagView.colorInputBoard=COLORRGB(0x2ab44e);
_tagView.viewMaxHeight=130;

how to use EYTagView

   EYTagView* _tagView=[[EYTagView alloc]initWithFrame:CGRectMake(10, 10, 200, 200)];
   [self.view addSubview:_tagView];
    _tagView.delegate=self;
    [_tagView addTags:@[
                        @"111",
                        @"222",
                        @"犬瘟热",
                        @"惹我欠人情无人区污染污染",
                        @"3而是",
                        @"是",
                        ]];

in EYTagViewDelegate ,the method heightDidChangedTagView:(EYTagView *) wil be called when the EYTagView's height is changed, so you can update the layout.


If you are using autolayout, you dan do the following:

  1. layout you view in the xib or storyboard as normal.

  2. set the height and width of EYTagView to a constant value, but set the priority to <=249 ,which less that Content Hugging priority 250

Then the _vContainer's frame will change with _tagView.


If you don't know how to use EYTagView well, you can check the example project or create an issue

-- ###EYTagView not support TableViewCell, use Header/Footer or ScrollView instead

eytagview's People

Contributors

ygweric avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.