want landing page slider like Grofers in android - android

I want to built a landing page like grofers. I started with slider but I got different one using viewpager.
Like i want
but I end with this using viewpager
and below slider of grofers there is a menu. I tried to make same view using gridview and put condition on button to show other components on click.
Correct me if I am wrong and also suggest me for slider.
for the grid, I tried like this..

What are you asking exactly? There is no question.
Using a ViewPager for the slide's in the top is a good approach. If you need to have it wrap-around take a look at the infinite ViewPager: https://github.com/antonyt/InfiniteViewPager
For the bottom part, the grid, you can use a GridView. However I recommend taking a look at the RecyclerView with a GridLayoutManager: https://developer.android.com/reference/android/support/v7/widget/GridLayoutManager.html

You can implement this by using TwowayGridView

Related

Design swipe activity android

I need to make a layout similar to that Image.
I wish it were shown all the registered images and their attributes and a button to add the user would select an image and define the attributes of it. I do not want a complete example that ordered but at least one direction than I use to do the layout. By my research I should perhaps use a swipe view. Has anyone seen something similar?
Thank you
You can use ViewPager to display cards like in top part.
ViewPager with previous and next page boundaries
And use a ListView or RecyclerView to show the bottom part. https://code.tutsplus.com/tutorials/getting-started-with-recyclerview-and-cardview-on-android--cms-23465

How to create a carousel in an android screen to show different elements?

In an android activity, I would like to have a view that can display different elements, sliding the screen like a carousel.
My question is what is the appropriate view for this work.
Horizontal ScrollView(http://developer.android.com/intl/es/reference/android/widget/HorizontalScrollView.html) is probably the simplest to implement, but I would suggest you to use a ViewPager (http://developer.android.com/intl/es/reference/android/support/v4/view/ViewPager.html)
Try ViewPager. This is the documentation http://developer.android.com/training/animation/screen-slide.html

Which View/Widget can be used to display images on the screen one at a time by swiping horizontally?

I have a list view in which I want each list item will contain images. But the images will be displayed one at a time. SO, at a time for every list item only one image will be displayed. To view other images in the list item,one has to swipe horizontally. Is there any inbuilt widget that handles this in android?
EDIT1
My List item not only has Image but it also contains other views like textview, seekbar etc. So each list item will contain Image, textview, seekbar etc but the majority of the space will be occupied by the Image. Now, for each list item, when the image is swiped horizontally, another image has to be downloaded from a ulr and displayed.
EDIT2
I did a bit of research on ViewPager but many references like the answers here and this blog seem to suggest that using ViewPager inside a listview is not a good idea. Why is that? If it is not a good idea, what is a good alternative?
This problem can be solved by using ViewPager.
Link: http://developer.android.com/training/animation/screen-slide.html
ViewPager(for swiping between views) + UniversalImageLoader(for loading images from URLs, with caching etc)
If it is not, what is a good alternative?
I think you should use RecyclerView with LinearLayoutManager.HORIZONTAL. All things like recycling the views, view holder design pattern can be done easily with it and it is a new widget that google introduced and you can use it instead of ListView + ViewPager. because as you suggested it is not recommended to use viewpager inside listview. Although you can use horizontalScrollView but it dose not recycle the view. Other third party library like this exist but I recommend you use RecyclerView with LinearLayoutManager.HORIZONTAL because it is from google and it is normally tested more than people library. And another thing is you can use other layout manager like GridLayoutManager or having for example 3 rows that swiping horizontally or other good effects like adding animation and .... that google provided with RecyclerView.
For downloading the images you can use Picasso,Volley, Universal Image Loader or a lot of other libraries that exist.
Happy Coding :-)
Not sure I'm following you, but rather than a ListView wouldn't it be simpler to use ViewPager with simple Fragment that wraps a single image at a time. That way you get horizontal swiping "for free".
Do you just want swipe to change images? Or do you want the images to scroll as you swipe? For the former, you can just use a GestureDetector. For the latter you would probably use a ViewPager. See http://developer.android.com/training/animation/screen-slide.html
I have achieved the same functionality by using ViewPager, you can either put the SeekBar and TextView in the Fragment class off which you are gonna make multiple instances for each item and add to the pageradapter,
You can also add the TextView and SeekBar above the ViewPager Layout in your main fragment layout file and change the text and data on seekbar on viewpager's on item change listener, this looks more neat and this is the approach i've used

Facebook style slider

the new facebook app has an image slider inside posts which have multiple images. It looks something like this:
One thing to notice is the adjacent images are slightly displayed with the current image in focus.
I know I can implement a slider using viewpager. But, in a viewpager, the current fragment occupies the entire view. Only the titles of the adjacent views are visible, not the content itself.
Can anybody give me a direction to look at for implementing this. Or is there anu opensource library for this?
Thanks

Toggle part of a ViewFlipper view in android

I am using a ViewFlipper to toggle between views. I would like to get the same effect as Facebook's or Youtube's settings views, which is to keep a bit of the last view showing to the right. See image below. How can I do this?
Instead of using a ViewFlipper, try a ViewPager. The ViewPager is best, I think, if you want to have different pages and let the user control which one they see. It uses the paging animation by default, and you can specify page width so the user can see parts of the page next to it.

Categories

Resources