I would like to ask about the tinder-like swipeable card stack for my application. The point of it is that users will be able to see photos and swipe when they want to see another one. I'm already sending and receiving images to and from webservice and I have been trying some libraries that could manage to do this (googled 'swipedeck' and 'swipecard') but non of them either offered enough flexibility to customize actions fully, or were not working with ImageViews, only TextView.
Now I'm new at this, but I figured that there has to be some kind of RecyclerView, TabLayout or some other implementation that would make it possible to do this and would include also transitions/sliding effects between pictures. I just need someone to point me in the right direction.
Could you please help me by posting your ideas? It would help a lot, and I do not need any specific code parts, I will do my research later on based on your ideas. Thank you a lot!
This is the official guide on creating sliding screens using Viewpager. This should help you get started : Using Viewpager for Screen Slides
There is a project in github that does exactly that - it's called "TinderStack", and you can find it at https://github.com/lawloretienne/TinderStack
Related
I'm extremely new to java and coding for Android (new to programming in general). I haven't programmed much before so I wasn't able to think about this and whether or not I'd be able to implement when I first started designing this app. I would really appreciate some help or guidance, or at least pointers. I'm sorry if this is a really stupid question and thanks in advance for all answers.
Mockup
Here is a mockup of the layout I want to create. It mainly cosists of a List, which displays information and images. (Should be ScrollView so that it can go up and down?)
Below is a button which will send information to another Fragment or Activity.
Both these layouts need to be part of an ImageView, able to be swiped left and right. Also need to add circle indicators (I've seen libraries that are capable of helping me achieve this)
There is also a Navigation Drawer at the top left which I will try to use RecyclerView with.
And lastly, there is a bottom navigation bar, which I'm currently able to do by using a library from com.roughike:bottom-bar:2.3.1 and navigating between different Fragments.
Please give me some advice on what to do or some pointers on how I might go about creating this sort of layout.
Thank you!
The idea isn't very complicated, and I'm pretty sure I've seen it before, the following image illustrates the idea:
See this picture since it won't let me embed yet
I figure this would be a pretty common thing, but I just don't know what it is called.
I have found some information just by doing some searching, but most are from pull up menus from the bottom of the screen etc. I can figure out how to get something to "slide" out, but not really sure how to push everything else down.
Not looking for someone to code this for me, just some pointers.
i think you want to implement expandable list view. so please view this link .
I have a button which on clicking opens another activity which comes up from below and covers half the screen. I searched about it but did not get any useful approach except the overridePendingTransition function which is useful in getting the animation on activity transition, but this didn't solve my problem. I know this is done in google hangout as shown in the images but can't find any useful solution.
When we press the button this activity comes up and covers half the screen size
when we scroll up the activity becomes our main activity
Any idea how this can be done?
Thanks
you can use bottom sheet for this type of UI.
here is first sample.
another sample
here is code
After some searching i got exactly what i wanted with all the codes, but still the profile picture animation is remaining, rest the SlidingPanelLayout code can be seen here . It contains some detailed information with all the classes implemented which you can use directly. I think this will surely help you. :D
Edit: As said by #MrsEd i would like to add some code that helped me. This is the custom built DraggableLayout which you can use directly, the code can be found here. Then the activity must implement the onStopVerticalDragDown() of the DraggableLayoutCallbackListener inteface and set the content view as this xml file.
Hope this clears all the doubt and makes it easier for anyone to implement their own custom built DraggableLayout without using any third party library. :D
Please. Don't redo this.
And instead, use Flipboard's BottomSheet.
I am working on Android. I kept images in GridView. Now when I click on any image that image should display in seperate screen and from there the remaining images should also open while swiping. How can I achieve that task? Please help me in this regard.
Use a ViewPager.
The official tutorial is here: Using ViewPager for Screen Slides
Since you didn't actually explained so there can be no specific answer and here is a links you might use
1-using PageAdapter
or you can use GestureDetector witch you can search in here
hope it would be helpful .
I wanted to ask how i can create a good swipe animation when switching from one xml layout to an other in android?
It would be very kind if somebody could gibve me an example code. Thank you very much!
You're looking for the ViewPager. It's been asked in many other questions before. Read this blog post for more information.