https://github.com/YouXianMing

[翻译] TLTagsControl

TLTagsControl

https://github.com/ali312/TLTagsControl#tltagscontrol

 

A nice and simple tags input control for iOS.

You are able to easily setup different colors for control elements and set different displaying modes

一个简单的便签控件.

你可以很容易的给便签设置不同的颜色或者是不同的显示样式.

 

Switching between displaying modes

在不同的样式中切换

You are able to switch between displyaing modes by setting the mode property

你可以用mode属性来设置便签的显示样式.

@property (nonatomic) TLTagsControlMode mode;

 

TLTagsControl has two displaying modes

TLTagsControl有两种显示样式

TLTagsControlModeEdit,

This mode allows user to input new tags and delete tags that are already presented.

In this mode control will look like below:

一种有取消"x"标志的样式,看起来效果如下:

TLTagsControlModeList,

This mode allows only listing of already presented tags

In this mode control will look like below:

一种是纯粹显示文本的效果,如下:

Setting different colors of control elements

You are able to change colors of different element by setting these prperties

你可以设置这个控件不同元素上面的颜色,比如字体颜色,背景色等

@property (nonatomic, strong) UIColor *tagsBackgroungColor;
@property (nonatomic, strong) UIColor *tagsTextColor;
@property (nonatomic, strong) UIColor *tagsDeleteButtonColor;

Applying changes

To apply your changes you should call the method below

如果要执行变化,请调用以下方法.

- (void)reloadTagSubviews;
Example:
//assuming tagControl will be set initialized from stroryboard
@interface ViewController ()

@property (nonatomic, strong) IBOutlet TLTagsControl *tagControl;

@end

....

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];

  UIColor *blueBackgroundColor = [UIColor colorWithRed:75.0/255.0 green:186.0/255.0 blue:251.0/255.0 alpha:1];
  UIColor *whiteTextColor = [UIColor whiteColor];

  self.tagControl.tagsBackgroungColor = blueBackgroundColor;
  self.tagControl.tagsDeleteButtonColor = whiteTextColor;
  self.tagControl.tagsTextColor = whiteTextColor;

  self.tagControl.mode = TLTagsControlModeList;

  [self.tagControl reloadTagSubviews];
}

@end

 

posted @ 2015-05-20 20:17  YouXianMing  阅读(323)  评论(0编辑  收藏  举报