跑马灯动画 UIimageView 模糊 [英] Marquee Animation UIimageView blur

问题描述

在我的应用程序中，图片采用 Marquee 效果 (HTML) .所以我使用 NSTimer 设置图像的 x 点，但它实现成功，但图像显示一些模糊.我如何去除这种模糊效果?

In my app images are in Marquee effect (HTML) . so i set the x point of image by using NSTimer but it implemented successfully but the image show some blur. how i remove this blur effect ?

int x=0;
ImgArray=[[NSMutableArray alloc] initWithObjects:[UIImage imageNamed:@"keyframe1.png"],[UIImage imageNamed:@"keyframe2.png"],[UIImage imageNamed:@"keyframe3.png"],[UIImage imageNamed:@"keyframe4.png"], [UIImage imageNamed:@"keyframe5.png"],nil];

imgView=[[UIImageView alloc]initWithFrame:CGRectMake(x, 0, 1024, 768)];`
imgView.image=[ImgArray objectAtIndex:0];
[self.view addSubview:imgView];
[NSTimer scheduledTimerWithTimeInterval:.08 target:self selector:@selector(showMarquee) userInfo:nil repeats:YES];

在 showMarquee 方法中改变 x 的值

in showMarquee method change the value of x

推荐答案

使用以下代码实现跑马灯效果.

Use the below code for marquee effect.

声明CAShapeLayer对象

CAShapeLayer *_marque;

使用以下方法:

-(void)setMarquee   {

    if (!_marque) {
        _marque = [CAShapeLayer layer] ;
        _marque.fillColor = [[UIColor clearColor] CGColor];
        _marque.strokeColor = [[UIColor grayColor] CGColor];
        _marque.lineWidth = 1.0f;
        _marque.lineJoin = kCALineJoinRound;
        _marque.lineDashPattern = [NSArray arrayWithObjects:[NSNumber numberWithInt:10],[NSNumber numberWithInt:5], nil];
        _marque.bounds = CGRectMake(self.imgView.frame.origin.x, self.imgView.frame.origin.y, 0, 0);
        _marque.position = CGPointMake(self.imgView.frame.origin.x + self.imgView.frame.origin.x, self.imgView.frame.origin.y + self.imgView.frame.origin.y);
    }
    [self.view.layer addSublayer:_marque];
}

-(void)showOverlayWithFrame:(CGRect)frame {

        if (![_marque actionForKey:@"linePhase"]) {
            CABasicAnimation *dashAnimation;
            dashAnimation = [CABasicAnimation animationWithKeyPath:@"lineDashPhase"];
            [dashAnimation setFromValue:[NSNumber numberWithFloat:0.0f]];
            [dashAnimation setToValue:[NSNumber numberWithFloat:15.0f]];
            [dashAnimation setDuration:0.5f];
            [dashAnimation setRepeatCount:HUGE_VALF];
            [_marque addAnimation:dashAnimation forKey:@"linePhase"];
        }

        _marque.bounds = CGRectMake(frame.origin.x, frame.origin.y, 0, 0);
        _marque.position = CGPointMake(frame.origin.x + self.imgView.frame.origin.x, frame.origin.y + self.imgView.frame.origin.y);

        CGMutablePathRef path = CGPathCreateMutable();
        CGPathAddRect(path, NULL, frame);
        [_marque setPath:path];
        CGPathRelease(path);

        _marque.hidden = NO;


}

现在调用方法

[self setMarquee];
[self showOverlayWithFrame:self.imgView.frame];

只需参考这个项目

https://www.cocoacontrols.com/controls/kaslideshow

这篇关于跑马灯动画 UIimageView 模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！