Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all \u003cpre\u003e\u003ccode\u003e blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks"); } } catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); } })(); (function(){ try { var __m = "github.com"; var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length \u003e 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

DiscreteScrollView

The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create layout, where views adjacent to the currently selected view are partially or fully visible on the screen.

GifSampleShop

Gradle

Add this into your dependencies block.

compile 'com.yarolegovich:discrete-scrollview:1.2.0'

Sample

Get it on Google Play

Please see the sample app for examples of library usage.

GifSampleWeather

Wiki

General

The library uses a custom LayoutManager to adjust items' positions on the screen and handle scroll, however it is not exposed to the client code. All public API is accessible through DiscreteScrollView class, which is a simple descendant of RecyclerView.

If you have ever used RecyclerView - you already know how to use this library. One thing to note - you should NOT set LayoutManager.

Usage:

  1. Add DiscreteScrollView to your layout either using xml or code:
  2. Create your implementation of RecyclerView.Adapter. Refer to the sample for an example, if you don't know how to do it.
  3. Set the adapter.
  4. You are done!
<com.yarolegovich.discretescrollview.DiscreteScrollView
android:id="@+id/picker"android:layout_width="match_parent"android:layout_height="wrap_content"app:dsv_orientation="horizontal|vertical" /> <!-- orientation is optional, default is horizontal -->
DiscreteScrollViewscrollView = findViewById(R.id.picker);
scrollView.setAdapter(newYourAdapterImplementation());

API

Layout

scrollView.setOrientation(Orientationo); //Sets an orientation of the viewscrollView.setOffscreenItems(count); //Reserve extra space equal to (childSize * count) on each side of the view

Related to the current item:

scrollView.getCurrentItem(); //returns adapter position of the currently selected item or -1 if adapter is empty.scrollView.scrollToPosition(intposition); //position becomes selectedscrollView.smoothScrollToPosition(intposition); //position becomes selected with animated scrollscrollView.setItemTransitionTimeMillis(intmillis); //determines how much time it takes to change the item on fling, settle or smoothScroll

Transformations

One useful feature of ViewPager is page transformations. It allows you, for example, to create carousel effect. DiscreteScrollView also supports page transformations.

scrollView.setItemTransformer(transformer);
publicinterfaceDiscreteScrollItemTransformer {
/** * In this method you apply any transform you can imagine (perfomance is not guaranteed). * @param position is a value inside the interval [-1f..1f]. In idle state: * |view1| |currentlySelectedView| |view2| * -view1 and everything to the left is on position -1; * -currentlySelectedView is on position 0; * -view2 and everything to the right is on position 1. */voidtransformItem(Viewitem, floatposition); }

Because scale transformation is the most common, I included a helper class - ScaleTransformer, here is how to use it:

cityPicker.setItemTransformer(newScaleTransformer.Builder()
.setMaxScale(1.05f) .setMinScale(0.8f) .setPivotX(Pivot.X.CENTER) // CENTER is a default one
.setPivotY(Pivot.Y.BOTTOM) // CENTER is a default one
.build());

You may see how it works on GIFs.

Infinite scroll

Infinite scroll is implemented on the adapter level:

InfiniteScrollAdapterwrapper = InfiniteScrollAdapter.wrap(yourAdapter);
scrollView.setAdapter(wrapper);

An instance of InfiniteScrollAdapter has the following useful methods:

intgetRealItemCount();
intgetRealCurrentPosition();
intgetRealPosition(intposition);
/* * You will probably want this method in the following use case: * int targetAdapterPosition = wrapper.getClosestPosition(targetPosition); * scrollView.smoothScrollTo(targetAdapterPosition); * To scroll the data set for the least required amount to reach targetPosition. */intgetClosestPosition(intposition); 

Currently InfiniteScrollAdapter handles data set changes inefficiently, so your contributions are welcome.

Callbacks

  • Scroll state changes:
scrollView.addScrollStateChangeListener(listener);
scrollView.removeScrollStateChangeListener(listener);
publicinterfaceScrollStateChangeListener<TextendsViewHolder> {
voidonScrollStart(TcurrentItemHolder, intadapterPosition); //called when scroll is started, including programatically initiated scrollvoidonScrollEnd(TcurrentItemHolder, intadapterPosition); //called when scroll ends/** * Called when scroll is in progress.  * @param scrollPosition is a value inside the interval [-1f..1f], it corresponds to the position of currentlySelectedView. * In idle state: * |view1| |currentlySelectedView| |view2| * -view1 is on position -1; * -currentlySelectedView is on position 0; * -view2 is on position 1. * @param currentHolder - ViewHolder of a current view * @param newCurrent - ViewHolder of a view that moved closer to the center */voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder); }
  • Scroll:
scrollView.addScrollListener(listener);
scrollView.removeScrollListener(listener);
publicinterfaceScrollListener<TextendsViewHolder> {
//The same as ScrollStateChangeListener, but for the cases when you are interested only in onScroll()voidonScroll(floatscrollPosition, @NonNullTcurrentHolder, @NonNullTnewCurrentHolder);
}
  • Current selection changes:
scrollView.addOnItemChangedListener(listener);
scrollView.removeOnItemChangedListener(listener);
publicinterfaceOnItemChangedListener<TextendsViewHolder> {
/** * Called when new item is selected. It is similar to the onScrollEnd of ScrollStateChangeListener, except that it is  * also called when currently selected item appears on the screen for the first time. * viewHolder will be null, if data set becomes empty  */voidonCurrentItemChanged(@NullableTviewHolder, intadapterPosition); }

Special thanks

Thanks to Tayisiya Yurkiv for sample app design and beautiful GIFs.

License

Copyright 2017 Yaroslav Shevchuk
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.

About

Scrollable list of items, where current item is centered and can be changed using swipes

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages