i want to show a UI as like the following image
how to show the horizontal and vertical lines between those numbers
See how the lines between the boxes cast shadows? and there is a shine that carries across sections? It looks to me like the that is just a background image with the numbers laid over top of it in certain positions. So do a Relative Layout with a background image.
Related
I'm trying to design a layout with four divided columns and a circle in the center something like the image in the link below. Any help would be appreciated
A simpler approach would be to design the columns and circle is a single png, and then just show it as a background of the layout and the place the TextView in the desired order of your choosing , and as for the center textView put it inside a Constraint Layout and then center it.
This is how you want it to be, and it can be done like this
You can easily these in Photoshop or whatever tool suits you
On and yess keep in mind that i just moved the column 1px outwards in the respective way so as to create that central divider look since adding individual border to each columns inward side would be more hectic, and this way you just have to move the columns outward (if you move then up remember to move them to left/right respectively or if you move them bottom do the same and move the left/right so as to have them in perfect sync.
Another Method
Another method would be to us each piece of this design individually and them use them as the backgrounds for each TextView or have them as the background for each RelativeLayout 's background and have them as Parent to each TextView.
And As For the Image of the Jersey You place it dynamically in the Relativelayout of the inner Circle.
I hope this helps.
Here is what I need to attain
The Application logo goes inside that blue background. Can I somehow tweak Linear or Relative Layout to attain that inclined bottom? Or is that any other solution to this, other than simply using an image itself?
No, Views in Android are all rectangular, and LinearLayout and RelativeLayout only deal in rectangular measurements. You're going to have to do some special drawing or use a background image or something along those lines.
I want to make something like an analog clock with a background image and many TextViews.
The TextViews will get the data programmatically, which is working. But my problem is the design. How can I set the TextView's position in relation to the background image? It should work on different screen sizes ...
Is there maybe a way to take the middle of the screen and set a margin to the center for each of them, like I foretold with the arrow in the picture?
I need to get a border on the base of my android text view, it should look something like the count down -1:29 timer. I know I can create a image and put it on the background, but I need it to be a layout xml kinda thingy so that it adjusts with size of the text within for all phones.
Use a 9-patch image that can stretch horizontal and place it as a background. That is all you need.
i am trying to create the following UI in android app
In the above image all the five are to be image buttons. How to design this UI as like in the screen shot please help me friends....
Inside LinearLayout take RelativeLayout and make it centrally aligned.Then
Take first image Near me and set it's property.
Now take the second image Explore and set it to right of first image.
Place third image My network and place it below first image.
Fourth image Live set this to right of third image and and below second image.
Now center aligned your center image.
You will need to create 5 images, each of which has transparent areas. This layout type lets you position elements relative to the layout group itself, as well as to items within the group.
I'm not very familiar with Android advanced layout design, but the common layout objects give an idea:
There is a SurfaceView which gives you the ability to manipulate z-coördinates. In the SurfaceView you can then place a Grid/Relative/TableLayout for the 4 buttons (which you pre-render as rectangular images with transparency) and a simple Layout which centers and only contains the middle button.
If you then set the Z value of the first layout to less than that of the second you will get the view you want.