rahulrj/yahoonewsonboarding

Demo of the onboarding animations of Yahoo News App

YahooNewsOnboarding

Overview

This demo emulates the cool animations that be seen in the on-boarding screens of Yahoo News Digest App.Yahoo News Digest is a perfect example of some very good UI and the animations spread throughout the app further supplements this. Among those, i tried my hands on the on-boarding animtions which looked the coolest.

Demo

                                               

Here is the video for a more detailed and fine animation.

How are these animations made?

I wrote a blog about this about the process and techniques i followed to make these animations. Here is the post.

yahoonewsonboarding's Issues

ScreenSlideFragment must be a public static class to be properly recreated from instance state.

Hey, I came across a similar issue a while back and I resolved it by adding @SuppressLint("ValidFragment") before the ScreenSlideFragment class but now it came back.
I think it's happening when I am changing the compiled compileSdkVersion.
For what I gather from my research the problem is that it doesn't allow Android to create the same Fragment if the old one was deleted. Any help with how to proceed would be helpful.
Full stack trace below.

` Fatal Exception: java.lang.IllegalStateException: Fragment example.com.example.SignupTutorial.ScreenSlideFragment must be a public static class to be properly recreated from instance state.

at android.support.v4.app.BackStackRecord.doAddOp(BackStackRecord.java:384)
at android.support.v4.app.BackStackRecord.add(BackStackRecord.java:369)
at android.support.v4.app.FragmentStatePagerAdapter.instantiateItem(FragmentStatePagerAdapter.java:123)
at android.support.v4.view.ViewPager.addNewItem(ViewPager.java:1034)
at android.support.v4.view.ViewPager.populate(ViewPager.java:1182)
at android.support.v4.view.ViewPager.populate(ViewPager.java:1116)
at android.support.v4.view.ViewPager.onMeasure(ViewPager.java:1642)
at android.view.View.measure(View.java:18804)
at android.widget.RelativeLayout.measureChildHorizontal(RelativeLayout.java:715)
at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:461)
at android.view.View.measure(View.java:18804)
at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5954)
at android.widget.FrameLayout.onMeasure(FrameLayout.java:194)
at android.support.v7.widget.ContentFrameLayout.onMeasure(ContentFrameLayout.java:139)
at android.view.View.measure(View.java:18804)
at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5954)
at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1465)
at android.widget.LinearLayout.measureVertical(LinearLayout.java:748)
at android.widget.LinearLayout.onMeasure(LinearLayout.java:630)
at android.view.View.measure(View.java:18804)
at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5954)
at android.widget.FrameLayout.onMeasure(FrameLayout.java:194)
at android.view.View.measure(View.java:18804)
at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5954)
at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1465)
at android.widget.LinearLayout.measureVertical(LinearLayout.java:748)
at android.widget.LinearLayout.onMeasure(LinearLayout.java:630)
at android.view.View.measure(View.java:18804)
at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:5954)
at android.widget.FrameLayout.onMeasure(FrameLayout.java:194)
at com.android.internal.policy.PhoneWindow$DecorView.onMeasure(PhoneWindow.java:2643)
at android.view.View.measure(View.java:18804)
at android.view.ViewRootImpl.performMeasure(ViewRootImpl.java:2112)
at android.view.ViewRootImpl.measureHierarchy(ViewRootImpl.java:1228)
at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1464)
at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1119)
at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:6060)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:858)
at android.view.Choreographer.doCallbacks(Choreographer.java:670)
at android.view.Choreographer.doFrame(Choreographer.java:606)
at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:844)
at android.os.Handler.handleCallback(Handler.java:746)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:148)
at android.app.ActivityThread.main(ActivityThread.java:5443)
at java.lang.reflect.Method.invoke(Method.java)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:728)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:618)`

Readme link for the blog post not working

Link to the blog post for detailed explanation is not working. http://rahulrj.github.io/android/yahoo-animation/.

Can you please update the same.

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'float java.lang.Float.floatValue()' on a null object reference

