‫Bem-vindo de volta a este vídeo, vamos cobrir a caixa de combinação e você pode ver uma aqui, e ela
‫tem a fonte de dados de todas as diferentes cores que estão disponíveis para nós.
‫Então, digamos que queremos usar o vermelho violeta claro, como já fizemos.
‫Podemos simplesmente selecionar isso.
‫E como você pode ver, nosso combo box selecionou essa cor e tem até um texto
‫lindo sobre como essa cor é chamada.
‫OK, então vamos prosseguir e criar um novo projeto para começar.
‫E eu vou chamar aquele.
‫Você tem uma caixa de combinação 10 C e pode chamá-la como quiser.
‫Mas o que precisamos aqui é um exemplo.
‫Vamos criar um painel empilhado primeiro.
‫Então, em vez de GRET, quero usar o painel Stack e vou tornar o Zemel um pouco maior aqui porque o design é bom e tudo,
‫mas é sempre bom ver o que você está codificando.
‫E aqui vou criar algo chamado caixa de combinação, e é basicamente isso.
‫Aqui está minha caixa de combinação.
‫Posso dar-lhe um nome, por isso vou chamá-lo de nome igual às cores da caixa de combinação.
‫E agora essa caixa de combinação precisa de um modelo de item de caixa de combinação, algo que vimos no último vídeo onde
‫usamos a caixa de listagem.
‫Portanto, temos este modelo de item de caixa de combinação aqui.
‫Precisamos ter um modelo de dados porque senão, como você pode ver, ele está reclamando.
‫E agora, assim que tivermos esse modelo de dados, estará tudo bem.
‫E vou me livrar das linhas adicionais que criei aqui.
‫Então, aqui, eu quero ter um painel empilhado porque quero empilhar tudo lá e deve
‫ser orientado horizontalmente.
‫Agora, o painel empilhado deve conter um retângulo.
‫A propósito, o painel empilhado será o que está dentro da nossa caixa de combinação e
‫deve conter um retângulo, que irei preencher com uma cor.
‫Então, vou preenchê-lo com o nome obrigatório.
‫E deve ter uma largura de, digamos, 32 pixels e uma altura de também 32 pixels.
‫E então eu quero adicionar uma margem de, digamos, cinco pixels em todas as direções para esse retângulo.
‫E agora deve haver um bloco de texto também dizendo o nome.
‫Portanto, este bloco de texto deve ter um texto chamado nome de ligação.
‫Então, vamos vincular a propriedade name.
‫Portanto, precisaremos criar uma propriedade de nome.
‫E também quero adicionar um tamanho de fonte de trinta e dois ao meu bloco de texto.
‫Tudo bem.
‫Então é isso.
‫Esse é todo o nosso código que precisamos no Zemel.
‫E agora podemos prosseguir e executar ou criar um código que precisaremos no code-behind, porque o que todos
‫nós precisamos é definitivamente esta propriedade name.
‫Então, vamos entrar no código por trás e aqui.
‫Vou prosseguir e vou simplesmente acessar as cores da minha combo box, que é a nossa janela principal, as cores dessa
‫combo box.
‫Então, este aqui, eu chamo essa caixa de combinação assim, chamo as cores da caixa de combinação.
‫E agora o que vou fazer é definir a origem do item.
‫Portanto, a origem dos itens serão as nossas cores que recebem propriedade e não podemos usá-las dessa forma.
‫Portanto, precisaremos enviar tipos de cores que obtenham propriedades.
‫Portanto, obteremos todas as cores disponíveis em.
‫Este sistema de classes é o windows, as cores da mídia e existe um método chamado get properties e
‫nos devolverá todas as cores.
‫Então é isso.
‫Definimos os itemizadores para esta propriedade de cor.
‫Poderíamos ter, é claro, usado uma lista de elementos aqui de objetos que queremos mostrar aqui.
‫Mas ter essa bela abordagem aqui vai ser super simples.
‫Como você pode ver, temos apenas uma linha com tantos valores diferentes que podemos escolher.
‫Então, simplesmente temos essa caixa de combinação que contém todas essas cores, e podemos usar a
‫cor chocolate ou um cinza escuro e assim por diante.
‫Como você pode ver, você pode dizer a origem do item para uma lista bem legal que está disponível internamente.
‫Ou você pode criar sua própria fonte de item, que pode ser, é claro, alguns dados de um banco de dados ou pode ser
‫uma lista que você mesmo cria.