All Projects → pujiaxin33 → Jxmarqueeview

pujiaxin33 / Jxmarqueeview

Licence: mit
A powerful and easy to use marquee view.

Programming Languages

swift
15916 projects

Labels

Projects that are alternatives of or similar to Jxmarqueeview

React Marquee Slider
The marquee slider of your deepest dreams. Only for React.js ⛺
Stars: ✭ 73 (-77.47%)
Mutual labels:  marquee
marquee-ora
A tool to create an ora compatible spinner object that behaves like a scrolling marquee
Stars: ✭ 73 (-77.47%)
Mutual labels:  marquee
AutoScrollTextView
android 上下滚动播放与走马灯效果结合
Stars: ✭ 27 (-91.67%)
Mutual labels:  marquee
Marqueeviewlibrary
一个帮您快速实现跑马灯效果的library
Stars: ✭ 2,249 (+594.14%)
Mutual labels:  marquee
RollingNotice-Swift
滚动公告、广告,支持灵活自定义cell。淘宝、口碑、京东、美团、天猫等等一切滚动广告 Roll Notice or Advertising, customize cell as UITableViewCell supported, Swift version is also ready
Stars: ✭ 109 (-66.36%)
Mutual labels:  marquee
alokmenghrajani.github.com
Alok Menghrajani's Blog
Stars: ✭ 64 (-80.25%)
Mutual labels:  marquee
Jquery.marquee
jQuery plugin to scroll the text like the old traditional marquee
Stars: ✭ 857 (+164.51%)
Mutual labels:  marquee
react-native-lahk-marquee-label
A react-native marquee label component.
Stars: ✭ 49 (-84.88%)
Mutual labels:  marquee
react-marquee
react无缝滚动组件
Stars: ✭ 27 (-91.67%)
Mutual labels:  marquee
marquee widget
A Flutter widget that scrolls text widget and other widget
Stars: ✭ 21 (-93.52%)
Mutual labels:  marquee
React Native Text Ticker
React Native Text Ticker/Marquee Component
Stars: ✭ 212 (-34.57%)
Mutual labels:  marquee
Marquee
A powerful implementation of Marquee(scrolling text or label) in SwiftUI, which supports any content view, including text(label), image, video, etc.
Stars: ✭ 44 (-86.42%)
Mutual labels:  marquee
dynamic-marquee
A small library for creating marquees.
Stars: ✭ 64 (-80.25%)
Mutual labels:  marquee
Vue Marquee Tips
基于Vue的横向跑马灯提示
Stars: ✭ 73 (-77.47%)
Mutual labels:  marquee
react-native-marquee
React Native Marquee Text Component
Stars: ✭ 101 (-68.83%)
Mutual labels:  marquee
Skautoscrolllabel
Automatically scrolling UILabel with both horizontal/vertical MARQUEE effects and gradient gradients on the edges. Gradient fading is used on the edge of the scroll to solve the problem of the hard edges of the rolling edge. The overall effect is a natural and easy to use.
Stars: ✭ 64 (-80.25%)
Mutual labels:  marquee
vue-text-marquee
A Vue component to Marquee. Just used CSS3 animation.
Stars: ✭ 24 (-92.59%)
Mutual labels:  marquee
Uumarqueeview
[iOS]Customizable marquee view. #Marquee,MarqueeView,跑马灯,滚屏,上翻,左滑,多行,自定义
Stars: ✭ 295 (-8.95%)
Mutual labels:  marquee
flutter vertical marquee
flutter vertical marquee
Stars: ✭ 15 (-95.37%)
Mutual labels:  marquee
react-easy-marquee
A highly customisable `marquee` package for React built using CSS. Renders anything given between the tags, be it an image, text or a custom JSX element!
Stars: ✭ 25 (-92.28%)
Mutual labels:  marquee

JXMarqueeView

languages platform cocoapods

A powerful and easy to use marquee view.

中文博客介绍

Features

  • Automatically start marquee. (When the content beyond size, marquee start automatically.)
  • Support UIView an its subclasses. (More than just UILabel, you can customize the view to turn on the marquee effect.)

Preview

JXMarqueeType.left:From right to left

left.gif

JXMarqueeType.right:From left to right

right.gif

JXMarqueeType.reverse:reverse

reverse.gif

Requirements

  • XCode 9.0+
  • Swift 5.0+ (greater or equal 0.0.8 version)

Installation

  1. Manually
    • Download source code, drag JXMarqueeView.swift file into your project.
  2. Cocoapods
use_frameworks!
target '<Your Target Name>' do
    pod 'JXMarqueeView'
end

Usage

  • contentMargin

The interval between two views,default is 12.

  • frameInterval

Assiagned to CADisplayLink frameInterval property,default is 1.

  • pointsPerFrame

How many points each time for callback of CADisplayLink.The bigger the faster.

  • contentView

The view your need to marquee.

  • SizeToFit

When you customize complex content view, you need override func sizeThatFits(_ size: CGSize) -> CGSize,and return you correct content size.

Use case

//text
let label = UILabel()
label.textColor = UIColor.red
label.font = UIFont.systemFont(ofSize: 30, weight: .medium)
label.text = "abcdefghijklmnopqrstuvwxyz"

marqueeView.contentView = label
marqueeView.contentMargin = 50
marqueeView.marqueeType = .left
self.view.addSubview(marqueeView)

//picture
let imageView = UIImageView(image: UIImage(named: "haizeiwang.jpeg"))
imageView.contentMode = .scaleAspectFill

marqueeView.contentView = imageView
marqueeView.marqueeType = .reverse
self.view.addSubview(marqueeView)

Customize

The default implementation of contentView's copy using code:

let archivedData = NSKeyedArchiver.archivedData(withRootObject: self)
let copyView = NSKeyedUnarchiver.unarchiveObject(with: archivedData) as! UIView

But if the view has cornerRadius、shadow, the copyView will lose it. So you should implement protocol JXMarqueeViewCopyable function func copyMarqueeView() -> UIView. Just return a new instance UIView. Just checkout CustomCopyView.swift in example.

Picture case preview

picture.gif

Custom case preview

poetry.gif

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].