Designer 10.5 | webMethods Mobile Development | Creating a Mobile Project | Defining Resources for a Mobile Project | Adding Graphical Assets | Customizing a Library Icon
 
Customizing a Library Icon
Mobile Development includes an icon library, containing hundreds of icons, which you can customize and use in your application.
*To customize a library icon
1. Do one of the following:
a. Open the Asset Editor by double-clicking an existing asset file, or right-click an existing asset file, select Open > Open With, and select Asset Editor.
b. Create a new asset file as described in Adding Graphical Assets.
2. In the Asset Editor, on the Customize a library icon page, modify the information as required:
For this field, button, or tab
You can do this
Asset Name
Enter or modify a name for the asset.
Source > Search for a category or icon name
Do a keyword search for an icon name.
Or
Press CTRL + SPACE to select a category from the list of categories.
Source > Displayed icons
Select an icon. The selected icon is shown in the Preview at the right side of the editor.
Source
Click to copy the source of the selected library icon to the clipboard.
Or
Click to proceed to the Create a Vector Graphic page of the Asset Editor and compose a vector graphic of the library icon as described in Creating a Scalable Vector Graphic.
Properties > Stroke Color
Click the field, enter a Hex color code, or select a color from the list of colors defined in the application model to specify a stroke color for the icon.
Or
Click . In the color picker, select a color from the Delite (Software AG) or Material (Android) color palette.
Properties > Fill Color
Click the field, enter a Hex color code, or select a color from the list of colors defined in the application model to specify a fill color for the icon.
Or
Click . In the color picker, select a color from the Delite (Software AG) or Material (Android) color palette.
Properties > Background Shape
Click RECT or CIRCLE to select a rectangle or a circle background decoration.
Asset Size
Specify a size and padding for the asset for Android or iOS devices.
Or
Select one of the predefined asset sizes Small Icon, 24 dp, 48 dp, Tab Icon, or Navbutton Icon.
3. Click CTRL + S to save the asset.
When saving the asset, Mobile Development automatically creates icons for every screen resolution. Those icons are located within the your_project/gen/.assets/graphics directory. Make sure to commit this directory when working with a source code management system.
Related Topics