Notice: This Wiki is now read only and edits are no longer possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.
Difference between revisions of "Scout/HowTo/3.7/Add an icon"
m (→Add the icon file to the project) |
(java source + links) |
||
Line 11: | Line 11: | ||
===== Link your file to your application ===== | ===== Link your file to your application ===== | ||
− | Open the Icons class in the shared | + | Open the Icons class in the shared (e.g. tutorialMiniCrm.shared.tutorialMiniCrm.Icons) and add a new line like this: |
− | + | <source lang="java"> | |
− | + | public static final String UserHome ="home_red"; | |
+ | </source> | ||
*Name of the constant is the name that you will use in your application. (e.g. UserHome) | *Name of the constant is the name that you will use in your application. (e.g. UserHome) | ||
Line 23: | Line 24: | ||
When you need to provide an Icon you can now use the Icons class. For example: | When you need to provide an Icon you can now use the Icons class. For example: | ||
− | + | <source lang="java"> | |
− | + | @Override | |
− | + | protected String getConfiguredIconId(){ | |
− | + | return Icons.UserHome; | |
− | + | } | |
− | + | </source> | |
With the appropriate import: | With the appropriate import: | ||
− | + | <source lang="java"> | |
− | + | import tutorialMiniCrm.shared.tutorialMiniCrm.Icons; | |
− | + | </source> | |
− | Of course the new icon is listed in the icon editor in the Scout SDK (Project > Shared > Icons | + | Of course the new icon is listed in the icon editor in the Scout SDK ({{ScoutLink|SDK|Explorer View|Explorer View}}: Project > Shared > Icons, {{ScoutLink|SDK|Object Properties View|Object Properties View}}: Open icons editor). |
[[Image:IconEditor.png]] | [[Image:IconEditor.png]] |
Revision as of 17:41, 30 October 2010
The Scout documentation has been moved to https://eclipsescout.github.io/.
Add the icon file to the project
In the The Scout documentation has been moved to https://eclipsescout.github.io/. (e.g. tutorialMiniCrm.shared.tutorialMiniCrm
) add the icon file to the resources/icons
folder.
Scout supports many different picture formats. You can use a PNG file that has a size of 16*16 pixels.
Link your file to your application
Open the Icons class in the shared (e.g. tutorialMiniCrm.shared.tutorialMiniCrm.Icons) and add a new line like this:
public static final String UserHome ="home_red";
- Name of the constant is the name that you will use in your application. (e.g. UserHome)
- Value is the name of your file without the extension. (e.g. home_red.png)
Use your icon
When you need to provide an Icon you can now use the Icons class. For example:
@Override protected String getConfiguredIconId(){ return Icons.UserHome; }
With the appropriate import:
import tutorialMiniCrm.shared.tutorialMiniCrm.Icons;
Of course the new icon is listed in the icon editor in the Scout SDK (The Scout documentation has been moved to https://eclipsescout.github.io/.: Project > Shared > Icons, The Scout documentation has been moved to https://eclipsescout.github.io/.: Open icons editor).
It is also available in the icon chooser field in order to configure quickly your GUI.