Android :How to design 3D joysticks - android

I am going to design an app where i have 3D joysticks that sends some command from app towards arduino via BLE.i searched out alot about 3D joy sticks lib or other source to integrate it within in my app but i am unable to find it.There is some lib on github that gives 2D joysticks functionality but have no 3D design.
But this is not the one that i need.i want to desgin the jostick like below one.
please any one have any idea how to design it in android..any help would be appreciated.

you can create this design that is very easy, you have to create some drawables with gradient and selector for button and need some images.
Here is the list of components you need
background image
left, right, top bottom navigation images
outer circle drawable with gradient color.
Inner circle with border of gradient color.
And finally two button images one for pressed effect and second for normal state (will be used in selector to make 3D effect).
That is enough to make this design in Android.
Hope it will help you.

Related

unified icons' backgrounds set

I have little to no knowledge in Android development. I'm trying to make an icon pack that will put a single color background square on all apps.
can you please put me in the right direction?

Drop Shadows in Andengine

How can I make a drop shadow effect in a text with Andengine?
I don't find anything talking about drop shadows for Andengine.
I have tried to put two texts one white and other black with the shadow but doesn't sound good
As per my perspective, From your designer you have to create sprite sheet of letters that you can use in text.
Following link help you in using image font for your game.
Image Font for GLES1
For GLES2 you have to use Bitmap Font.
If you want to support android 2.2 and above the best solution is yours. you can place two texts in a Relative Layout and move one of them a bit left or right and top or down by changing the layout_margin :)

Draw specific shadow in Android

I'm looking for way how to implement specific shadow (like on picture) in my android app Android, with using xml (I can't use 9 patch for this).
This is white rectangle with the same shadow in all directions.
Any idea?
As far as I know, there's no way to create a shadow efficiently with XML without using 9-patch image. You can try playing with shapes and gradients, but the result won't look good.
I also did some tests by adding several shapes with transparent borders, but again the result is not good.
Can you explain your situation (why can't you use 9-patch, which is well supported by android).

Creating non-traditional shape tooltip in android with border

Hello fellow Android designers,
I am struggling right now to create xml tooltip that would look like the one on this picture:
Unfortunately it seems like a hell of a work. Till now I was only able to create a simple rounded rectangle like that:
Is it actually possible to create such a shape I have presented on the first photo using xml styling or should I try to create it programatically (which will probably take huge amount of time and creating border would be really hard)? Or maybe the simplest solution is the best and I should use partially transparent png image with the shape of my choosing?
Any advice would be much appreciated.
You can draw it using stretchable 9-patch drawable.
You can specify there which parts are fixed (the little knob on the left and corners) and which are stretchable (all other parts)

Shape glass effect

I've created a custom toolbar using a gradient inside a shape. It looks very nice, but since we only have the option for 3 colors (startColor, centerColor, endColor) it looks very round. I would like to do a glass effect, which requires a sharp change in color in the middle. Basically I need 4 colors (startColor, justabovecenterColor, justbelowcenterColor, endColor). Now I could have two shapes sitting on top of each other to get this effect, but I don't want to do this. I'm getting into some tricky UI customization here and that would be very difficult to manage on different sized screens.
Does anyone know how I can create a glass effect?
Have you considered using a NinePatch ? This would be a quick and easy way to make a good looking, scalable set of shapes...

Categories

Resources