CrossGraphics icon indicating copy to clipboard operation
CrossGraphics copied to clipboard

How can I render my SVG buttons in Xamarin.Forms (ios/android)?

Open Emasoft opened this issue 10 years ago • 2 comments

This is a great library for crossplatform development. I just discovered it reading this article: http://blog.xamarin.com/code-sharing-strategies-for-ios-mac/ I need to render my SVG buttons in Xamarin.Forms (ios/android/osx), but I cannot see the support for SVG on iOS, OSX or Android yet.

I use to create all my assets in SVG because it's the only scalable and crossplatform graphic format. This is how my buttons should look for reference: ios_app_buttons

You can download the original svg file from my google drive (click on the download button): http://goo.gl/m7TbmM

Please add support for this. Thanks.

Emasoft avatar Feb 19 '15 22:02 Emasoft

For an easier debug, here it is a splitted version of the two main buttons svg files, you can download the zip from here: https://drive.google.com/file/d/0BxexooDWEb8ublZlcm5yRWpXTzQ/view?usp=sharing

Here are the screenshots of how each svg file should look:

schermata 2015-02-20 alle 20 28 22 schermata 2015-02-20 alle 20 27 56 schermata 2015-02-20 alle 20 24 58 schermata 2015-02-20 alle 20 24 49 schermata 2015-02-20 alle 20 24 17 schermata 2015-02-20 alle 20 23 59

Emasoft avatar Feb 20 '15 19:02 Emasoft

Hey Emanuele (saw your name from here https://forums.xamarin.com/discussion/46850/will-the-ngraphics-library-be-supported-included-in-the-future) .

I have been searching on how to make cool looking buttons/controls. Do you have a sample project with the step by step process? Do you first draw the svg the way you want it, then make an image of it (.svg file) ? After this, how do you reference it in Xaml in Xamarin.Forms?

Thanks again!

tuf22191 avatar May 18 '17 00:05 tuf22191