DEInfiniteTileMarqueeView

https://github.com/dreamengine/DEInfiniteTileMarqueeView

What It Does

DEInfiniteTileMarqueeView is a self-contained widget that takes an image, tiles it horizontally or vertically, and makes the tiles scroll forever. Great for futuristic UI effects (or a marquee screensaver). Both IB and programmatic friendly.

(The framerate is slow in the gif: the actual widget will render smoothly.)

How It Works

First, make sure that your marquee view’s width (or height, if the animation is vertical) is an integer multiple of the tileImage width(height), otherwise there will be visual looping issues. Also, the marquee view’s height(width, if animation is vertical) should match the image’s height(width).

Then, specify a direction (left-to-right, right-to-left, top-to-bottom, or bottom-to-top), an image to tile, and how long it takes for a tile to scroll across its width, and you’re done.

Example

-(void)viewDidLoad {
    // width is 5x image width, height is the same as image height
    self.marqueeView = [[DEInfiniteTileMarqueeView alloc] initWithFrame:CGRectMake(0.f,0.f,100.f,20.f)];    

    self.marqueeView.direction = DEInfiniteTileMarqueeViewDirectionRightToLeft;

    // this will load an image where width = height = 20pt
    UIImage *marqueeImage = [UIImage imageNamed:@"..."];

    self.marqueeView.tileImage = marqueeImage;

    self.marqueeView.tileDuration = 0.5;
}

Latest podspec

{
    "name": "DEInfiniteTileMarqueeView",
    "version": "0.0.2",
    "homepage": "https://github.com/dreamengine/DEInfiniteTileMarqueeView",
    "authors": {
        "Dream Engine Interactive, Inc.": "[email protected]"
    },
    "social_media_url": "https://twitter.com/dreamengine",
    "summary": "Scroll a tiled image forever and ever.",
    "description": "DEInfiniteTileMarqueeView is a self-contained widget that takes an image, tiles it horizontally or vertically, and makes the tiles scroll forever. Great for futuristic UI effects (or a marquee screensaver). Both IB and programmatic friendly.",
    "platforms": {
        "ios": "6.0"
    },
    "requires_arc": true,
    "frameworks": [
        "Foundation",
        "UIKit"
    ],
    "source": {
        "git": "https://github.com/dreamengine/DEInfiniteTileMarqueeView.git",
        "tag": "0.0.2"
    },
    "source_files": "src/*.{h,m}",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    }
}

Mon, 29 Feb 2016 02:27:02 +0000