Giter VIP home page Giter VIP logo

londoneyelayoutmanager's Introduction

LondonEyeLayoutManager

Android_weekly Android Arsenal

A LayoutManager that must be used with RecyclerView. When list is scrolled views are moved by circular trajectory

London Eye

alt tag

Requirements

android:minSdkVersion = 15

Usage

List<String> mList = new ArrayList<>(Arrays.asList(
          "Passenger Cabin 1",
          "Passenger Cabin 2",
          "Passenger Cabin 3",
          "Passenger Cabin 4",
          "Passenger Cabin 5"));
            
  int screenWidth = getActivity().getResources().getDisplayMetrics().widthPixels;
            
  // define circle radius
  int circleRadius = screenWidth;

  // define center of the circle
  int xOrigin = -200;
  int yOrigin = 0;
  mRecyclerView = (RecyclerView) rootView.findViewById(R.id.recycler_view);
  
  // set radius and center
  mRecyclerView.setParameters(circleRadius, xOrigin, yOrigin);

  mLondonEyeLayoutManager = new LondonEyeLayoutManager(
          circleRadius,
          xOrigin,
          yOrigin,
          mRecyclerView,
          // define scroll strategy NATURAL / PIXEL_PERFECT
          IScrollHandler.Strategy.NATURAL);

  mRecyclerView.setLayoutManager(mLondonEyeLayoutManager);

  mVideoRecyclerViewAdapter = new YourCustomAdapter(getActivity(), mList);
  mRecyclerView.setAdapter(mVideoRecyclerViewAdapter);

#Details of implementation

Medium

Demo of Natural Scroll handler.

This scroll handler keeps the distance between cabins as a constant. This means that if your views are next to each other they will overlap each other when you scroll.

alt tag

Demo of PixelPerfect Scroll handler.

This scroll handler keeps views in touch. There is 2 rules:

  1. View center is always on the circle
  2. Views should touch each other either by top/bottom or by left/right sides.

Because we follow these rules we might see some unexpected behaviour: If "view B" is below "view A" and views are scrolled down we can reach a point in which "view B" cannot longer stay below "view A" and keep it's center on the circle so, in this case "view B" jumps to the side in order to stay in touch with "view A" side by side and keep it's center on the circle.

alt tag

TODO:

  1. Animations support.
  2. Handle inPrelayout
  3. Save/Restore instance state
  4. Handle data set changes
  5. Fix a crash when scrolling fast with Natural Scroll Handler

Any contributions are welcome :)

License

Copyright 2015 Danylo Volokh

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.

londoneyelayoutmanager's People

Contributors

danylovolokh avatar

Watchers

James Cloos avatar

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.