I am working on a android app. Requirement of app is to support multiple screen sizes. When I was going through tablet layout of app, I found something like this:
Here, as you can see, there are two fragments. Left side contains a listview and right side fragment contains detailed content of selected listveiew item. now problem is: How do I move the arrow (selected with red mark) up and down accordance to item selected in listView??
Check out this answer. You could make the arrow part of the list view fragment but make it visually blend with the content view.
Related
How to make a slider like that, i mean to view the previous and the coming item
enter image description here
https://github.com/yarolegovich/DiscreteScrollView
The library is a RecyclerView-based implementation of a scrollable list, where current item is centered and can be changed using swipes. It is similar to a ViewPager, but you can quickly and painlessly create a layout, where views adjacent to the currently selected view are partially or fully visible on the screen.
I think it will help you.
It's hard to put into words what I want but I want a sort of List that reveals information and different views when expanded and hides them when not expanded. Like this illustration:
Preferably the opening of this tab would also be animated. I really just want all information on one page.
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
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
I like the design of the Gmail app for android and I'm wondering if they created it using some standard approach.
I guess it uses fragments, one for the menu on the left side and another one for the content. But what looks really cool for me here is this little arrow pointing from the content to the selected item. It gives the feeling that the content page is placed on top of the rest.
Is something like this available out of the box?
I think they're using android:windowContentOverlay on the left side selected item where they show the "arrow"-like drawable. The drawable should have android:gravity="right" so it's placed correctly.
Of course, you would need to fine tune your layout to make it look "real", but I achieved some similar effects using this technique.
Looks like he is using 2 ListViews, and as far as that arrow I don't think it's available. I looked at a lot of 4.0 features but don't really see anything close to that. I'm thinking it could be part of the background for the right ListView?
Multipane Layout: left side a list fragment (or fragment with a recyclerview), right side a fragment with the content view (scrollview, listview, recyclerview, webview, etc.).
If the item on the left is selected (single selection model), the selector uses a different drawable for the selected state and updates the content on the right. Maybe the listview item has a additional padding on the end to avoid overlap with the arrow bitmap drawable that is used within the selector.
On Lollipop there maybe also an additional ripple effect on top (draw selector on top or use a specific drawable-v21 with ripple).
The drop shadow effect can be achieved with a framelayout in the left fragment (first member is the listview, second member is a view that displays the shadow (gradient drawable) as background with gravity set to end).