Acabei de começar a aprender desenvolvimento iOS, não consigo descobrir como fazer botão arredondado simples. Eu encontro recursos para versões antigas. Preciso definir um plano de fundo personalizado para um botão? No Android, eu usaria apenas um patch 9, mas sei que o iOS não tem esse recurso.
ios
xcode
uibutton
storyboard
Gintas_
fonte
fonte
Você pode fazer um botão arredondado simples sem a necessidade de uma imagem de fundo adicional ou escrever qualquer código para o mesmo. Basta seguir a captura de tela fornecida a seguir para definir os atributos de tempo de execução do botão e obter o resultado desejado.
Ele não aparecerá no
Storyboard
mas funcionará bem quando você executar o projeto.Nota:
O 'Caminho da chave'
layer.cornerRadius
e o valor é 5. O valor precisa ser alterado de acordo com a altura e largura do botão. A fórmula para isso é a altura do botão * 0,50. Portanto, brinque com o valor para ver o botão arredondado esperado no simulador ou no dispositivo físico. Este procedimento parecerá tedioso quando você tiver mais de um botão para arredondar no storyboard.fonte
clipsToBounds
para que isso funcione.Você pode fazer algo assim:
Defina a classe como
MyButton
emIdentity Inspector
e no IB você terá arounded
propriedade:fonte
layer.masksToBounds = true
tambémInsira o código na classe RoundButton.
Consulte a imagem.
fonte
Descobri que a maneira mais fácil de fazer isso é definindo cornerRadius para a metade da altura da visualização.
fonte
Você pode conectar seu
IBOutlet
botão do storyboard.Então você pode definir
corner radius
o botão para torná-lo redondo.por exemplo, seu
outlet
émyButton
então,Obj - C
Rápido
Se você quiser um botão redondo exato, então o seu botão
width
eheight
deve serequal
ecornerRadius
deve ser igual a altura ou largura / 2 (metade da largura ou altura).fonte
Como outra resposta sugeriu realizar a maior parte deste trabalho em código, apenas uma resposta realmente forneceu uma maneira de visualizar suas alterações na interface do storyboard IB. Minha resposta vai além dessa resposta, permitindo que você altere o cornerRadius da visualização, botão, imagem, etc.
Por favor, dê uma olhada no código a seguir. Para usar este código, crie um novo arquivo swift chamado RoundedView ou como você gostaria de chamá-lo, então vá para o seu storyboard e altere a classe para "RoundedView", "RoundedImageView" ou "RoundedButton".
fonte
Ao adicionar
layer.cornerRadius
o storyboard, certifique-se de não ter espaços à esquerda ou à direita. Se você copiar e colar, poderá inserir espaços. Seria bom se o XCode dissesse algum tipo de aviso ou erro.fonte
Experimente !!
fonte
A extensão é a melhor opção para este problema. Crie uma extensão de Exibir ou Botão
Chame pelo código
fonte
Estou usando o Xcode versão 11.4
No inspetor de atributos, você pode definir o raio do canto.
Não será mostrado no Storyboard, mas funcionará bem quando você executar o projeto.
fonte
fonte