parallax for android

How to create 3D Parallax for Android App

The parallax for android app is what take android app to another level. In this post, I am going to show you how to create your android app more attractive using Parallax effect. You can use 3D Parallax effect on your intro slider. If you don’t know about intro slider, look at my post about how to create intro slider. If you are game lover or planing to create a designer app than you should use parallax effect.

I am using a image as background image, you can choose any good background image from Google. Also I am using four object images(.png file), so this way I can perform some motion effect over background image.

I am using a parallax library that make animation work very easy. One more library that I am using is “nineoldandroids:library”. You have to write dependency in gradle file –     compile ‘com.nineoldandroids:library:2.4.0’. so lets start with coding. Below are the step I will discuss with you in this post.

you can download my image object from this drawable link. Put all images inside drawable folder of your android project.

1) Create ViewPager
2) Create FragmentPage
3) Add Gradle Dependency
4) Add Parallax lib
5) Add parallax in Activity
6) Run App on device

50 days android course

Create ViewPager

As you can see on finger slide objects are moving. So I am going to place a ViewPager in activity_main.xml to create sliding effect  on app. I hope you know about ViewPager, if not than first look at here for ViewPager.

Create FragmentPage

Now I am creating fragmentpage.xml file that will display on viewpage. In fragment pager I am placing all the four image object over the background image. You can set position of images according to your choice. I am using Relative layout as main Layout so it become easy to place images on my desirable position.

You can see that I have set background for Relative layout than I am using four image object over it. You can download my image object from this drawable link

 Add Gradle Dependency

Open project module gradle file and put this code inside dependency section.

compile ‘com.nineoldandroids:library:2.4.0’.

Add Parallax lib

open project folder and go to the folder name “Java”. Inside this folder put parallax library folder name as “parallaxViewPagerLibrary”. Download parallax lib from Here.

Add Parallax for android

now open MainActivity.java file and define a viewpager . You have to use Fragment manager as ViewPager adapter. So create new java file name as “adapterViewPager” which is extent by FragmentStatePagerdapter .

Now create fragment java file name as “fragmentpage” and attach fragment layout xml file with this fragment java file using inflate. Below are to complete code for all java file.

MainActivity.java

adapterViewPager.java

fragmentPage.java

Run Code

now run this code in emulator or real device. Your 3d parallax for android app is ready to use.

 

Login & Download source code

download-code350-100

 

 

NOTE: You can learn both basic and advance android app development with me. Every morning I am live at TeamViewer. All the videos of live session and complete code is also available onlineClick here to learn more

Do you want to know How to create Android Game ?

 

Posted in andorid.

kamal bunkar

I Am Post Graduation (M.Tech. C.S.E) from VNIT, Nagpur. I Have Published Two Research Paper On International Journal. My Apps on Google Play Store- Sanyukt Parivar(Mp Police ), NOTOtag- Digital Chhindwara, The Tubby-VoiceRecognizer & More.
Contact me at kamal.bunkar@blueappsoftware.in

33 Comments

  1. I love your blog.. very nice colors & theme. Did you create this
    website yourself or did you hire someone to do it for you?
    Plz respond as I’m looking to create my own blog and would like to find
    out where u got this from. appreciate it

  2. Pretty great post. I just stumbled upon your weblog and wanted to say
    that I’ve truly loved browsing your blog posts.
    In any case I’ll be subscribing for your feed and I hope you write once more very soon!

  3. Hi there! This post could not be written any better!
    Reading through this post reminds me of my good old room mate!
    He always kept talking about this. I will forward this article to him.
    Fairly certain he will have a good read. Thank you for sharing!

  4. Hi there! Quick question that’s totally off topic.
    Do you know how to make your site mobile friendly?
    My weblog looks weird when browsing from my iphone4.
    I’m trying to find a template or plugin that might
    be able to fix this issue. If you have any recommendations, please share.
    Thank you!

  5. This is really attention-grabbing, You are an overly skilled blogger.
    I have joined your feed and look forward to in the hunt
    for extra of your great post. Also, I have shared your site in my social networks

  6. I’m really enjoying the theme/design of your blog.

    Do you ever run into any browser compatibility issues?

    A few of my blog audience have complained about my site not
    working correctly in Explorer but looks great in Chrome.
    Do you have any solutions to help fix this issue?

  7. I was recommended this web site by my cousin. I’m
    not sure whether this post is written by him as no one else
    know such detailed about my problem. You are wonderful!

    Thanks!

  8. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your
    blog and I look forward to your new updates.

  9. Having read this I thought it was very informative. I appreciate you finding the time and
    energy to put this short article together. I once again find myself personally spending a lot of time both reading and posting comments.
    But so what, it was still worthwhile!

  10. hi! may i know is your code complete? because i run the program and does nothing, i have download the given source code.

    • Yes this code is working…You have to create file on php server to store FCM key into your database for future use. First check on your android studio log whether FCM token is printing OR not. If it is printing in log than send token to your web server.

  11. Good day! I could have sworn I’ve been to
    this website before but after going through
    a few of the articles I realized it’s new to me.

    Nonetheless, I’m certainly delighted I found it and I’ll be book-marking it and checking back regularly!

  12. Spot on with this write-up, I absolutely feel this website needs much more attention. I’ll probably be returning to read
    through more, thanks for the info!

  13. Hey very cool website!! Man .. Excellent ..
    Amazing .. I will bookmark your site and take the feeds additionally?
    I am glad to search out numerous useful info here
    in the submit, we need work out more strategies
    on this regard, thanks for sharing. . . . . .

  14. Pingback: ExoPlayer Android Example- Best Alternative of VideoView By Kamal

  15. Pingback: Simplest way to get WordPress Post in Android App- REST API

  16. I just like the helpful information you supply to your articles.

    I’ll bookmark your blog and test once more here frequently.
    I’m fairly sure I will learn many new stuff proper here!
    Good luck for the following!

Comments are closed.