Settings

Theme

Drawing Code for iOS 7 Rounded Rectangles

paintcodeapp.com

54 points by PixelCut 12 years ago · 6 comments

Reader

ginko 12 years ago

So it's more like the squircle[1] shape used by Nokia in their Symbian and Meego phones.

[1]https://en.wikipedia.org/wiki/Squircle

malkia 12 years ago

I've collected few rounded square (squircles :)) codes using cairo (through luajit):

http://cairographics.org/cookbook/roundedrectangles/

http://graphics.stanford.edu/courses/cs248-98-fall/Final/q1....

and two more here (but I forgot to put the links where I got the code from, and I don't recall being my original code):

https://github.com/malkia/ufo/blob/master/samples/cairo/ui.l...

  gfx:round_rect_a()
  gfx:round_rect_b()
  gfx:round_rect_c()
  gfx:round_rect_d()
elsurudo 12 years ago

The PaintCode team continue to impress... Great app! Really helped me to generate the drawing code for my custom, dynamic UIViews.

jlas 12 years ago

As a non-designer techie I'm always amazed when I see articles showing the subtle differences in the new iOS or OSX.

I usually don't consciously perceive the subtlety, so seeing these detailed articles helps me appreciate the effort that went into the design.

dsego 12 years ago

The new iOS icon shape seems to imitate ubuntu phone (http://www.ubuntu.com/phone/app-ecosystem).

RTesla 12 years ago

What would i use this for?

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection