Could anyone lead me in the right direction to build something like the following image? Specifically the bottom part where the contact images appear.
How could I make the table view horizontal and have an arc?
Looking for answers for both ios and android.
Thanks!
There is a great library out there for this on iOS: https://github.com/nicklockwood/iCarousel
Inverted wheel is what you want, you'll need to tweak it a little but that is easily achieved by looking at the demo project.
This should help you on the Android side:
Basically, you get some images from artwork, then you write code with some trigonometry in it.
This will get you started: android-rotaryknob-view
There is a link at the bottom with more detailed code and explanation.
Related
I am trying to achieve the following on a relative layout.
It's similar to WhatsApp profile image style and I think Google uses it on the YouTube app too. I've searched around but can't find anything as I don't know what it's called.
Is there a library or possibly anyone who's used/achieved a similar feature?
The purpose is to use minimum height as needed as some images are portrait and can take up full height of screen not allowing user to realise there's more under it.
I'm using a scrollview xml with a relative layout.
What I've tried so far:
Lots of Google searching. No luck as I simply do not know the concept.
I think it's called a Parallax Effect, not really sure, but here are some libraries that do some similar stuff using listviews:
https://github.com/Gnod/ParallaxListView
https://github.com/Frank-Zhu/PullZoomView
I am trying to achieve a rounded corner hexagon ImageView on Android
Exactly like this one but Hexagon :
I tried my best but failed in every possible way, i did find this answer which is perfect as it lets u enter number of sides required and it does the rest. but sadly it was for iOS, so i am not sure if it is helpful to anyone that know both languages, and can recreate it in android
I found a library that can accomplish that but that was after i done it myself, So here is the link to library and it does many shapes
use this lib
this can be helpful for you . i used this and made just like yours.
Actually, I got a little problem while building my Android App. I want to create a mini-game in my app. It will works like this:
At the begining an image appears
then the app ask the user to zoom-in the picture
then a grid will appear and seperate the picture into pixels (like the one million pixel wall for example)
the user will have to choose one "pixel" of the grid and he will win (or not) some points.
It seems quite simple but i got some issues:
How can i create this grid? (GridLayout? )
How can i put an invisible Grid (opacity=0) on a picture ? (Grid Layout Option Maybe ? )
How can i use the zoom-in option to be as smooth(natural and simple) as possible?
What should i do in order to turn the Grid opacity to 1 when "the Zoom in" effect has been done ?
I know that some several questions are likely answering to the grid problem but I need some personal advices in order to build my own game. General tips and tricks are welcomed. Explanations will be great.
Thanks in advance.
P.S.: Sorry for my English. It's not really my main language but I hope that I am still understandable.
Actually i've found The GridLayout.setalpha(alpha) Option so i know now how to build a grid and to manipulate his opacity.
I just Need now some informations about how to animate this grid with the zoom-in effect and the Zoom-out effect !
I was wondering if anyone know how to make a dropped image shadow on the fly. When I get an input image I would like to have it displayed as the preview shows. Any tips or examples to get started in the right direction would be very appreciated.
It's the Reflection Effect, not Drop-Shadow, which is different.
You might want to refer to my article: http://xjaphx.wordpress.com/2011/11/01/image-processing-image-reflection-effect/
I have a quiz of sorts. There are a couple images at the top. What I'd like to do is when a wrong answer is given, rumble one if the images for a second or two and have it settle back into position. Just a small shake in the X and Y. Is this doable? The images are in the same layout as the rest. I don't know if that matters.
Thanks for the help
There's a demo of this in the API Demos, under Views/Animation/Shake.
You can probably use a simple View animation to alter the position as outlined at http://developer.android.com/guide/topics/graphics/view-animation.html.