Android Question Better Draw Performance

MarkusR

Well-Known Member

Licensed User

Longtime User

• Apr 3, 2019

• #41

emexes said:

You know that costs extra, right? ;-)
Or are you saying that there is some trap awaiting in displaying numbers? Like, the needle rotation is done in hardware by the GPU, but text display is slow?
Hmm. I really don't want to, but...

Click to expand...

more as occupational therapy but the number output take also time.

your trophy is a "master of gauges" award if it looks like the mentioned obd app.

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #42

I'm not really feeling the urge to do this, because the gauge dial background and needle are full-color and alpha-enabled bitmaps, so somebody more artistic than me can craft their masterpiece down to the last pixel. I started pulling the needle and dial images out of the Excel bloke's example, but... I don't have the appropriate tools ready to go, was just using Windows Paint, and it was going to be rough.

So instead I've programatically added a three-dee-ish border, and made the dials 50% transparent so that there is some detail showing through from the background image. My first attempt with the numbers is below - I thought I'd have trouble finding an appropriate size, stuff up the positioning, all sorts of disasters, but... it came out pretty well given that this pilot was flying blind.

 

Last edited: Apr 3, 2019

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #43

Would you like the needle to pass behind or in front of the number?

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #44

Adding numbers increases the paint time by about 50%. They are put on the needle layer, and thus they are "see through" . If you wanted to have a background to the number, like maybe an odometer-style thing, then you'd add that to the static background.

Speaking of which, thanks for prompting me to try this all-on-one-layer thing, I'm quite pleased with the speed improvement compared to having each gauge on its own layer, even though I haven't had the performance challenges with my apps that Scantech's having with his way more complex one.

As much as I enjoy programming, I'm going to call this issue: job done.

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #45

https://www.dropbox.com/s/spvnsh0m53wloe1/VID_20190403_223646.mp4

(alternates with/without numbers every 5 seconds)

 

Upvote 0

MarkusR

Well-Known Member

Licensed User

Longtime User

• Apr 3, 2019

• #46

i started also a gauge custom view just for fun i will try later at phone.

cheap paint app https://www.pl32.com/

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #47

Just for fun, you reckon?!?! I don't know about you, but I wince everytime I see those fancy bezels taking up all that room... I will admit that they do look good, though.

When I saw the opening screen of the Excel Guy's three gauges, my first thought was: that's a f'n lot of space just to show three numbers ;-)

Now I have to crawl back to that video to find out how them bezels are made :-/

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #48

Erel said:

My implementation

Click to expand...

1/ When did you sneak that post in?!?!

2/ Most times when I read your code, it reminds me of the quote: Any sufficiently advanced technology is indistinguishable from magic.

My only hope to salvage some confidence here... I think your needles are drawn programmatically rather than using a rotated image bitmap, which I think gives greater latitude to simulating real-world gauges.

 

Upvote 0

klaus

Expert

Licensed User

Longtime User

• Apr 3, 2019

• #49

I tested with 200 gauges with the original xGauges class.
It runs OK on my Samsung Galaxy S8 and on my Samsung Tab S2.
The gauges are put on a Scrollview.
When the number of gauges is above about 220, the value update becomes slower.
The needles are panels which are rotated.

 

Attachments

• TestManyGauges.zip

  15.3 KB · Views: 392

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 4, 2019

• #50

klaus said:

The needles are panels which are rotated.

Click to expand...

What?? You can rotate panels?!?!?! Man, I wish I'd known that 24 hours ago!!!

So, after fixing the typo that hardcoded the test grid to 2 columns, I put that thing through its paces, with 40 gauges displayed (visible) on screen, at varying sizes (just in case there was any optimisation going on by reusing precomputed needles between gauges) and with transparent backgrounds and gauges over the top of each other, and holy cow... it all worked. That is pretty schmicko.

If there is indeed a "Master of Gauges" award, I vote it goes to Klaus.

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 4, 2019

• #51

That panel-rotation feature might be the clincher that shifts me over to XUI. I am guessing that it is done in hardware when compositing the frame to the display buffer, which is even better (assuming there's a GPU on hand) because it doesn't come out of the CPU cycle budget. I'm intrigued what happens if you have rotated views within rotated views, but... everything else looks good, so no doubt that's been implemented right too.

 

Upvote 0

E

emexes

Expert

Licensed User

Longtime User

• Apr 4, 2019

• #52

To add an optimistic flavour to apps, by making sure the needle is always pointing UP:

https://www.dropbox.com/s/qhym1b0i3hjxdg1/RotationSquared.mp4

This'll be great for us in the Southern Hemisphere, no more having to make corrections like this:

 

Upvote 0

klaus

Expert

Licensed User

Longtime User

• Apr 4, 2019

• #53

emexes said:

(just in case there was any optimisation going on by reusing precomputed needles between gauges)

Click to expand...

In the xGauges class, the default needles are drawn onto the needle panel during the gauge initialisation.
You can also use other custom bitmaps.

 

Upvote 0

MarkusR

Well-Known Member

Licensed User

Longtime User

• Apr 6, 2019

• #54

test with a raytraced border

 

Last edited: Apr 6, 2019

Upvote 0