Drawing Code for iOS 7 Rounded Rectangles

#1

Post by PixelCut » Mon, Nov 18, 2013, 6:18 PM UTC

Re: Drawing Code for iOS 7 Rounded Rectangles

#2

Post by dsego » Mon, Nov 18, 2013, 7:02 PM UTC

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

#3

Post by elsurudo » Mon, Nov 18, 2013, 7:13 PM UTC

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

#4

Post by ginko » Mon, Nov 18, 2013, 7:26 PM UTC

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

#5

Post by RTesla » Mon, Nov 18, 2013, 8:40 PM UTC

What would i use this for?

#6

Post by jlas » Mon, Nov 18, 2013, 11:36 PM UTC

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.

#7

Post by malkia » Tue, Nov 19, 2013, 12:04 AM UTC

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

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):

  gfx:round_rect_a()
  gfx:round_rect_b()
  gfx:round_rect_c()
  gfx:round_rect_d()