Custom List Scrolling behavior in List View - Android - android

I'm trying to do something similar to PlayStore app. On the app details page you can see a scroll view which has a horizontal scrolling - "app screen images" and also some details below it like, Description, Reviews, etc...
My Question is: In the PlayStore app, when you scroll the image screen shots horizontally, the vertical scroll is locked and the whole view dose not scroll. Only when you touch and scroll some where below the screen shot images , you can scroll to see other details.
Here is where I'm stuck, Is it possible to do the same with a listView? I have a list view with a custom header View which detects for horizontal scroll gestures, (right to left and viceversa). At that time when the user is touching the header, I do not want the whole view to scroll as a normal listview dose when it has more items. Can some one guide me a solution for this? Check out the PlayStore app in your device for a clear understanding.
Thanks a bunch in advance. I would owe you a drink some day.

Why would you detect the gestures and implement the horizontal scrolling yourself, when there's a special control: HorizontalScrollView which already does this?
I don't know the internal details of Google Play app, but I would put the gallery of screenshots in a custom view, and this custom view to be wrapped in a HorizontalScrollView. Then add this custom view as a header to the ListView (basically how you begun).
As long as the scrolling directions are on different axis - the horizontal scrolling is done on X axis, and the vertical scroll on Y axis - there shouldn't be any problems in holding this.
Post Scriptum:
When you scroll the image screenshots horizontally in the Google Play app, I suppose there's a GalleryView instead of HorizontalScrollView, which can hold this type of transitions.

Related

verticalHorizontal scroll Listview for android TV app

I had a requirement of implementing a Header List view with horizontal scroll items as rows (similar to UI shown by using Browse fragment of leanback library) for android TV app . I browsed on net and used verticalHorizontalscroll view using Two way View example and added a header text.As the app is for android TV , both Horizontal and Vertical scrolling should happen on keys Navigation and should show a selector to the focused item.
The vertical Scrolling and Horizontal scrolling is not happening properly.
VericalScrolling:
while scrolling up and down using Keys the entire row is not scrolling it is showing only half of the row on screen. When i set setItemsCanFocus is true it taking two key presses to scroll entire row. One for scrolling row and one for scrolling the header text.
HorizontalScrolling: Horizontal scrolling is not happening until we set setItemsCanFocus is true only after this it is showing selector on focused item . It is taking multiple Right key presses to scroll one item to right.
Please anyone tell me how can i get smooth scrolling both horizontal and vertical along with selector for TV. Is there any other way i can implement this.
Thanks,

Displaying a long horizontal and vertical list

I want to create a smartphone app (Android for starters) which in its base core of data displaying, will have a list of many titles in a long header (long horizontal) and also displays many items (long vertical).
I guess I can avoid the long vertical by restricting the number of items in a page, but what is a proper way to display a long horizontal list on a smartphone screen? Should it be enough to have horizontal scrolling? should I force a landscape view?
Please notice I'm not asking about the technical stuff of HOW to create it, but rather more about the UX point of view of the matter.
Set horizontal view for your view from manifest file.
wrap your view layout with horizontal scroll.
May be it would be help to you.
If you share your code then you get more supportive answer.

How can I implement a horizontal scroll view where it aligns to each view inside when scrolled

I'm trying to have a horizontal scroll view contain, for example, three vertical scroll views. And what I want is to be able to have the horizontal scroll view align to each vertical scroll view when you scroll over to it.
I'm not sure if a horizontal scroll view is the correct way to implement this kind of feature, however I found the method scrollTo(x,y) which I think may be in the right direction to creating this.
The best example of what I'm trying to do is shopping for music in the google play store (atleast, on my nexus 7). It allows you to scroll left or right, and it aligns to a screen's worth of content, which you can then vertically scroll.
So, that's what I'm trying to recreate in my app. But I'm confused on implementation details of allowing the horizontal scroll view, to scroll, and stop at a certain point. It looks like I need to override HorizontalScrollView to capture the motion events, but I feel like that's too complex for what seems like a simple task.
Does my question make sense? I basically am at the very starting point of creating this, and need some help as to where to go next.

Scrolling grid view hides other control on top of activity in android

On scrolling down gridView.
I want to scroll my three tabs on top as shown in second image.
And on scrolling up back shows that again like first image.
I have checked paralloid library, but not sure if it solves this problem or not.
Same functionality i found in google+ android app. In profile page on scrolling tab scroll till they reach on top. after that list view scrolls.
GridView already has scrolling built into it, so its children should scroll separately than its siblings by default. No extra library should be needed for scrolling down, although scrolling horizontally is a separate issue.

Android - ExpandableListView in ScrollView

Ok, i know this isn't to do, but i need to do it!
My layout is this :
When a group is tapped and the text is shown the view increases its height and, having a scroll view, it scrolls. When the user scrolls, the image is scrolled also, so if the text under the group tapped is too long, the image scrolls.
I'm sure there is a way to do it.
I'm a newbie of Android, i'm an iOS dev.
EDIT :
This is the result i want, just like in the iOS version of this app :
This is the standard view when the user open this layout.
And this is when the user open a group of the expandable list and scroll to read all the text.
This is what i want.

Categories

Resources