tutorial.txt 1.5 KB

1234567891011121314151617181920212223242526272829303132333435
  1. Icons for double line list boxes and applications:
  2. ===================================================
  3. 1) create, copy, steal your icone. Use Inkscape for editing as save as SVG (or svg plano/plain)
  4. 2) Create a 44x44 icon. In fact, the S60 should be able to scale the icon, but sometimes this fails.
  5. 3) Convert your icon using SVG2SVGTConverter tool, available inside S60 SDK
  6. 4) Add viewBox parameter to your icon:
  7. http://wiki.forum.nokia.com/index.php/KIS000398_-_SVG_rendering_problems_caused_by_missing_viewBox_attribute
  8. If your icon is, for instance, 44x44, attribute viewBox="0 0 64 64" to tag svg. Something like:
  9. <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" width="44px" height="44px" viewBox="0 0 44 44">
  10. 5) converte to mif using mifconf. Dont forget to use /X for no compression
  11. C:\S60\devices\S60_3rd_FP2_SDK_v1.1\epoc32\tools\mifconv.exe myicon.mif /c32 myicon.svg /SC:\S60\devices\S60_3rd_FP2_SDK_v1.1\epoc32\tools /Hmyicon.mbg /X
  12. 6) When loading, it is necessary to specify indexes. You can find the indexes inside myicon.mbg. In appuifw, use the same index for image and mask, like below:
  13. /* This file has been generated, DO NOT MODIFY. */
  14. enum TMifWordmobi
  15. {
  16. EMbmWordmobiRecycle = 16384,
  17. EMbmWordmobiLastElement
  18. };
  19. appuifw.Icon("myicon.mif",16384,16384)
  20. http://discussion.forum.nokia.com/forum/showthread.php?t=98661
  21. http://wiki.forum.nokia.com/index.php/Issue_with_SVG_icon_display_on_3rd_edition
  22. http://wiki.forum.nokia.com/index.php/KIS000398_-_SVG_rendering_problems_caused_by_missing_viewBox_attribute