¿Cuál es el radio de esquina definitivo del iPhone X?

8

He estado experimentando y no he encontrado un radio de esquina concluyente para el iPhone X.

Usando Xcode, creé un círculo con un ancho y una longitud de 80 (radio 40), y lo puse en la esquina superior izquierda del iPhone X (por lo que x e y son cero), hay un pequeño espacio en blanco entre el círculo y el borde de la pantalla, que puede ver aquí:

También probé otro método, haciendo esto con un botón:

button.frame.size.height = 812
button.frame.size.width = 375
button.layer.cornerRadius = 40
button.center = self.view.center

Con esto me quedo con:

Entonces la pregunta es, ¿cuál es el radio de la esquina real? ¿O qué está pasando con Xcode?

    
pregunta Christopher Cruttenden 28.01.2018 - 00:09

2 respuestas

11

Las esquinas de iPhone X no tienen un radio de esquina concluyente. No son arcos normales, son " esquinas continuas ".

No puedes replicarlos con un simple .cornerRadius, y tampoco puedes usar las propias esquinas continuas de Apple, ya que es una API privada.

  

CALayer en iOS 11 tiene una propiedad privada "continueCorners", que es lo que impulsa muchas esquinas redondeadas en SpringBoard, ¡y probablemente más! Ahora estoy celoso.

     

enlace

Lo más cercano que puede obtener sin su propia implementación es el dibujo de rectángulo redondeado de UIBezierPath, que usa _continuousRoundedRectBezierPath .

    
respondido por el grg 28.01.2018 - 00:54
1

Brad Ellis tiene un artículo que detalla las curvas en el iPhone X .

  

[..] Las esquinas redondeadas de la pantalla del iPhone X no usan el método de redondeo clásico en el que te mueves en línea recta y luego haces un arco utilizando un solo cuadrante de círculo. En cambio, las matemáticas son un poco más complicadas. Comúnmente llamado squircle, la pendiente comienza antes, pero es más suave.

Puedes ver la diferencia aquí:

    
respondido por el Molomby 14.09.2018 - 09:28

Lea otras preguntas en las etiquetas