Share My Creation Compass GM a gyro-magnetic compass app featuring true and magnetic heading

PhilN

Member
Licensed User
Please, could you explain me how you build the wonderfull UI ?
Hi Mario. Sorry about my first reply to your question. I misunderstood what you said. I thought you said: Did you make the graphics?

To answer your question: I used Corel Draw, a vector based drawing and layout package. You can use Inkscape as it is free, to do the same. I searched for GUI elements that were free and that I liked and then down loaded the bitmap as a reference. I then painstakingly took the time to recreate my buttons using a similar look and feel to the reference GUI. It is quite a lot of work and takes a lot of time. I am quite good with graphic design, so to me it was easy. To someone with no experience in graphic design it will take a long time, but it still is possible. Once you enable yourself by getting to know a graphics program like Inkscape, you can fly and continue to create amazing content. If you really do not have a creative flare for graphic design, perhaps you can hire someone online to do the work for you. If you hire someone, you must be very clear about what you want to do and at what price. I hope this answers your question more clearly.
 
Hi Mario. Sorry about my first reply to your question. I misunderstood what you said. I thought you said: Did you make the graphics?

To answer your question: I used Corel Draw, a vector based drawing and layout package. You can use Inkscape as it is free, to do the same. I searched for GUI elements that were free and that I liked and then down loaded the bitmap as a reference. I then painstakingly took the time to recreate my buttons using a similar look and feel to the reference GUI. It is quite a lot of work and takes a lot of time. I am quite good with graphic design, so to me it was easy. To someone with no experience in graphic design it will take a long time, but it still is possible. Once you enable yourself by getting to know a graphics program like Inkscape, you can fly and continue to create amazing content. If you really do not have a creative flare for graphic design, perhaps you can hire someone online to do the work for you. If you hire someone, you must be very clear about what you want to do and at what price. I hope this answers your question more clearly.
Very good ! Thank you !!
And...how did you insert your corelDraw graphics into B4X ?
 

PhilN

Member
Licensed User
Very good ! Thank you !!
And...how did you insert your corelDraw graphics into B4X ?
Hi Mario. Asales is correct. I export the graphics at any DPI that I want since my artwork is in vector graphic format. I have selected a resolution that is roughly HD (1920 x 1080), and then export the button graphics (3 x PNG images that include transparency), for NORMAL, PRESSED and DISABLED states. Here Corel Draw is very nice in that it allows me to create 3 state buttons. I also export the backgrounds as JPG if they do not have transparency. Some of the panels that hold the buttons have transparency, so they are PNG images. I use the Designer in B4A to do my layout of all the buttons and text. In the Designer you can load all the graphic bitmaps, PNG or JPG, into buttons or images that you can resize and position. I look at my layout that I have made in Corel Draw as a reference to see where each element must be placed. I sometimes measure them and work out scaling factors accordingly especially when their aspect ratio must be retained. I also use layout scripts to make the design layout to work on various screen aspect ratios. I test them. I hope this helps you.
 
Top