edgetx icon indicating copy to clipboard operation
edgetx copied to clipboard

SVG & PNG for color LCD radio - change & clean up

Open JimB40 opened this issue 1 month ago • 1 comments

This PR

  • integrates Figma as source for SVG graphics
  • automated PNG build for color LCD radios via covert-gfx.sh

Summary of changes:

  1. changed img-src files names & folder structure
  • files follows naming <bmp_|mask_><type_>.svg scheme that follows Figma UI Design scheme
  • bmp_ & mask_ prefix defines PNG type
  • no subfolders to simplify PNG generation & review
  • all SVG vector sources simplified end re-exported to img-src
  1. Replaced PNG
  • PNGs now have new names
  • unused PNGs are removed
  • conversion done using rsvg-convert for smaller size
  1. Modified CMakeList.txt
  • simplified
  1. Modified *.cpp
  • all *.cpp with *.lbm references are updated to reflect naming change
  • _BuiltinIcon names left untouched to avoid conflicts (lots of changes in code)
  1. tools script to convert SVG to PNG
  • changed script name to convert-gfx.sh
  • added --resvg param to force using resvg insted of rsvg-convert (testing)

Other PRs @pfeerick

  • this affects #6753 so probably this one should be merged first ?
  • will close #6779
  • may close #6772 :)

JimB40 avatar Nov 10 '25 05:11 JimB40

Figma Integration

Screenshot 2025-11-10 at 06 46 14
  • left > Design window
  • right > Export SVG window

Any changes in Design window are automatically refleced in Export SVG window that converts graphic to specified type (normal PNG or mask PNG)

JimB40 avatar Nov 10 '25 05:11 JimB40