Glass-break effect for views

Last update: Jan 6, 2023

Related tags

UI/UX BrokenView

Overview

BrokenView

Glass-break effect for views.

Demo

Download APK

Usage

Android Studio

dependencies {
   compile 'com.zys:brokenview:1.0.3'
}

Eclipse

Just put brokenview.jar into the libs folder of your app.

Basic Example

brokenView = BrokenView.add2Window(context);
listener = new BrokenTouchListener.Builder(brokenView).build();
view.setOnTouchListener(listener);

More Config

Use BrokenTouchListener.Builder for more configurations, and set custom attributes as shown below:

BrokenTouchListener.Builder(brokenView).

    setComplexity(...).          // default 12 
    
    setBreakDuration(...).       // in milliseconds, default 700ms
    
    setFallDuration(...).        // in milliseconds, default 2000ms
    
    setCircleRiftsRadius(...).   // in dp, default 66dp, you can disable circle-rifts effect by set it to 0
    
    setEnableArea(...).          // set the region or childview that can enable break effect,
                                 // be sure the childView or childView in region doesn't intercept any touch event
                                 
    setPaint(...).               // the paint to draw rifts
    
    build();

You can also set a callback to listen to the status of animations, like this:

brokenView.setCallback.(new BrokenCallback() {

   @Override
   public void onStart(View v) {...}
   
   @Override
   public void onCancel(View v) {...}
   
   @Override
   public void onCancelEnd(View v) {...}
   
   @Override
   public void onRestart(View v) {...}
   
   @Override
   public void onFalling(View v) {...}
   
   @Override
   public void onFallingEnd(View v) {...}
});

Compatibility

Support API LEVEL >= 14

Changelog

Version 1.0.0

First release

Version 1.0.1

Optimize animation effects
Set minSdkVersion to 14

Version 1.0.2

Added many annotations
Added new features: setCircleRiftsRadius, setEnableArea

Version 1.0.3

Fixed ANR caused by setCircleRiftsRadius(0)
Better annotations

License

BrokenView is available under the MIT license.

You might also like...

Squishy button effect with kotlin

Squishy Usage Add squishy() modifier on your composable element. Text( text = "Squishhhhyyyyy", modifier = Modifier .size(200.dp, 100.dp

43 Jul 9, 2022

JetCompose - Blur Effect in Android 12 with motion layout carousel

JetCompose Blur Effect in Android 12 with motion layout carousel

4 Jul 27, 2022

Android layout decorators : Injecting custom attributes in layout files, Using decorators to get rid of unnecessary class explosion with custom views

Decor Decor is a library that applies decorators to Android layout with additional attributes without the need to extend and create a custom View for

304 Nov 25, 2022

ScratchView 7.0 0.0 L4 Java repo is UX Design involving scratch cards like views which are scratched to reveal the information they conceal.

ScratchView Intro ScratchView repo is UX Design involving scratch cards like views which are scratched to reveal the information they conceal. There a

1.1k Dec 24, 2022

A small, easy to use android library for implementing flipping between views as seen in the popular Flipboard application

FlipView About This library is made to be very easy to use and at the same time be feature complete. With only a few lines of code you can have a flip

924 Nov 10, 2022

This is a library to help creating expanding views with animation in Android

About the Library inspiration This library is strongly inspired in this concept from Hila Peleg in dribble. See it below Working example For more deta

944 Dec 27, 2022

An Android library introducing a stack of Views with the first item being flippable.

FlippableStackView An Android library introducing a stack of Views with the first item being flippable. Views inside the stack remain the aspect ratio

812 Dec 7, 2022

💳 A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc.

The article on how this library was created is now published. You can read it on this link here. →. 💳 EasyFlipView Built with ❤︎ by Wajahat Karim and

1.3k Dec 14, 2022

ScratchView repo is UX Design involving scratch cards like views which are scratched to reveal the information they conceal.

ScratchView Intro ScratchView repo is UX Design involving scratch cards like views which are scratched to reveal the information they conceal. There a

1.1k Dec 24, 2022

Comments

请问下，如何让自动指定位置破碎
public void animationBroken(View mView){ BrokenConfig mBrokenConfig=new BrokenConfig(); mBrokenConfig.complexity=8; Point mPaint=new Point(parentLayout.getWidth()/2,parentLayout.getHeight()/2); BrokenAnimator mBrokenAnimator=mBrokenView.createAnimator(parentLayout,mPaint,mBrokenConfig); mBrokenAnimator.start();

}

有时候破碎不成功
opened by chongbo2013 4
BrokenView with ViewPager

I've implemented BrokenView with ViewPager, and it is only working for the first Tab (View) that references it in the ViewPager - any ideas why?

Many thanks

opened by plthatfunkymusic 0

Falling animation repeats

When glass gets breaked it apears once again and falls again :-X I am adding view with default listener


	RelativeLayout relative = (RelativeLayout) getLayoutInflater().inflate(R.layout.view_break_glass, null);

	ImageView imageView = (ImageView) relative.findViewById(R.id.glass);

	BrokenView brokenView = BrokenView.add2Window(this);

	BrokenTouchListener listener = new BrokenTouchListener.Builder(brokenView).build();

	imageView.setOnTouchListener(listener);

	return relative;

opened by YuckFo 5

Owner

we all have a bright future

GitHub

A Tinder-like Android library to create the swipe cards effect. You can swipe left or right to like or dislike the content.

Swipecards Travis master: A Tinder-like cards effect as of August 2014. You can swipe left or right to like or dislike the content. The library create

2.3k Dec 9, 2022

Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. The library is based on the code of Mario Klingemann.

Android StackBlur Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. Th

3.6k Dec 29, 2022