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

PhilN

Member
Licensed User
Longtime 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.
 
Very good ! Thank you !!
And...how did you insert your corelDraw graphics into B4X ?
 

PhilN

Member
Licensed User
Longtime 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.
 

BlueVision

Active Member
Licensed User
Longtime User
Phil, I like your app very much. It's design is awesome, functionality too. Send me a PM and tell me about the trick to get an awesome fast position fix, after starting the app. It's almost immediately. Only thing really annoying me is probably fast to fix for you. In my eyes a small mistake in design. Have a look at the compass rose in your posted picture above. There is a problem with the orientation of the large letters for east, south and west inside the blue ring. "W" and "E" should rotate about 90 degrees, "S" is upside down. The smaller letters for NW, NE, SE and SW are correct. There is always something, I know... But, it is an awesome piece of software. I like it, when an app "physically" redesigns my mobile phone into something completely different. Exactly my approach in design, honestly I am not that perfect. We should talk...
 

PhilN

Member
Licensed User
Longtime User
Thank you for the complement. Much appreciated. Actually I use the FLP (Fused Location Provider) to get a geolocation. It uses WiFi or GPS depending on which is available as I understand it. I agree with you concerning the E, S and W letters. I might fix them in the next release.
 
Cookies are required to use this site. You must accept them to continue using the site. Learn more…