Home

Awesome

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.