码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-06 09:29:00      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:

本文主要介绍 【当UILabel的内容超出其自身的宽度范围后,进行互动展示的效果】,我们先来看一下Demo的效果图。

 

技术分享

 

实际实现起来并不十分繁杂,在这里,为了开发的效率,我们使用了一个已经封装好的UILabel控制类CBAutoScrollLabel:点击“阅读原文”下载。

 

在写代码之前,我们还有一个准备工作,在stroyBoard中,找到需要实现效果的viewController,并向需要展示滚动效果label的地方拖一个UIView空间,并将其大小确定好(范围和之前需要展示滚动效果的label相同),之后将这个UIView的Class填写为CBAutoScrollLabel,如下图:


技术分享

如果是纯代码写的界面,同理操作即可。

 

下面是主要的代码示例:


在需要实现效果的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];

 

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

 

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

标签:

原文地址:http://www.cnblogs.com/fengmin/p/5464390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!