Tengo un botón roundrect que quiero contener dentro de otro roundrect. El roundrect que contiene siempre debe estar a 1 px del botón.
Si hago que el radio en el contenedor sea demasiado pequeño, entonces las esquinas tienen un espacio más grande a su alrededor.
¿Existe una buena "regla de oro" que pueda usar para determinar cuál debería ser el radio para el rectángulo redondo más grande?
Respuestas:
Si desea que el rectángulo externo esté a 1 px de distancia del interno, entonces el radio de la esquina del rectángulo externo también debe ser 1 px mayor que el del interno.
Aquí hay un diagrama rápido que puede ayudarlo a ver cómo funciona:
el rectángulo interno tiene un radio de esquina de r píxeles; su esquina sigue el arco del círculo rojo interno, que tiene un radio de r píxeles y su centro correspondiente r píxeles lejos de los lados del rectángulo.
El rectángulo exterior tiene un radio de esquina de r +1 píxeles; su esquina sigue el arco del círculo rojo exterior, que tiene un radio de r +1 píxeles y su centro correspondiente r +1 píxeles lejos de los lados del rectángulo. Dado que el rectángulo exterior también se desplaza un píxel hacia arriba y hacia la derecha del interior (y, podemos suponer, es dos píxeles más ancho y más alto para compensar), los dos círculos son concéntricos, y la distancia entre ellos es siempre un píxel.
Si desea que las esquinas tengan centros compartidos, el radio de la esquina de la forma externa debe ser simplemente el radio de la esquina de la forma interna más la distancia entre las formas. Si su forma interna tiene un radio de esquina redondeado de 5 píxeles y su forma externa está a 1 píxel de distancia, el radio de esquina de la forma externa debe ser de 6 píxeles. (No tiene en cuenta ningún peso de carrera).
