Skip to main content
Jump to: navigation, search

Difference between revisions of "Scout/HowTo/3.7/Add an icon"

< Scout‎ | HowTo‎ | 3.7
m (Add the icon file to the project)
Line 3: Line 3:
 
===== Add the icon file to the project =====
 
===== Add the icon file to the project =====
  
In the '''shared''' project (e.g. tutorialMiniCrm.shared.tutorialMiniCrm) add the icon file to the '''resources/icons''' folder.  
+
In the {{ScoutLink|Concepts|Shared Plug-In|'''Shared''' Plug-In}} (e.g. <code>tutorialMiniCrm.shared.tutorialMiniCrm</code>) add the icon file to the <code>resources/icons</code> folder.  
  
 
Scout supports many different picture formats. You can use a PNG file that has a size of 16*16 pixels.  
 
Scout supports many different picture formats. You can use a PNG file that has a size of 16*16 pixels.  

Revision as of 03:26, 15 September 2010


Scout
Wiki Home
Website
DownloadGit
Community
ForumsBlogTwitterG+
Bugzilla
Bugzilla


Add the icon file to the project

In the Shared Plug-In (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 project (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 (Project > Shared > Icons > Scout Object Properties > Open icons editor).

IconEditor.png

It is also available in the icon chooser field in order to configure quickly your GUI.

IconChooser.png

Back to the top