Make a design to show the date

Hi,
I need some help in making a design to show the date like this,
Test date view

But I got stuck at this point
image

Can someone please help me, or rather show an example on how I can do this?

Appreciate any effort

use the first photo (remove the text) as a bg image of arrangement.

For example this way:

grafik

@Anke, I want to make a design not the code. Is it possible?

@Kevinkun, I have got to this level, the problem is, I want the outside arrangement (the lighter orange) to be shorter than the circle like this

How can I do that?

:question:

Anyway, I showed you both.

make one with a photo editor like photoshop.

No I need to know how to make the rectangle at the back be shorter than the circle. And I can’t figure out how to do that. It’s probably something like overlapping but how is that down??

You mean the background image❓

grafik

borrar_fondolabel.aia (4.4 KB)

Check if it works for you with a background image for different screen sizes.

1 Like

Yes, this will look different on different screen sizes:

grafik

This could work, but the circle needs to be dragged right? I want it to be fixed.
Sorry if there is an obvious answer, but I am rather a beginner

Perhaps by improving the width percentage of the labels and unchecking HasMargin you can get better centering.

borrar_fondolabel2.aia (4.5 KB)

Thanks I’ll check when I get my lap and let you know

Try this one (it should work on all Android versions / devices and also in Landscape / Portrait mode):

Check it on your test devices.

The screenshots are from a Pixel 4XL, Android 12:

grafik

Thanks, it works now!

Pixel 4XL (Android 12):

grafik

1 Like

Ok thanks very much :+1:

Try this one (on different devices):
dateDesign2.aia (4.7 KB)

1 Like