‫Bem-vindo de volta a este vídeo, vamos trabalhar com botões de opção e, como você pode ver, você pode
‫arrastá-lo da caixa de ferramentas.
‫Você pode simplesmente direcionar um botão de opção para sua IU e encontrará seu botão de opção na grade,
‫que tem conteúdo.
‫Bem, ele tem várias propriedades que já vimos.
‫E não é assim que quero trabalhar com botões de opção neste vídeo.
‫Vou apenas criar um painel Steck e vou usar Zemel para construir a maior parte dele.
‫Portanto, neste painel de tecnologia, eu, em primeiro lugar, quero ter um rótulo e esse rótulo deve escrever algo
‫como, Você gosta de mim?
‫Então você gosta de mim?
‫Este é o nosso selo.
‫E vou dizer que deve ser ousado.
‫Então o peso da fonte ficará em negrito assim e bem, o que mais devemos adicionar?
‫Talvez um tamanho de fonte.
‫Esse é um tamanho diferente e vamos colocá-lo em 20.
‫Então você gosta de mim?
‫É um texto bem longo e agora precisamos dizer sim, não ou bem, talvez.
‫Mas não há nada entre esses três.
‫Portanto, existem apenas essas três opções.
‫E essa é a vantagem dos botões de rádio.
‫Eles sempre têm apenas um deles ativo dentro de um grupo de rádio.
‫Portanto, vamos criar um botão de opção aqui, botão de opção, e vou estendê-lo um pouco mais porque não quero ter apenas
‫um botão de opção simples, como acabamos de ver.
‫Eu quero que este botão de opção seja, bem, envolvido em um retângulo e um registro de texto.
‫Então, algo como Repp Pennel.
‫Vou criar um painel de envolvimento aqui e no painel direito.
‫Eu quero um retângulo, que será verde neste caso.
‫Então, alguém diz sim.
‫Portanto, deve ser verde.
‫Verde é bom e a largura deve ser algo como 16 e a altura também deve ser 16.
‫Portanto, é uma grade 16 vezes 16 verde que temos lá que estamos.
‫Este é o nosso retângulo que temos ali.
‫Então esse é o nosso retângulo, o verde, como vocês podem ver.
‫E agora eu quero algum texto próximo a ele.
‫Então, bloco de texto e será o texto de.
‫sim.
‫Eu gosto da pessoa e o primeiro plano também deve ser verde.
‫Tão verde e verde.
‫Eu gosto da pessoa
‫Portanto, este é o nosso bloco de texto e diz que sim.
‫Agora, talvez devêssemos ter uma pequena margem entre os objetos, então vou adicionar uma margem no
‫nível mais alto no nível do painel de estado assim.
‫Como você pode ver agora, é uma pequena distância lá em cima e podemos até adicionar uma pequena margem dentro do nosso
‫bloco de texto ou talvez até mesmo no botão de rádio.
‫Vamos fazer toda a margem do botão de opção de 10 pixels ou talvez apenas cinco pixels.
‫Isso deveria estar bem.
‫E também uma margem para o bloco de texto porque é um pouco próximo demais do resto, mas não
‫para cima.
‫E na parte inferior, mas apenas à esquerda, e a margem é um valor, então você pode adicionar um valor
‫ou pode adicionar quatro valores começando da esquerda, indo para a direita superior e inferior.
‫Esquerda, superior, direita, inferior.
‫Então, o que eu quero fica cinco pixels no topo.
‫Eu não quero nenhum direito.
‫Eu não preciso de nenhum e fundo.
‫Eu não preciso de nenhum também.
‫E agora você pode ver que há uma pequena distância aqui, cinco pixels de margem entre os nossos.
‫sim.
‫E o quadrado que temos aqui ou o retângulo que temos.
‫Tudo bem.
‫Então, esquerdo superior.
‫Inferior direito.
‫É assim que usamos essa margem.
‫Tudo bem.
‫Então, esse é um botão de opção.
‫E eu gostaria de ter três botões de opção.
‫Então, na verdade, deixe-me cortar a parte de trás para que tenhamos apenas a quantidade certa de linhas aqui.
‫E vou copiar este botão de opção e colocá-lo ao lado ou abaixo dele.
‫E este deve ser preenchido em vermelho e o texto deve dizer algo como não.
‫Portanto, o texto será não e que nós somos sim não.
‫E, claro, o texto também deve ser lido.
‫Então, na verdade, não aqui, mas aqui.
‫Portanto, em nosso botão não, o vermelho deve ser ou a nota deve ser vermelha.
‫Então é isso com o rádio.
‫Mas super simples.
‫Mas agora quero adicionar outro, que será talvez e agora em vez de um retângulo, gostaria de ter
‫uma pequena imagem aqui.
‫Então, vou me livrar do retângulo e vou usar a imagem que ainda não usamos.
‫E sempre que quiser usar uma imagem, você precisará de uma fonte para essa imagem.
‫Portanto, no meu caso, tenho a fonte.
‫No meu PC, então vou dizer molho e então você precisa do diretório certo e, no meu caso, está no meu
‫PC.
‫Então, eu tenho essa pasta chamada Teashop Masterclass course.
‫Eu tenho a pasta de projetos e há um arquivo talvez e é chamado talvez de P e G, e é este
‫arquivo aqui.
‫E, claro, é muito grande e será reduzido.
‫Mas se você quiser reduzi-la, realmente faz sentido fazer isso antes de usar a imagem.
‫Então, apenas edite esta imagem e dimensione-a.
‫Mas essa vai ser a imagem que quero usar.
‫Portanto, esta será a minha fonte para a imagem.
‫Então posso especificar quão largo e assim por diante ele deve ser.
‫Então, porque senão, como você pode ver, o tamanho original, mas posso reduzir para, digamos,
‫largura de trinta e dois e altura de trinta e dois também.
‫Então agora eu tenho essa imagem talvez lá e o texto não deve ser lido.
‫Na verdade, está tudo bem se for a cor padrão de preto.
‫Portanto, este é o texto de talvez aí estejamos e agora temos nosso botão de opção.
‫Você gosta de mim?
‫sim.
‫Não.
‫E talvez.
‫Tudo bem.
‫Agora vamos iniciar este aplicativo e dar uma olhada.
‫Aqui estamos.
‫Você gosta de mim?
‫sim.
‫Não Talvez.
‫E como você pode ver, ele estava vazio antes disso.
‫E agora podemos selecioná-lo e eles sempre estarão conectados um ao outro.
‫Então, esses três estão no mesmo grupo.
‫Eles estão conectados entre si e apenas um deles pode estar ativo.
‫Essa é a vantagem dos botões de opção em comparação com as caixas de seleção.
‫Portanto, se você deseja ter apenas uma opção, os botões de rádio são a opção certa.
‫Se você quiser que um deles seja especificado, é um começo.
‫Para que um deles seja verificado no início, você pode simplesmente usar a propriedade está marcada.
‫Portanto, dentro do botão de intervalo do botão de opção aqui, digamos que eu queira talvez ser verificado.
‫Vou usar está marcada e vou defini-la como.
‫Verdade.
‫Tudo bem.
‫Portanto, agora vamos começar de novo e você verá que talvez esteja marcado desde o início.
‫Se você deseja ter um evento, quando alguém pressiona um deles, você pode simplesmente criar
‫esse evento manualmente adicionando aqui marcado e depois adicionando um ouvinte de evento aqui, ou você pode simplesmente clicar duas vezes
‫nele.
‫Vou clicar duas vezes no não.
‫E como você pode ver, o botão de rádio marcou um e o rádio e verificou que esses dois métodos foram criados.
‫E você vê que eles têm um remetente de objeto e através desse arco de evento.
‫Portanto, a mesma coisa que vimos com as caixas de seleção.
‫E você pode adicionar algo como uma caixa de mensagem de exibição, nenhuma caixa de mensagem exibida, por favor, diga sim.
‫Então é isso que vai dizer.
‫E o outro também vai dizer sim, porque é o saber e talvez aquele ao qual eu tenha adicionado
‫um evento.
‫E se você não gostar do nome, pode alterá-lo.
‫Então, vou dizer algo assim.
‫Botão de opção marcado, mas nenhum foi marcado.
‫E, claro, preciso alterar o nome no código por trás.
‫Portanto, este não será verificado.
‫E então nós temos o pode ser verificado e eu irei mudar o nome aqui também.
‫Pode ser verificado.
‫Eu copio e mudo aqui.
‫Então, por favor, diga sim, por favor, diga sim duas vezes.
‫OK, e se alguém pressionar sim, poderíamos dizer algo como obrigado.
‫Então, vamos criar esse manualmente.
‫Portanto, aqui vou usar verificado e criar um novo método chamado Sim, sublinhado verificado.
‫E agora é criar o método para ele e combiná-lo, então vamos usar os mesmos princípios que
‫vimos aqui.
‫Vazio privado.
‫Sim, eu realmente gostaria disso.
‫sim.
‫Checked Object Sender e Grouted event ARC's e vou chamá-los de E também.
‫E agora podemos prosseguir e dizer algo como.
‫Obrigada.
‫Tudo bem.
‫Agora vamos dar uma olhada.
‫E a propósito, se você fez isso, verá que esse evento foi chamado porque bom, vamos entrar
‫de novo porque foi verificado.
‫Temos essa funcionalidade.
‫Então, aqui você vê a polícia dizer que sim, foi aberto automaticamente, embora meu programa ainda não tenha aparecido.
‫E depois de clicar.
‫Sim, então você vê seu programa.
‫E isso porque talvez esteja marcado e esse evento seja chamado de qualquer maneira.
‫Então, quando é sempre que é verificado e é verificado no início.
‫Então, quando for inicializado, vou dizer não e isso diz por favor.
‫sim.
‫E então eu digo sim.
‫E diz obrigado.
‫OK, então esses são eventos diferentes que criamos aqui e aqui.
‫Este, esta informação é verificada igual a verdadeiro.
‫Esta linha aqui ou este código realmente dispara este evento verificado imediatamente sempre que o programa é
‫inicializado.
‫Então, se eu tivesse, por exemplo, um nome aqui nome e vai ser R B, sim.
‫Talvez este seja R B, talvez.
‫Então agora posso ir aqui no método de inicialização ou o construtor ou talvez B esteja checado e eu disse que é verdade.
‫Então é assim que posso verificar via código.
‫Tudo bem, se executarmos isso novamente, você verá que este evento ainda está aparecendo.
‫Portanto, este evento de verificação, por favor, diga sim.
‫Ainda.
‫Aparecendo como você gosta de mim?
‫Sim ótimo.
‫Agora você sabe como usar botões de rádio e viu como pode implementar imagens em sua interface de
‫usuário.