Hi!
I want do realize this in Swing:
- background: as you see there is a gradient and a image on the right side. the area should be resizable (add space between the image and the tabs).
- the tabs have a special design with graphics/gradients
- the background of the tabs is shared with the rest of the header
- the buttons also have gradients
the picture shows the header of the application. The single tabs contain panels below with standard components. The standard components remain like the look&feel or have - beside the descirbed buttons - only minor changes... like the colors in a table. But no more gradients or graphics.
so what is the best way to get this done in swing?
i'm not sure what to do - for example: do i use tabs or is it better to solve the whole thing with simple swing components (maybe containing only images) and "simulate" tabs. if i use images is it maybe the easiest way to create _everything_ with the images (also the text on it)? HTML may be also a good way*, but on which layer?! Design the single elements with html or a whole panel.
Or is it by far the best way do do it quick and dirty and see the whole header as one image (or several images in the different states), set it as an background of a panel and react pixelwise on mouseovers and clicks?!
I think this may be a general discussion of using images/html or altering the look of components with drawing etc. But if i draw gradients by myself: how do i realize tabs not only with with a gradient but also a different border, small yellow graphic on top etc?! Is it makeable (and not too complicated) by drawing manually, changing border and stuff?! Or use another way as described above or a completely different one!? If the tabs can be realized... how is it possible to connect the background of the tabs with the header above with one shared gradient?
* I think that's where the whole thing comes from: the design is from a company normally doing web design. But this is for an application... bad for me...
I did a lot of Java GUI programming before, layouting and stuff - but never had a strict design with gradients and images before. So i'm not sure how to begin the design and layout of the application. I appreciate any hint.
I want do realize this in Swing:
- background: as you see there is a gradient and a image on the right side. the area should be resizable (add space between the image and the tabs).
- the tabs have a special design with graphics/gradients
- the background of the tabs is shared with the rest of the header
- the buttons also have gradients
the picture shows the header of the application. The single tabs contain panels below with standard components. The standard components remain like the look&feel or have - beside the descirbed buttons - only minor changes... like the colors in a table. But no more gradients or graphics.
so what is the best way to get this done in swing?
i'm not sure what to do - for example: do i use tabs or is it better to solve the whole thing with simple swing components (maybe containing only images) and "simulate" tabs. if i use images is it maybe the easiest way to create _everything_ with the images (also the text on it)? HTML may be also a good way*, but on which layer?! Design the single elements with html or a whole panel.
Or is it by far the best way do do it quick and dirty and see the whole header as one image (or several images in the different states), set it as an background of a panel and react pixelwise on mouseovers and clicks?!
I think this may be a general discussion of using images/html or altering the look of components with drawing etc. But if i draw gradients by myself: how do i realize tabs not only with with a gradient but also a different border, small yellow graphic on top etc?! Is it makeable (and not too complicated) by drawing manually, changing border and stuff?! Or use another way as described above or a completely different one!? If the tabs can be realized... how is it possible to connect the background of the tabs with the header above with one shared gradient?
* I think that's where the whole thing comes from: the design is from a company normally doing web design. But this is for an application... bad for me...
I did a lot of Java GUI programming before, layouting and stuff - but never had a strict design with gradients and images before. So i'm not sure how to begin the design and layout of the application. I appreciate any hint.
Zuletzt bearbeitet von einem Moderator: