实现当UILable的内容超出其范围后自动滚动效果

有时候我们在使用UILabel时,可能会需要一些效果来提升用户的体验,下面主要介绍 当UILabel的内容超出其自身的宽度范围后,进行互动展示的效果。效果图如下:


在这里,为了开发的效率,我们使用了一个已经封装好的UILabel控制类CBAutoScrollLabel:点击下载”。

1、准备工作

在stroyBoard中,找到需要实现效果的viewController,并向需要展示滚动效果label的地方拖一个UIView空间,并将其大小确定好(范围和之前需要展示滚动效果的label相同),之后将这个UIView的Class填写为CBAutoScrollLabel(如果是纯代码写的界面,同理操作即可),如下图:


实现当UILable的内容超出其范围后自动滚动效果_第1张图片



2代码示例



在需要实现效果的controller中,将刚才拖好的UIView进行关联。


@property (weak, nonatomic) IBOutlet CBAutoScrollLabel *autoScrollLabel;


然后我们在viewDidLoad中


self.autoScrollLabel.text = @"测试label";
self.autoScrollLabel.layer.masksToBounds = YES;
self.autoScrollLabel.layer.cornerRadius = 4;
self.autoScrollLabel.textColor = kColorView;
self.autoScrollLabel.backgroundColor = [UIColor whiteColor];
self.autoScrollLabel.font = [UIFont systemFontOfSize:12];
// 开始和结束标签之间的距离
self.autoScrollLabel.labelSpacing = 30; 
// 一秒的停顿之后再开始滚动
self.autoScrollLabel.pauseInterval = 1.7; 
// 每秒像素
self.autoScrollLabel.scrollSpeed = 30; 
// 不使用自动滚动时的中心文本
self.autoScrollLabel.textAlignment = NSTextAlignmentCenter; 
self.autoScrollLabel.fadeLength = 12.f;
self.autoScrollLabel.scrollDirection = CBAutoScrollDirectionLeft;
[self.autoScrollLabel observeApplicationNotifications];

(demo效果图)

这样就基本完成了,如果有不同需求的效果可以自行进行调整。



你可能感兴趣的:(ios,UILabel,效果)