Hey, I got some crashes from the same error on Fabric.
Full crash message:
Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'float java.lang.Float.floatValue()' on a null object reference at octappush.com.octappush.signup.SignupTutorial.setViewsInOriginalPosition(SignupTutorial.java:278) at octappush.com.octappush.signup.SignupTutorial.access$700(SignupTutorial.java:83) at octappush.com.octappush.signup.SignupTutorial$1.onPageSelected(SignupTutorial.java:229) at android.support.v4.view.ViewPager.dispatchOnPageSelected(ViewPager.java:1967) at android.support.v4.view.ViewPager.scrollToItem(ViewPager.java:685) at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:669) at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:630) at android.support.v4.view.ViewPager.setCurrentItem(ViewPager.java:622) at android.support.v4.view.ViewPager.pageLeft(ViewPager.java:2899) at android.support.v4.view.ViewPager.arrowScroll(ViewPager.java:2860) at android.support.v4.view.ViewPager.executeKeyEvent(ViewPager.java:2777) at android.support.v4.view.ViewPager.dispatchKeyEvent(ViewPager.java:2761) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1495) at com.android.internal.policy.impl.PhoneWindow$DecorView.superDispatchKeyEvent(PhoneWindow.java:2361) at com.android.internal.policy.impl.PhoneWindow.superDispatchKeyEvent(PhoneWindow.java:1709) at android.app.Activity.dispatchKeyEvent(Activity.java:2702) at android.support.v7.app.AppCompatActivity.dispatchKeyEvent(AppCompatActivity.java:547) at android.support.v7.view.WindowCallbackWrapper.dispatchKeyEvent(WindowCallbackWrapper.java:59) at android.support.v7.app.AppCompatDelegateImplBase$AppCompatWindowCallbackBase.dispatchKeyEvent(AppCompatDelegateImplBase.java:319) at com.android.internal.policy.impl.PhoneWindow$DecorView.dispatchKeyEvent(PhoneWindow.java:2276) at android.view.ViewRootImpl$ViewPostImeInputStage.processKeyEvent(ViewRootImpl.java:4020) at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:3982) at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3544) at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3597) at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3563) at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:3680) at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:3571) at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:3737) at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3544) at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3597) at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3563) at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:3571) at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3544) at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3597) at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3563) at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:3713) at android.view.ViewRootImpl$ImeInputStage.onFinishedInputEvent(ViewRootImpl.java:3874) at android.view.inputmethod.InputMethodManager$PendingEvent.run(InputMethodManager.java:2208) at android.view.inputmethod.InputMethodManager.invokeFinishedInputEventCallback(InputMethodManager.java:1849) at android.view.inputmethod.InputMethodManager.finishedInputEvent(InputMethodManager.java:1840) at android.view.inputmethod.InputMethodManager$ImeInputEventSender.onInputEventFinished(InputMethodManager.java:2185) at android.view.InputEventSender.dispatchInputEventFinished(InputEventSender.java:141) at android.os.MessageQueue.nativePollOnce(MessageQueue.java) at android.os.MessageQueue.next(MessageQueue.java:143) at android.os.Looper.loop(Looper.java:122) at android.app.ActivityThread.main(ActivityThread.java:5254) at java.lang.reflect.Method.invoke(Method.java) at java.lang.reflect.Method.invoke(Method.java:372) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)

Code that ther crash is pointing at: it's the first line of this function

` private void setViewsInOriginalPosition() {

    mCenterBox.setX(mOriginalXValuesMap.get(mCenterBox));
    mCamcordImage.setX(mOriginalXValuesMap.get(mCamcordImage));
    mClockImage.setX(mOriginalXValuesMap.get(mClockImage));
    mGraphImage.setX(mOriginalXValuesMap.get(mGraphImage));
    mAudioImage.setX(mOriginalXValuesMap.get(mAudioImage));
    mQuoteImage.setX(mOriginalXValuesMap.get(mQuoteImage));
    mMapImage.setX(mOriginalXValuesMap.get(mMapImage));
    mWordPressImage.setX(mOriginalXValuesMap.get(mWordPressImage));

    initializeAlpha();

}`

If you could help me understand what's up, I would be grateful.

This fragment inner class should be static

hello
when Generate Signed APK problem

Unit Tests for improved test coverage

Hi Rahul

My name is Farid. I'm a developer with great interest in making open source contributions to popular projects.

My company - DevFactory - is sponsoring me to improve unit test coverage in open source projects.

I have analyzed YahooNewsOnbaording and observed that there is room for improvement of coverage. The results indicate that the project has:

Coverage: 0%, Total Lines: 2032

If you are interested in having us work towards improving the project’s coverage to 80%, please let me know and we will add it to our pipeline. Our first step will be to create a pull request with a sample. Once you approve it, we'll follow up with one or two more pull requests. Our target is to increase code coverage to above 80 percent.

For an example of our work, please see these Pull Requests accepted by the community:

• oblac/jodd#264
• iluwatar/java-design-patterns#294

I'm looking forward to your confirmation.

Thank you,
Mohd Farid
Open Source Code Coverage Team
DevFactory

Problem on 4 inch phones MDPI

Sunmoonview is not in the center and gets aligned to the right and basically gets distorted.