Does anybody have any suggestions on what a modern GUI window should look like? I plan to add skins to make themes super easy without programming.
If you have a model, post three versions, each a 320 x 200 window with rectangles outlining the hotspots for the portions below, one window normal, one window mouse over, one window mouse down.
Please mention anything I'm missing below:
Rectangles:
menu
minimize
maximize
close
titlebar
inner client
Color values for:
menu background
menu text
menu shortcut letter
menu highlight background
menu highlight text
menu highlight shortcut letter
menu disabled background
menu disabled text
menu disabled shortcut letter
window background
window foreground
window highlight text background
window highlight text foreground
titlebar background
titlebar foreground
Include:
font name, size, attributes:
b-bold, i-italics, u-underline, s-strikethru, o-outline
Also a mode for how to draw the titlebar text (add values together):
0-left, 1-center, 2-right
4-normal, 8-bold
16-shadow, 32-blur, 64-darken, 128-lighten, 256-whiten,
512-opaque, 1024-transparent
Everything else will be the non-client area and will be drawn / stretched as -is to meet the window's needs, with corners and edges used for resizing.
I'll post an example using a Windows-like theme.