While one can add shadows and inner and outer glows to controls, there seems no obvious way to add a bevel edge:
-
-
Faked with the help of GIMP.
Of course, if you are happy with a static image-as-button that is not a problem at all (just knock together the image in an external graphics program); but if you want something scaleable . . .
There ain't no bevel edges.
Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller
-
- Livecode Opensource Backer
- Posts: 9417
- Joined: Fri Feb 19, 2010 10:17 am
- Location: Bulgaria
There ain't no bevel edges.
Last edited by richmond62 on Thu Nov 16, 2023 11:29 am, edited 1 time in total.
-
- Livecode Opensource Backer
- Posts: 9417
- Joined: Fri Feb 19, 2010 10:17 am
- Location: Bulgaria
Re: There ain't no bevel edges.
Some wag suggested the third 'thing' here was a bevel:
- -
https://forums.livecode.com/viewtopic.php?t=32132
But it isn't: it is just a silly arrangement of colours round a button border.
- -
https://forums.livecode.com/viewtopic.php?t=32132
But it isn't: it is just a silly arrangement of colours round a button border.
-
- Livecode Opensource Backer
- Posts: 9417
- Joined: Fri Feb 19, 2010 10:17 am
- Location: Bulgaria
Re: There ain't no bevel edges.
And why, "sugar-my-kneecaps", did it take me about 22 years to learn about miterLimit?
AND . . . what exactly is the point of miterLimit as it seems to have no visible effect on a graphic?
- -
"The miterLimit is used to calculate the maximum size of a miter join before it is rendered as a bevel."
Aha: so where is the bevel?
AND . . . what exactly is the point of miterLimit as it seems to have no visible effect on a graphic?
- -
"The miterLimit is used to calculate the maximum size of a miter join before it is rendered as a bevel."
Aha: so where is the bevel?
Re: There ain't no bevel edges.
Not quite sure what you mean by 'bevel edge' as this (and things like mitering) really only applies to 3D constructs.
Do you mean simulating this so that a 2D object has a pseudo-3D appearance? (most HIG's go against this as the current trend is for 'flat' interfaces).
Or do you mean mean rounded corners?
For pseudo 3D, you can achieve a bevel effect with combination of innerShadow, innerGlow and optionally fillGradient (as seen in the 2nd graphic below).
I always use graphics as they have adjustable roundRadius. The image below is with a roundRect graphic with effects applied within LiveCode.
Do you mean simulating this so that a 2D object has a pseudo-3D appearance? (most HIG's go against this as the current trend is for 'flat' interfaces).
Or do you mean mean rounded corners?
For pseudo 3D, you can achieve a bevel effect with combination of innerShadow, innerGlow and optionally fillGradient (as seen in the 2nd graphic below).
I always use graphics as they have adjustable roundRadius. The image below is with a roundRect graphic with effects applied within LiveCode.
-
- Livecode Opensource Backer
- Posts: 9417
- Joined: Fri Feb 19, 2010 10:17 am
- Location: Bulgaria
Re: There ain't no bevel edges.
Those look pretty good, Thanks!