The HUD overlay doesn't resize automatically about tecla-framework HOT 9 CLOSED

Is this happening on the emulator or on a real device? Also, would you mind posting the trace for the crash in another bug report?

from tecla-framework.

@ericwan78 this is most likely because the overlay is being drawn programmatically. It should be possible to define the position of all elements with the XML layout file and only control the highlights and non-layout properties programmatically.

@sagarchandarana123 let us know if you would like to tackle this.

Just to confirm... we should aim to layout all HUD elements entirely with the XML file and later grab each element inside the rendering class to perform highlighting and non-layout operations such as dynamically changing the alpha values as defined in #56

from tecla-framework.

Both screenshots are from real devices. The first one is Sony Xperia Miro with CyanogenMod10 JB 4.1.2 custom ROM. The second is Galaxy SII generic JB 4.2.
Yes I think I can work on it. But first I need to atleast run the application successfully on a device. Could you please help me with the issue #61 ? I have posted logcat too.

from tecla-framework.

I think i can make some changes in the lay out files and this issue can be resolved.
I will try to work on it.

from tecla-framework.

@lakhan091 @sagarchandarana123 please not the updated HUD mock-up below. The assets have not been extracted yet but are available inside the vector graphics mock-up inside the docs folder here: https://github.com/idrc/tecla-as/tree/develop/docs

from tecla-framework.

@ericwan78 @jorgeSilva : I just went through the whole code of TeclaAS. Currently all the drawing and highlighting happens in TeclaHUD class, programmatically. So I guess I will fetch the new graphics from the doc folder, resize them for drawable-mdpi and ldpi, make an xml layout to draw the whole overlay, and modify alphas (highlighting) in TeclaHUD for fade effects, attach the 'back key' with the code. It will solve this and other issues #53 #54 and #60.

from tecla-framework.

If scaling is an issue, you may have to apply the 9-patch technique. This would only apply to the directional buttons along their largest dimension since the corners will be hard to scale. In other words, we should aim to place the constant-size corners close to the edges of the screen, and 'fill' the space between them by elongating the directional (arrow) buttons. Then just place whatever icon is needed on the centre.

@sagarchandarana123 you should know @ericwan78 is working on the same thing, so if you can help each other, that would be great.

from tecla-framework.

@jorgeSilva Yes I know about the 9-patch technique. I observed the black lines on the edges of all icons while i was coloring the Red pngs into Blue for the old Tecla app. I also observed that there was no blackline at the corners of the icons. I will make sure that scaling does not cause any distortion on the screen. Thanks for advice!
I will be in touch with Eric for development.

from tecla-framework.

This should now work after merging 75dff1f

from tecla-framework.