0

I am struggling with extracting the code from the given inputs on Zeplin design. Zeplin shows me borders with inside of two dimension with each dimension having 4 different color. To be honest, I couldn't understand what does 4 different color means in terms of border. And also, that causes me to cannot create a proper inside border.

Beside, I understand the border axises for X and Y, but I even couldn't figure out how to give only top border and not giving for bottom (like a one side border)

You can find the specifications of the borders at the image below.

An example Zeplin output for inside border

I would be glad if you can provide me an example with a code (both for Swift and Obj-C are okay) or I am also okay for any advices through an explanation of the different coloring.

Kutay Demireren
  • 640
  • 1
  • 10
  • 25
  • I think they want you to create a gradient border. 4 Colors mean that you have gradient consisting of these 4 colors. To implement this you would need to create a CAGradientLayer. – inokey Sep 12 '18 at 13:36
  • The solution might be found here: https://stackoverflow.com/questions/36836367/how-can-i-do-programmatically-gradient-border-color-uibutton-with-swift – inokey Sep 12 '18 at 13:36
  • there is only one color with 4 different opacity,like alpha. – tryKuldeepTanwar Sep 12 '18 at 14:31
  • So, that makes sense. I am giving a try to create gradient border. Thanks! – Kutay Demireren Sep 12 '18 at 14:40

0 Answers0