#009 paintcode code

Once you’ve added the exported files, you’re ready to consume the drawing code in a custom control. Once you’ve done this, you’ll need to add these to your existing Xamarin.iOS project. cs style and copy any images your styles use into the directory of your choice. You’ll want to make sure you’re regularly exporting the StyleKit from PaintCode into your Xamarin project in order for changes to be made available to you in your project. Exporting your style sheet will create a. PaintCode can generate a special class that contains all of the drawings, colors, gradients, shadows, and other design assets used in your app. In the following example, I’ve named the StyleKit DemoStyleKit. A number of developers have been opting to use images for control customization, which leads to a series of issues including bloating your app store binary size and that these images simply won’t scale properly on new screen sizes that Apple may release in the future. This is great because it allows you to create resolution-independent controls that will look great on any size of device.įrom the beginning, the Xamarin Designer for iOS has supported real-time rendering of custom controls, which allows you to see instant feedback on your code changes.

PaintCode is a vector drawing app that generates C# code in real-time, allowing you to design your iOS controls and export the resulting “drawing code”. Of course, having a beautiful app doesn’t just happen – creating something different often means creating your own custom controls, and creating beautiful custom controls on iOS can be a difficult task without intimate knowledge of CoreGraphics. Delivering a beautifully designed app can be the difference between having an app that gets used, or having an app that no one notices.

009 paintcode