GithubHelp home page GithubHelp logo

xmusistone / viewpagertransition Goto Github PK

View Code? Open in Web Editor NEW
3.0K 78.0 509.0 29.59 MB

viewpager with parallax pages, together with vertical sliding (or click) and activity transition

Java 100.00%
viewpager transition parallax transformer

viewpagertransition's Introduction

android-page-transition

viewpager with vertical sliding effects and activity transition

Drawing

The original design is here: https://dribbble.com/shots/2493845-ToFind-Transition-Test

Captured images:

Coding design

Sliding pages to the left or right, as we know, could be implemented by using ViewPager. And fortunately, ViewPager's PagerTransformer is allowed for customization. That's to say, CustPagerTransformer could get rid of all the parallax effects.
Then, in viewpager's fragment item, vertical slide is an independent module, which could be realized by using ViewDragHelper. In the activity transition part, android OS (above 5.0) makes it easy to transfer to another activity.

Thanks

rubensousa/ViewPagerCards
antoniolg/MaterialEverywhere

Demo Apk

download

Version: 1.0

  • Pilot version

License

Copyright 2016, xmuSistone

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.

viewpagertransition's People

Contributors

xmusistone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

viewpagertransition's Issues

viewpager

How to adjust the location of the viewPage is not centered on the top of the slide, as if not the left cycle sliding

add picture from URL

Hi! I was trying to add pictures from URL but it didn't work! I just changed imageArray items to URL addresses, should I make another change? according to your library,it should support URLs right? so what's the problem?

viewPager & pictures

Hi and thank you for your beautiful design
1- if I want to have viewPager not in the center of screen (on the bottom as an example), which method or class of DragActivity shall I customize?
2- if I want to add a new picture (on the left) by clicking on a button, do I have to write just this one on its onClick ? "fragments.add(new CommonFragment());"
3- and I also want to know which part sets the number of pictures according to the number of IndicatorTv? what should I do (which method or class need to be customized) for having pictures, with the same number of existed pictures?
sorry if I asked too many questions and thank you so much! wish you to be successful in all the steps of your life!

Lag/UI freeze

Hi i just copied the code from app folder & i am trying to run it on my device. It's super slow & sluggish. Basically the view pagers are not even sliding properly & i constantly see The application may be doing too much work on its main thread on my android studio, something freezes up my main thread. I see these logs when i start to swipe. But when i download & install the apk u have put on my same device it works perfectly fine. Can you help, are there some changes you have not pushed yet? Thanks

add picture manually

Hi
is it possible to add pictures to viewPager manually? I want to add pictures that I get from the website (using volley) to it. can it be done?

about the background

How do you get that blue background()?Can I use the picture?
(the picture in android-page-transition/app/src/main/res/drawable-xxhdpi/background.jpg)

Can the background color be an expanded version of the image in the card?

Hi,

Thanks for the great library. I just had a small request/doubt on whether the following is possible.
I would like to change the background of the page to reflect the image that is currently at the centre.

Please find attached screenshot for clarity.
screen shot 2017-04-07 at 6 50 18 pm

Can you please guide me on how to achieve this with this library?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.