Comments (10)
may be i do not understand, aren't you talking about this ?
from circularreveal.
I tried to attach an image what the idea I have in mind (PS master skills)
Top left shows how the animation looks shortly after reveal start. B is the view that was on showing and A is the view being revealed (C is mask scale pivot center).
So with typical reveal you have a opacity mask like on bottom left (white is visible, black is hidden part). While bottom right shows the mask for inverted reveal (again white is the part being revealed, black is hidden a.k.a view underneath)
from circularreveal.
If i understand right, you mean to reveal parent (but, keep child visible, hm it's impossible for now)
Try this one and reveal FrameLayout
<io.codetail.widget.RevealFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout <!-- This layout will made inverting -->
android:id="@+id/inverted"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.CardView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/awesome_card"
style="@style/CardView"
app:cardBackgroundColor="@color/material_deep_teal_500"
app:cardElevation="2dp"
app:cardPreventCornerOverlap="false"
app:cardUseCompatPadding="true"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="8dp"
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_gravity="center_horizontal"
/>
</FrameLayout>
</io.codetail.widget.RevealFrameLayout>
from circularreveal.
Thanks. I can't run code atm, but will try it back home tonight.
Well if by "keep child visible" you're refering to the top right image, that is not necessarily the end of animation, B can be as small as 0dp.
The main difference between this and "reversed circular reveal" you referenced is that view A is being revieald from the sides to some (x, y) center instead of B being hidden. Here, A is on top of B and not the other way arround.
For example B view can be some previous activity while A is a new, transparent activity that is animated to "swallow" from the sides to some (x, y) the view behind it (view B).
from circularreveal.
I guess this means feature request was rejected?
from circularreveal.
oops, i thought problem was solved
from circularreveal.
Excuse my photoshop skills, but I tried to make an animation how it would work.
Note that it is not the first screen disapearing, but rather the second screen (email/password) appearing in an inverted fashion.
from circularreveal.
Finally got it, will do my best to implement this feature
from circularreveal.
Hi, well i added reverse feature, check it out in last version, i hope i understood well and did it right, if no please re-open issue
from circularreveal.
is there any way to close reveal animation with Drag(using gestures) like snap chat and wats app status
from circularreveal.
Related Issues (20)
- java.lang.NoSuchMethodError: android.view.View.invalidateOutline
- is there any way to close reveal animation with drag like snap chat and wats app status
- createCircularReveal makes square reveal on API16 HOT 4
- First time Animation not showup in cirlce HOT 1
- Change shape of Reveal
- Feedback CircularReveal BUG
- How Sliding scale Circle?
- spelling mistakes in README file
- Problem with the depricated ActionBarActivity...
- Failed to resolve: com.github.ozodrukh:CircularReveal:2.0.1
- 0.3.5、0.4.0 无法解析
- Dependency conflicts HOT 1
- Interpolators don't appear to have an effect HOT 1
- java.lang.IllegalArgumentException: Parent must be instance of RevealViewGroup
- where is animator.reverse()? HOT 1
- unable to solve SupportAnimator HOT 1
- 1.0.5 release seems non-existing in jitpack
- targetSDKVersion should be updated
- Crazy Noizy Logs that
- Could not resolve com.github.ozodrukh:CircularReveal:2.1.0. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from circularreveal.