Spotlight alternatives and similar packages
Based on the "Animations" category.
Alternatively, view Spotlight alternatives based on common mentions on social networks and blogs.
-
Lottie for Android, iOS, and React Native
Render After Effects animations natively on Android and iOS -
UltimateAndroidReference
🚀 Ultimate Android Reference - Your Road to Become a Better Android Developer -
ListViewAnimations
An Android library which allows developers to easily add animations to ListView items -
NineOldAndroids
Android library for using the Honeycomb animation API on all versions of the platform back to 1.0! -
android-flip
A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android -
RecyclerViewItemAnimators
This repo provides simple animators for the item views in the RecyclerView This code is cloned from DefaultItemAnimator provided by Google customizing the animations. -
ChatKit for Android
Flexible components for chat UI implementation with flexible possibilities for styling, customizing and data management -
PhotoEditor
A Photo Editor library with simple, easy support for image editing using paints,text,emoji and Sticker like stories. -
ViewPagerTransforms
Library containing common animations needed for transforming ViewPager scrolling for Android v13+. -
android-ripple-background
A beautiful ripple animation for your app -
FabulousFilter
Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa -
BaseAnimation
BaseAnimation network Android animation set, custom controls, nearly 200 kinds of source code! BaseAnimation, if a new version is updated automatically to remind everyone, I hope everyone will contribute their animated XML files or other source, together to create this open source app! -
EasyAndroidAnimations
Easy Android Animations is an animation library that aims to make android animations easier, with 50+ builtin animations, it allows you to introduce many complex animation effects in your application with one or two lines of code. -
PreLollipopTransition
Simple tool which help you to implement activity transition for pre-Lollipop devices. -
Stfalcon ImageViewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures -
TransitionPlayer
Android library to control Transition animates. A simple way to create a interactive animation. -
EasyFlipView
A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. -
Road Runner
Road Runner is a library for android which allow you to make your own loading animation using a SVG image -
WhatTodo
A Simple Todo app design in flutter to keep track of your task on daily basis.You can add project,labels and due-date to your task also you can sort your task on the basis of project, label and dates -
AppIntroAnimation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations. -
Youtube UI/UX Animation
With MVVM Architecture pattern using Android Architecture Components This is a sample app demonstrating Youtube player animation using constraint layout -
Dachshund Tab Layout
Extended Android tab layout with animated indicators that have continuous feedback. -
TextFieldBoxes
New Material Design text field that comes in a box, based on Google Material Design guidelines.
Get performance insights in less than 4 minutes.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Spotlight or a related project?
README
Spotlight
Gradle
dependencies {
implementation 'com.github.takusemba:spotlight:x.x.x'
}
Usage
val spotlight = Spotlight.Builder(this)
.setTargets(firstTarget, secondTarget, thirdTarget ...)
.setBackgroundColor(R.color.spotlightBackground)
.setDuration(1000L)
.setAnimation(DecelerateInterpolator(2f))
.setContainer(viewGroup)
.setOnSpotlightListener(object : OnSpotlightListener {
override fun onStarted() {
Toast.makeText([email protected], "spotlight is started", Toast.LENGTH_SHORT).show()
}
override fun onEnded() {
Toast.makeText([email protected], "spotlight is ended", Toast.LENGTH_SHORT).show()
}
})
.build()
If you want to show Spotlight immediately, you have to wait until views are laid out.
// with core-ktx method.
view.doOnPreDraw { Spotlight.Builder(this)...start() }
Target
Create a Target to add Spotlight.
Target is a spot to be casted by Spotlight. You can add multiple targets to Spotlight.
val target = Target.Builder()
.setAnchor(100f, 100f)
.setShape(Circle(100f))
.setEffect(RippleEffect(100f, 200f, argb(30, 124, 255, 90)))
.setOverlay(layout)
.setOnTargetListener(object : OnTargetListener {
override fun onStarted() {
makeText([email protected], "first target is started", LENGTH_SHORT).show()
}
override fun onEnded() {
makeText([email protected], "first target is ended", LENGTH_SHORT).show()
}
})
.build()
Start/Finish Spotlight
val spotlight = Spotlight.Builder(this)...start()
spotlight.finish()
Next/Previous/Show Target
val spotlight = Spotlight.Builder(this)...start()
spotlight.next()
spotlight.previous()
spotlight.show(2)
Custom Shape
Shape
defines how your target will look like.
Circle and RoundedRectangle shapes are already implemented, but if you want your custom shape, it's arhivable by implementing Shape
interface.
class CustomShape(
override val duration: Long,
override val interpolator: TimeInterpolator
) : Shape {
override fun draw(canvas: Canvas, point: PointF, value: Float, paint: Paint) {
// draw your shape here.
}
}
Custom Effect
Effect
allows you to decorates your target.
RippleEffect and FlickerEffect shapes are already implemented, but if you want your custom effect, it's arhivable by implementing Effect
interface.
class CustomEffect(
override val duration: Long,
override val interpolator: TimeInterpolator,
override val repeatMode: Int
) : Effect {
override fun draw(canvas: Canvas, point: PointF, value: Float, paint: Paint) {
// draw your effect here.
}
}
Sample
Clone this repo and check out the app module.
Author
- Taku Semba
- Github - (https://github.com/takusemba)
- Twitter - (https://twitter.com/takusemba)
- Facebook - (https://www.facebook.com/takusemba)
Licence
Copyright 2017 Taku Semba.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*Note that all licence references and agreements mentioned in the Spotlight README section above
are relevant to that project's source code only.