How to expand the layout after tapping to it? - android

I want to zoom in the loaded layout of a viewPager page onTouchListner event. Something like this: ios app design.
Let me clarify the steps here:
ViewPager gets loaded
User can see the all pages by swiping right or left
To get the detail user clicks on a page and it will get zoom in to cover the full screen (Have a look at the ios app link)
User tap on the opened page and it retains it's position again (second steps)
How can I achieve this scenario? I tried to search it but couldn't get enough information. Any help would be appreciable.

If view is a list you can use expendable list

Related

Show/hide a layout on scroll up/down android

I am working on an android application and want to implement a functionality in which I want to show a layout which will contain Like/Comment of that content at the bottom of the page.
I want this layout to be shown when I scroll up the page and hide when I scroll down the page.
I have scene many applications that have implemented this feature, but I have no idea how to implement this feature in my app.
Please check this link of the app which is giving the same functionality which I want to implenment https://play.google.com/store/apps/details?id=com.midsizemango.materialapps
Please help if anyone have idea here, Thanks a lot in advanced.
You need to do the same thing which happens with fab, first create a class extendingCoordinatorLayout.Behavior<View> and implement it like other fab examples. just remember that it won't work on simple listView and gridView.
Also here's a good detailed tutorial for you.
You Just have to set Scroll-Up & Scroll-Down listener of your Recycler view or Scroll View check Reference link.
Now base on Scroll-Up & Scroll-Down listener set VISIBLE / GONEof your footer view either it is LinearLayout or Toolbar with animation.

Custom Menu with swipe items

Currently I'm developing a small app for my parents' business. I'm trying to create a custom menu. I'd like to have something similar to this:
If you look at it, the screen is divided in two sections. The upper section is just an image and the lower section is the menu. I'd like to achieve this:
If the user places his finger over an item of the menu and swipes to the right, all the items move one position right, and the opposite if the user swipes left.
I'm quite new in this field and I'm not looking for a piece of code. I just want some tips on what to search because I don't know even where to start.
Thanks a lot!
By what I understood, ViewPager should be able to solve your problem. You hsve it nested in your layout under the main image. Have a look here: http://developer.android.com/training/animation/screen-slide.html

Android swipe transition

I'm trying to implement an Android swipe transition on an image within my layout so the user can get some feedback while they are selecting the image.
So, the user would ideally place their finger on the image, and drag it right, and have the image track it until the user has sufficiently dragged it far enough right, just like it is shown here (from the Android dropdown menu in the second item):
http://farm8.staticflickr.com/7301/8716433318_d58aaaa567.jpg
Thanks!
This should be easily implemented with a ViewPager

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.

ListView item as a photo slider

I need to create listview which should displays as a photo slider. I mean that it have to be only one item at the screen. And when user starts swiping up or down item above or below become be visible, but doesn't fill the screen. And when user swipes it at some defined point, this item fulfills the screen. And so forth.
As a photo slider. You open it and see only one photo at the screen. Then you click on the photo and start swipe down. Accordingly to your swiping photo which is in bottom of current fulfills the screen. I want to implement such a principle at my listview items.
I attached the files which can describe what I want to implement. So position 1 - start position of the listview. Then user touches the screen and start to swipe left. You can see that on the 2-nd picture - user sees the item 1 yet, but also see 2-nd item. And, finally, when he swipe over 2-nd item to the end, he sees only it on the screen. I'm sorry for such strange explanation, but I think that it can make my question more clearly.
Besides, I want to implement vertical swiping, not horizontal at my listview and it should be only one item on it.
I am still not sure if I got you, but from what I could gather? Are you looking for a View Pager? If yes, then a nice tutorial is given at this link. View Pager is used in the home page of the google play app. Try opening it and slide right left top bottom and see if thats what you want? Also, from the images it seems as if the headers have been added to the View Pager, that can easily be added by using view pager indicator. I hope i was of some help to you. If you have some doubt please feel free to ask.

Categories

Resources