Has anyone been able to create of find an open source way to implement a horizontally scrolling Grid view? For phones a vertical scroll makes sense as apps are usually used in portrait mode, but on tablets when in landscape a left to right scroll seems much more usable then a top to bottom scroll.
I ended up going with a page swipe motion to swipe left and right one page at a time as demoed by Google in the Google IO 2011 app
Related
I got lollipop recently and tested my app on it, but the scrolling edge effect is not like on google apps for instance. What I mean by it doesn't follow the finger is that when you overscroll bottom on the left side of the screen for instance, the scrolling edge effect will be larger on the left than on the right, it will be somehow oriented on the left.
As you can see, on my app (on the right) the scrolling edge effect is not oriented left. I have used the RecyclerView from the app compatibility library for the list. Does anyone have an idea why it is not behaving as supposed ?
According to alanv in the comments of my post, this is a bug of the RecyclerView, so there is nothing to be done to fix it appart from waiting for the android team to fix the bug.
A few points to get started;
Handset: Nexus 4 (Android 4.4.4)
Browser: Chrome 36.0 (the latest update)
I am struggling to find a single article online which relates to it! Is there anybody else experiencing the same issue?
The issue; pretty much any swipe enabled horizontal slider prevents vertical scrolling. It happens on just about every website that I have tried so far.
Take, for example, the JD Sports website;
http://m.jdsports.co.uk/products/nike-air-huarache/120445
This is one of the biggest sport retailers in the UK. When I view a product page, the swipe gallery fills my entire viewport making it very difficult to scroll down to the buy button, which is hidden below the fold.
If I take a look at my favourite slider site, I can't vertically scroll when touching over a gallery;
http://kenwheeler.github.io/slick/
Is this a bug? Or do I have something wrong with my handset/browser?
If you open my page at http://goo.gl/68s0t (Please don't replace the link here as I don't want google to link this page to my site.) on an android phone and move your finger from left to right, you also move the content.
What is the cause for this and how do I make the content fit in horizontally so moving to the right and left with your finger does not cause movement of the screen?
Specify the width of the container and overflow: hidden to force any content to cut off at that width. If you want to be able to scroll vertically, use overflow-x: hidden to only cut off horizontally.
Early versions of Android have sub-optimal CSS compatibility, so your best bet is testing it out on those devices with trial and error.
I have a webview, in which I load images.
When I zoom in, I want users to scroll to view the rest of the contents. But when I scroll horizontally, horizontal flip is getting triggered.
Is there anyway to stop this?
This blog is very usefull in the matter: Preserving screen state in WebView. It works even for JavaScript variables etc..
I am starting a new application and I am willing to use the Dashboard pattern.
For example: The Google IO app uses it:
My issue is that the amount of buttons will be more than six.
I'm not sure if I should use vertical or horizontal scrolling.
Vertical scrolling could be done with a ScrollView or a GridView but I am not sure which would be the easier way to implement the horizontal version.
I was thinking of using an HorizontalScrollView but it doesn't have pagination. It should feel similar to the tweetdeck app.
How would you implement it?
My issue is that the amount of buttons will be more than six. I'm not sure if I should use vertical or horizontal scrolling.
IMHO, do neither. Reduce the number of buttons. Watch the 2010 Google I|O presentation on this design pattern -- the point behind the dashboard is to only surface a few items.
I would go with a vertical scroll. It is way more natural to scroll down to view more content of the same view.
A horizontal scroll kind of feels like you switch to another part of the application.
I have an app that uses a gridview with vertical scrolling but I dynamically adjust the number of rows in the gridview based on the width of the actual screen so that it in landscape or in a bigger display it uses more columns and avoid scrolling alltogether in most cases.
However in my case it is more of a search results display of categories and not a dashboard. I believe the whole point of a dashboard is to have only a small number of button (e.g. max six or so).
What you could do is dynamically interrogate the screen real estate and if there is not enough room just show e.g. 6 buttons of which one is a more/utils or whatever button. Sort of like the options menu does it.. but on a bigger screen display them all.
It would be interesting to scroll based on the orientation of the device, so you would scroll horizontally or vertically if the device is oriented that way. This would let you maximize the screen real estate.