ios - perfil - Control UISegmentado con esquinas cuadradas.

letras para instagram app

Question

Me gustaría modificar UISegmentedControl con una subclase para eliminar las esquinas redondeadas. Parece que no puedo poner la esquina en radio. Hacer el Control Segmentado más ancho que la pantalla (y por lo tanto, "cortar" las esquinas) no es una opción ya que tengo 4 o 5 segmentos y luego variarían en tamaño.

¿Hay alguna forma de hacer esto?

Gracias

Answer 1

Otra alternativa para lograr esto en el constructor de interfaces:

Arrastre un objeto UIView a su UIViewController, esto puede ser una subvista de su UIView.

Arrastre un UISegmentedControl como una subvista de su UIView. El control segmentado ahora debe estar sangrado en la lista de objetos UIViewController. (ver captura de pantalla abajo).

Cambie el tamaño de SegementedControl para que su marco esté fuera de los límites de su objeto UIView. En mi caso, puse el marco del SegmentedControl en X = -10 y agregué +20 al ancho del SegementedControl para que el ancho total del control segmentado sea 20 mayor que el objeto UIView. (con suerte, la captura de pantalla de abajo ayuda).

También ajusté las siguientes configuraciones para el objeto UIView y SegmentedControl: UIView: marque Subviews de clip, desmarque AutoResize Subviews. Control de Segmento: desmarque Subvistas de recorte, deseleccione Subvistas de tamaño automático.

Answer 2

Para hacer el cuadrado de la esquina usa el siguiente código:

segmentContrl.layer.borderColor=*anycolor*.CGColor;
segmentContrl.layer.cornerRadius = 0.0;
segmentContrl.layer.borderWidth = 1.5f;

Answer 3

Puede configurar el ancho de los segmentos (usando setWidth:forSegmentAtIndex: para que pueda hacer que los segmentos del extremo izquierdo y derecho sean más grandes (por ejemplo, 10px más grandes) que los demás y luego puede recortar 10px desde cualquier extremo y tener esquinas cuadradas. No es necesario que sea más grande que el ancho de la pantalla, en lugar de eso, colóquelo dentro de una vista UIV y utilícelo para recortar los extremos.

Por otro lado, solo puede hacer su propio control segmentado utilizando un conjunto de UIButtons personalizados dentro de un control UIC.

Answer 4

Simplemente use los métodos de personalización integrados y configure una imagen de fondo para cada estado de segmento. Esto anulará completamente la frontera. Si las imágenes de fondo son cuadradas, su control segmentado aparecerá cuadrado. Utilice el siguiente código para cada estado de segmento que desee personalizar.

[segmentedControl setBackgroundImage:[UIImage imageNamed:@"square-background-image-selected"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];

Answer 5

Una alternativa, si el "recorte" de la parte del primer y último segmento es problemático, puede ser recortar el primer y último segmento completo (que ha hecho segmentos no utilizados ficticios). De esa manera aún puedes mantener un tamaño común para cada segmento.