In my app i want to achieve some thing like this
I have tried a lot of libraries which provide a circular layout for example like this one:-
https://github.com/dmitry-zaitsev/CircleLayout
You can check the code for circlelayout there , not posting here as its too big.
I have also tried Circular List view as discussed in here:-
Circular ListView (Items on Half Circle)
But with both the approach i am able to achieve something like this :-
This looks something like Ferris wheel but its not what i want , where the elements are connected to each other and the scrolling is smooth.
You can try with https://github.com/xresco/CircularLayout and Circular Scrollable layout
A scrollable circular layout for android where you can add items, customize the radius, the number of items displayed at a time and the X and Y offset of the layout.
Moreover, you can control how the items are rendered when scrolling the layout.
There are two modes Pinned and Fixed. The two modes differ in the way the items rotate. Here are the samples:
you can try this
https://github.com/siyamed/android-satellite-menu/
or
https://github.com/Andrew0000/Circular-Layout
I wish anyone of 2 that will help you.
Related
Is there any way to make following Layout in Android..? If yes please suggest how to make and how to set clickListener's of overlapping areas of Views...? i.e View 2's area overlaps 1's area and View 3's area overlaps 2'sand 4's area and so on others views overlaps..? If there is any android library to make non-rectangle buttons/Views also suggest.. Thanks.
Here is one way that this may work:
Use a rectangular ImageView for each shape. Make sure each shape is clickable.
Shape images will have a transparent portion where they fit together.
Use FrameLayout or some similar layout that will allow overlapping of Views. You will have to work with how each View overlaps.
Make the transparent portions un-clickable. See this Stack Overflow question and its accepted answer regarding one way to do this. (N.B. I have not tested this.) You should be able to work it so that clicks propagate downward to an underlying ImageView when a transparent region is clicked.
An alternate way would be just to have two views (left and right) and implement a View.OnTouchListener to determine where the click occurs by looking at adjoining pixels: their color and placement.
Good luck!
Does anyone know if it is possible to layer an image over the top of each item in a listview? To indicate that each list item is clickable, I'd like to add a small right-pointing arrow on the extreme right side of every item in the list. I'd like this image to scroll with the list.
I know that I can just create a horizontal linearlayout and put the image there, but this takes up some of the screen. I'd rather have it "floating" over the top of each item. Hopefully I'm making myself clear.
Thanks!
Short answer: don't do this, it directly contradicts Android UX guidelines, http://developer.android.com/design/patterns/pure-android.html
Long answer: post your xml/code for building the cell. It's probably enough to use a RelativeLayout and align an ImageView to its right side.
Again, this is completely unnecessary and an anti-pattern on Android. Don't do it.
I am new to android, I want to develop some UI like any.do, I have two questions:
How to build a any.do like deletion gesture? When you finger sweep cross the item, it will add a line over the item?
What should the layout file look like, when you have titleA + some list items and TitleB+some list items on the same view?
I guess you mean that gray line that is "crossing" the task. It fairly simple actually, just create a a line shape, using a drawable xml, and animate it's size from 0 to the full width of the task.
Didn't quite understand the layout you are referring to? Is it the gray line layout? The list item layout?
I need to make a sliding vertical menu in android as below. user slide the screen to up or down for selecting related item and the selected item must be bigger than the other items. How can I do that in android? Any idea would be great.
Edit:
I'm very desperate and need some help. how to do this in android?
http://iphone2020.wordpress.com/2012/06/10/uitableview-tricks/
This can probably be achieved by using the Camera.setTranslate function. See Android: Vertical ListView with overlaped rows and Android: vertical 3d listview for similar questions (with solutions)
i was requested to make in android a view that groups several items like checkboxes or text views in vertical rows, separated by transparent dividers while the background is with a certain alpha level and the edges are round.
I thought of two solutions and i hope for some feedback on good\bad or other solutions if you got'em.
just use regualr linear layout but have a single style A that uses a 9 patch as background, includes padding,margins and whatever i need to make it look like what i want. i then create another style A.up and A.down that represents the upper most and lower most items that will use a different 9-path with round corners.
inherit from linear layout, in the onMeasure and layoutChildren add to all the children some kind of space between them, i can create new attribute for it that can be customized in a style. i can override the dispatchDraw to paint the background for each view before it draws so i can paint my round borders, my only demand will be that each View added to this layout will have to be with transparent background.
So what do you think ?
Eventually i decided to use a List with customized divider.
It looks good, however a list got a very nasty bug when it comes down to items with states like buttons and clickable textViews,
you get no focus for the item and don't see the ornage bar
you don't seem to get the evnets flowing to the children of the View in the list.
I'm notsure how to resolve that one, i've seen numerous mails about it in the developres mailing list and here, most saying don't put statefull objects in a list.
So it mist not be the solution for me.
Nest thing i'll try is extending the normal layouts to have a bar in their bottom and use regualr linear layout with round corners drawable.