Removing custom themes

[richmond62]

Fooling around while nursing a temperature . . . some sort of 'flu bug: aching like buggery, sweating like a pig.
-

Lick Me Too.livecode.zip

(1.72 KiB) Downloaded 86 times

[tperry2x]

Fooling around while nursing a temperature . . . some sort of 'flu bug: aching like buggery, sweating like a pig.

Hope you feel better soon. Don't worry about OXT and all this stuff, I'm making good progress. Have added draggable sliders today and toolbar button panels. Think we now have a full set of UI decorations for MacOS X 10.6, so I'll move on to the 10.7 - 10.9 ones.

Then onto 10.10 ones, Big Sur - etc. Going to need to ask you for Mac OS Sonoma Screenshots, in light & dark mode, but I'll cross that bridge when I come to it. That's a way off yet.

[richmond62]

Oh, I am not fooling around in an urge to outdo you. I am fooling around because of 2 things:

1. I feel ill, and want to take my mind off that.

2. I was worried about how to accommodate a text resize inwith a graphic object.

[richmond62]

Of course this fooling around is really fotally tucked as it is ONLY because in xTalk it seems impossible to set the corner radius of buttons:
-

lickMe3.jpg (109.14 KiB) Viewed 1369 times

-
And using an image with rounded corners as a backGroundPattern screws up on resizing.

'Roger the Dodger' [HyperStudio] manages to hang onto its rounded button corners on a resize [although there seems no way to adjust the corner radius]:
-

Screenshot 2023-11-15 at 17.47.25.png (17.66 KiB) Viewed 1369 times

-
While one CAN set the style of a button to 'rounded corners' the cornerRadius cannot be adjusted:
-

Screenshot 2023-11-15 at 17.52.20.png (52.84 KiB) Viewed 1366 times

-
If this can be effected with a graphic I wonder why it cannot be effected with a button.

[tperry2x]

I am not fooling around in an urge to outdo you.

Haha, don't worry - I didn't see it like that.
Not about anyone outdoing anyone else. The more the merrier as I guess it's all experimentation.
You've hit on an interesting issue though with the scaling thing.

I wasn't too worried, as interface elements are generally set to one size fits all.
However on something where accessibility is a consideration, I can see where having a button that scales and keeps rounded corners would be handy.

At the moment, the only way I can think of doing it is coming back to your SVG solution, but using a mixture of the 'sandwich' idea, with a text field over the top of the group that scales. That way, a user can easily change the text in the button from inside OXT, and the button - background and rounded corners would also scale. More work though to draw the SVG with all the required detail, and would take a long time. However, you'd end up with something that's scalable I guess.

The more shading and detailing that goes into each element becomes a chore to reproduce as an SVG. Unless you can trace each bitmap-fixed-resolution graphic the button is based on, and convert to scalable SVG vector graphics.

[richmond62]

No need to use an SVG: see this example:

Code: Select all

on resizeControl
   set the height of img "aqua" to the height of me
   set the backGroundPattern of me to the id of img "aqua"
   set the loc of img "aqua" to the loc of me
   set the loc btn "bHOLDER" to the loc of me
   set the textSize of me to ((the height of me)/2)
   set the roundRadius of me to ((the height of me)/2)
   set the textSize of btn "bHOLDER" to ((the height of me)/2)
   set the label of btn "bHOLDER" to the short name of me
   set the width of me to ((the formattedWidth of btn "bHOLDER") + 20)
   set the loc btn "bHOLDER" to the loc of me
end resizeControl

-

Screenshot 2023-11-15 at 22.37.46.png (79.52 KiB) Viewed 1356 times

-

[tperry2x]

That's fine in theory, but when the card updates (or if you change to another card, then come back) does the image go back to its original size?

I can't test as not near a computer at the moment, trying to type this on a phone.

[richmond62]

Not if you lock the image used as the backGroundPattern.

[tperry2x]

So, yes - that does indeed resize, and keeps the rounded corners.
However, the image in the middle is simply upscaled upon resizing so becomes pixellated.
That's not too bad on the image in this example, but with a more complex background image, the pixellation is more noticeable.
But, it does work.

You might want to also add:

Code: Select all

on moveControl
   set the loc of img "aqua" to the loc of me
end moveControl

So that when the user drags the button around, the hidden image 'aqua' follows. This helps ensure that the resizing works as expected.

[richmond62]

The main problem about my version is that it looks as falt as a flat thing.

If one could get it to look like this inwith xTalk [this mockup faked up in GIMP], it would pass muster:
-

SShot 2023-11-16 at 10.37.35.png (24.18 KiB) Viewed 1331 times

[richmond62]

I ran off some "Scream shots" of the Sonoma buttons (which I do NOT like: especially the progress bar).

I did them against white and then against pale orange for contrast:
-

SShot 2023-11-16 at 12.53.02.png (22.43 KiB) Viewed 1329 times

-

SShot 2023-11-16 at 12.53.30.png (24.38 KiB) Viewed 1328 times

-
I do not understand what these are, so if you can explain, I'll have a go:
-

BongaBonga.png (39.09 KiB) Viewed 1328 times

[richmond62]

And here "we go again" in Dark Mode . . . for what its worth:
-

SShot 2023-11-16 at 13.00.44.png (21.89 KiB) Viewed 1327 times

-
and with my having set the textColor of the buttons to black:
-

SShot 2023-11-16 at 13.02.55.png (22.8 KiB) Viewed 1324 times

[tperry2x]

Hi Richmond.
I appreciate you supplying these, however this illustrates the point as to why I'm creating this. You'll note that the sonoma representations of these things is largely incorrect in OXT / LCC. Please can you grab screenshots of the controls shown in System Preferences (General) is a good place to compare what popup lists should look like, as opposed to OXT / LCC's 'representation' of them. (That's the kindest way I can describe their efforts).

I suggest using system preferences for screenshots, or maybe Disk Utility, as being Apple applications, they conform to what the system should show throughout.

Progress on the 10.6 UI bits is pretty much there I think. I'll move onto the 10.7 ones.
I've fixed a few little resizing bugs with my stack, and I also added a check to only play the pulsing animation (shown in this gif) when the button is visible.

simplescreenrecorder-2023-11-16_10.gif (140.38 KiB) Viewed 1323 times

[tperry2x]

Mac OS X 10.7 "Lion" > 10.9 "Mavericks" themes done:

screenshot-107.gif (126.55 KiB) Viewed 1300 times

Also, Mac OS X 10.10 "Yosemite > 10.14 "Mojave":

1010-1014.png (35.61 KiB) Viewed 1284 times

Mac OS X 10.15 "Catalina" (dark and light mode variants)

screenshot-1015.gif (38.14 KiB) Viewed 1268 times