Construa um aplicativo de desenho com Swift3 e iOS10 | Sandra L | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Construa um aplicativo de desenho com Swift3 e iOS10

teacher avatar Sandra L, Front Development

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

14 aulas (1 h 43 min)
    • 1. 1. Introdução

      0:25
    • 2. Almofada de desenho

      6:48
    • 3. Adicionando cores

      8:28
    • 4. Ações de crayons

      4:10
    • 5. TouchesBegan, touchesMoved, touchesEnded

      5:25
    • 6. Desenhando linhas

      12:19
    • 7. Adicionando cores

      6:47
    • 8. Opções de barra de ferramentas

      7:53
    • 9. Configurações de desenho

      10:31
    • 10. Configurações de programação

      7:15
    • 11. Configurações de visualização

      3:52
    • 12. Ajustando configurações

      16:45
    • 13. Salvar configurações

      7:21
    • 14. Função de apagamento

      5:19
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

39

Estudantes

--

Sobre este curso

Neste curso, você vai criar um aplicativo de desenho com diferentes opções de cores e configurações. Você vai construir tudo desde o zero usando elementos como: stackview, barra de ferramentas, itens de botão de barras

  • Vista de empilhadeiras
  • Barra de ferramentas
  • Itens de botão de barra
  • controles deslizantes

02737c24

Pré-requisitos e requisitos:

Você vai precisar de acesso a um computador Mac com OS X 10.10 ou posterior. O curso foi especialmente projetado para iniciantes. Os primeiros capítulos vão percorrer o processo de download e instalação do aplicativo XCode 8 (para criar aplicativos para iPhone).

Conheça seu professor

Teacher Profile Image

Sandra L

Front Development

Professor

My name is Sandy. I am a freelance Front End Engineer based out of Toronto, in Ontario, Canada.

- Check out the latest Learning Path Series :

React.js - Front End & Fullstack - React 16.8 + 

Intro to React: Getting Started - watch Intro to React: Learn the fundamentals - part 1 - watch Intro to React: Learn the fundamentals - part 2 - watch Build a Countdown Timer with React.js - watch Simple Todo List with using React & HTML5 Localstorage - watch React, Node.js - Build a Quote Generator with a Restful API - watch Build a Weather App with React, Bootstrap & HTML5 LocalStorage - watch Learn React Redux in less than 1 hour - watch Getting Started with React Router - watch Introduction the React Hooks - ... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. 1. Introdução: Neste tutorial em vídeo, da Siri. Você pode aprender a construir uma bebida simples e você verá que isso é bastante fácil. No processo, você vai aprender a desenhar linhas e traço com várias cores usando RGB tão vermelho, verde e azul vamos dizer que o pincel direito e também criar outra visão para atualizar e salvar configurações. Então vamos começar a construir um bêbado fora. Então vamos começar a construir um simples durante up. 2. Almofada de desenho: Acho que agora, vamos começar com o nosso desenho. Então isso vai ser um único da sua candidatura. Então vou chamar isso de desenho ruim. Vamos começar com a construção da gordura do desenho. Então esse vai ser o espaço onde vamos desenhar. Então vamos ter a imagem de você, que vai ser usada para desenhar algumas artes usando lápis de cor. Então eu vou adicionar um objeto de visualização de imagem aqui, e este vai cobrir, tipo, toda a largura. E este vai cobrir o todo com até aqui. Vamos deixar algum espaço para a exibição de pilha e também uma barra de ferramentas. Então vamos para adicionar restrições. Então isso vai ser zero, hum, todos os três, exceto o fundo. Então isso vai ser para um dos 200 para torná-lo drones. Em seguida, adicione restrições. E só falta um no topo. Então eu acho que eu coloquei, que vai ser zero. Não, não. Ok. E, em seguida, atualizar quadros. Ok, então nós vamos ter também queimaduras de ferramentas. Então nós vamos nessa, e esta vai ser usada para ter, tipo, opções. Assim, as opções para redefinir para também um aumento e, finalmente, ir para configurações. Então nós vamos ter uma configuração, então nós vamos ser capazes de então nós vamos ser capazes de mudar o tamanho do pincel e também mudar as cores. Isso vai ser para o juiz Spay. Então são restrições. Vai ser zero. Então vai haver assim que vai ser lavado para o fundo. Então isso vai estar disponível no fundo. E então vamos definir o com 44, então vamos adicionar uma visão de estoque, e este vai manter a nossa coleção fora de cremes, então isso vai ser oito no total. Então vamos deixar este aqui. Então, como este pronunciar. Então nós vamos na verdade, o que eu vou fazer é apenas aplicar restrições para cima e baixo, que vai ser zero. Então isso vai ser zero Então Lee relacionado com a imagem que você e o zero também estão relacionados. Lee para a barra de ferramentas. Ok, então esse é um encontro que, por enquanto, eu acho que vai ficar tudo bem. Sim, é só esperar, na verdade, pelo espaço, o que é necessário, na verdade. Então, em relação à liderança e à direita, mas vai ser conjuntos, na verdade. Então, para o com e tudo mais. Então, quando vai segurar os coreanos, que vão ser botões, na verdade, porque eles vão ser realmente controles, permitindo-nos selecionar uma cor. Vamos para a fila de documentos. Então você vai ver agora que temos uma visão presa que inclui um fundo, ok? E nós vamos segurar você também está adicionando assim como uma restrição para a liderança para torná-lo mais claro. E, por enquanto, temos três restrições para o seu estoque. Então vamos rever isso. Então nós temos a liderança no fundo, e isso é para cima, e nós vamos deixá-lo para o número de itens que este tipo de você vai incluir a fim de então esticar para implicar a largura deste. Então vamos ter oito botões dentro da Total. Vamos confirmar que a escritura está aqui atrás. Então esse é o primeiro botão, e eu vou planejar restrições para ele mais tarde. Ele teve outro. Assim que você ver isso, como aqui, como aqui, você vai enraizar estoque que você realmente mostra na parte inferior como uma dica de ferramenta. Isso vai te dizer que você está prestes a incluir outro item dentro do que você preso aqui atrás. Nós temos que fazer. Então precisamos de um túnel. Então são três para seis, sete e oito. Então, e o que vamos fazer, alguns vão adicionar para adicionar restrições desses botões. Então o que eu quero é tê-los, tipo, 40 para o com e 100 75 para as alturas, que eu acho que é sobre , como vai ser implícito de qualquer maneira, então não vamos apenas colocar como e é vai ser 00 para a esquerda à frente no topo porque a altura vai ser implícita de qualquer maneira, então parece que a altura é calculada como sendo 100 56. Isso podemos confirmar. Vamos ver como funciona de qualquer maneira. Ainda assim, sem confirmar. Lá vai você. Então, isso é bom. Então vamos fazer o mesmo com os outros e vamos beber isso para incluir os coreanos. Só para lembrar o uso de porque estamos adicionando botão para que sejam cólicas. Ok, então está tudo bem cabelo atrás, então deve estar tudo bem. Então isso parece bom. Então o que eu vou fazer agora é, por agora, não temos nada para realmente olhar. Então temos alguns ativos disponíveis aqui, e vamos incluí-los em nossos projetos. Então vamos selecioná-los todos para adicioná-los. Cuidados secos atrás. Foi rápido. Acabar. Então aqui temos. Assim como os coreanos. Vou criar um grupo que vai ser cãibras. Um ano atrás. Vou arrastá-los só para manter as coisas organizadas. Você também pode, se quiser. Portanto, selecione os ativos XY aqui. Esse é o seletor equivalente. Sua pasta com os bens e, em seguida, bebeu aqui para seus bens, que se resume ao mesmo. Ok, ok, então isso continua. E agora o que vamos fazer é voltar para o nosso aqui e vamos adicionar um primeiro mil dólares. Então vamos para os atributos, inspetor, e você vai encontrar esta seção. Então, aqui. Então este menu, que vai lhe dar as opções aqui, há um atributo de imagem para cada botão, então vamos para o estrangeiro. Então, os que acabamos de adicionar e primeiro, eu vou colocar o cuidado vermelho atrás com meu botão vermelho e uma prova por aí, então vamos ver como ele fica. E aqui vai. Parece que temos uma recorrência marcada, então vou deixar você fazer o resto. Embora vamos fazer isso juntos nos próximos vídeos, vamos adicionar todo o resto da coleção de botões. 3. Adicionando cores: Então agora vamos continuar para que você possa colocá-los na ordem que você gostaria. Mas tenha em mente que você vai precisar de você, em seguida, conectou esses botões a uma ação que vai selecionar uma cor me gravando. Então você precisa ter isso em mente. Então, de qualquer forma, eu vou te guiar. Então, para o segundo botão Então o que eu escolhi é aplicar o roxo. Isso é bom. Roxo aqui atrás. Então a 3ª 1 é então a 3ª 1 vai ser amarela. Então eu também tenho verde. Não, não é laranja. Eu queria colocar naquele local. Então, o verde Em seguida, temos azul, mas depois temos laranja. Então nós crescemos, e nós também temos grande. E falta-me um. E percebendo que também havia desejo. Então, quantos são 12345678 e nós realmente temos nove. Para que eu e outro, vamos ver como ele se encaixa. Lá vai. Vou precisar fazer alguns ajustes aqui. Desculpe. Então, e vai ser, hum, a cor Black War. Aqui está. Então, vamos sentir que vou ficar com restrições. Bem, isso vai ser 00 para o com, então eu não me lembro do com. Então isso é 46. Então isso é 46 para o com Parece que ele não está sendo incluído. E minha visão de estoque OK, menos 39 aqui. Então isso é ajustá-lo. Coloque zero para ver como funciona. Então o que eu vou fazer todos juntos, é apenas para remover, tipo, as restrições e o que eu vou fazer só porque, como, eu perdi uma. Eu sinto muito. Então o que eu vou fazer é permitir que você obtenha, tipo, projeto iniciado, incluindo assim os pacotes de bebidas. Então você vai ser capaz de começar com isso, se você quiser. Então em qualquer lugar. O que importa é que o resto fora da demo vai se concentrar, como trabalhar nas partes de programação. Mas você também tem a escolha de ter, tipo, um projeto iniciado. Então eu vou disponibilizar isso para você. Você não tem, gosta de passar como aplicar as restrições. Claro que você pode dar uma olhada na configuração diferente e tudo mais, mas só para permitir que você tenha, tipo, um bom começo. Então o que eu vou fazer é parar você e depois remover todos os meus constrangimentos porque eu tenho que começar de novo. Então esse é o truque na frente em algum momento quando você se ajustar. Então as coisas que você deve ser, vai ser apenas o que vamos fazer é fazer algumas contas e redimensionar cada botão. Então, se dissemos que eu poderia decidir que você iria ver que nós temos um com o qual é calculado, nós temos um com o qual é calculado como sendo 414 Então eu vou levar isso em conta e, em seguida, dividir. Então temos nove bastões divididos por nove, o que somam a que se resume a 46. Embora seja uma loucura e eu vou fazer isso. Isso é para um para menos 46 porque parece que eu tenho um extra para que ele é realmente 368 dividido por nove. Então eu deveria ter uns 40 ou 41 para cada um deles. Vamos ajustar isso para deixar algum espaço para o preto aqui, então eu vou colocar 40. Pelo menos são velhos visíveis. Então agora é uma questão de permitir que tudo seja configurado corretamente em relação ao hotel EOS Você certamente fez, e agora então eu vou selecionar a exibição de pilha, voltar para minhas restrições. Vês como este número é louco? Então vamos definir. Queremos pegar este no zero, então a altura vai ficar implícita. Zimmer para a esquerda, zero para o topo e depois 15. Então nós temos, tipo, uma pequena lacuna para o lado sobre os direitos. Acho que está de volta. Está bem. Desculpe. Fósforos perdeu sua. OK, vamos voltar. Então isso vai ser zero aqui atrás. Então isso é 3 64 o com. Vamos fazer este maior. Ok, então eu só tenho que confirmar algo como o espaço parece, mas para o resto, ok, parece que é espinha. Então o que ele fez foi calcular com base nos itens que ele contém, embora eu acho que gostaria de ser confirmado para ser como, ok, ok, então isso é tudo bom de qualquer maneira, então, como eu disse, então eu vou fazer uma final disponível. Então, incluindo o bloco de desenho já configurado, e então estaremos prontos para ir. Então vamos continuar e começar a configurar a parte de desenho. Então vamos começar a fazer alguns desenhos, embora algo que eu não sou um ditado seja isso agora. Então, estamos perdendo a barra de ferramentas. Então, na verdade, então a coleção de corrente está cobrindo completamente a barra de ferramentas, então não é mais visível. Então o que vamos fazer é deixar um pouco de espaço reduzindo o tamanho da imagem para vermos que este é 200 entre eles. Então a imagem que você e a super visão, então eu vou adicionar algum espaço, então isso vai ser em vai aumentar em 50 pixels um ano atrás e, em seguida, a outra coisa que eu vou fazer, então se nós verificarmos os tubérculos do restrições, podemos ver que agora a parte inferior da barra de ferramentas está alinhada com a parte inferior da exibição de pilha . Então isso não está correto, porque queremos permitir. Então, a facada que você deve ser lavado para o topo das barras de ferramentas. Vou começar removendo essas restrições e depois o que queremos. Então só porque, como a ordem da Vista, , eu gostaria de torná-la semelhante ao que vejo aqui. Então eu vou colocar a barra de ferramentas bem aqui, bem aqui. Está bem. Pode fazer mais sentido. Ok, e depois para o técnico e, em seguida, para este tipo de você. Então o que eu vou fazer é a partir daqui a partir do esboço do documento, ter certeza de que eu posso alvos. Então isso é um bar. Então isso vai ser aqui vista pilha, e eu vou configurá-lo como espaçamento vertical. Não, não está correto. Eu vou fazer Entra. Vou fazer o espaçamento vertical. E aqui você vê que esses valores não estão corretos. Então, vamos definir que tem. Então eu vou fazer eu vou selecionar aqui a pilha de você vai segmentar a barra de ferramentas, você sabe, fez para configurar como eu vou tentar com o fundo aqui atrás. E isso parece fazer o truque. Então, como eu disse, vou providenciar um início do projeto. Então, agora temos uma velha configuração. Isso não foi fácil, porque infelizmente assim eu tinha perdido 21 coreanos. Aqui está eu vou fazer os projetos iniciais disponíveis também, incluindo o bloco de desenho. Então você não precisa se preocupar com tudo como este configurado fora disso. Bem, você pode começar do fresco é como sempre. Às vezes você faz asneira, você precisa começar do alongamento. Ok, então vamos continuar Então vamos começar com linhas de desenho. Vamos preparar o derrame deles, este giz com. Então, o pincel com nós vamos usar também várias cores como temos configurado aqui. Então vamos fazer isso com o RGB, então vamos começar, então vamos ver isso começando no próximo vídeo. 4. Ações de crayons: Então, agora vamos continuar. Hum, nós vamos criar outlets. Então vamos ver como parece começar com um ano atrás. Então nós temos nosso conjunto de corrente, Então isso não está configurado ainda, e nós temos nossa barra de ferramentas, que é visível Perfeito. Então, o próximo que vamos fazer. Então eu vou usar o editor assistente para criar outlets. Então vamos começar com a visualização da imagem, então esta vai ser a imagem do seu teclado. Então é aqui que vamos desenhar. Então teremos também uma saída para a barra de ferramentas. Vamos ver por que mais tarde, teremos diferentes opções para esta barra de ferramentas. Então é isso, por enquanto, para as tomadas. Então agora eu vou mudar para nós vamos voltar para ele porque nós vamos precisar também criar ações para esses botões. Então vamos mudar para criar as diferentes variáveis que vamos usar para desenhar as linhas, então vamos ter uma, que vai ser os últimos pontos, e isso é o que vai nos permitir manter o controle fora do toque. Então, quando colocarmos o dedo na tela, então vamos manter o controle do local onde colocamos o dedo na tela para desenhar o nove. E este vai ser igual para ver o ponto C 2.0 para começar. E nós vamos ter também como, uma ação e nós vamos ter todas as variáveis ainda que nós vamos chamar de deslizamento e este vai ser um 1.000.000.000 e este vai ser usado para rastrear o movimento do dedo, então vamos definir Ou é falso. Então, quando começamos Teoh tocar na tela com o dedo e isso é só quando começamos a mover que vamos começar a manter o controle fora da ação do desenho e vamos defini-lo para a verdade. A seguir, vamos ter as nossas cores para que isso vai ser lido e vamos usar Suji float . Assim como a maneira que configuramos a cor, então usando RGB então no início vai ser legal para zero para todos eles. Então temos verde também stg float e então temos Luke também sitiando Look Então a primeira coisa que vamos fazer é configurar as ações que vai permitir rastrear como os movimentos dos dedos. O 1º 1 tocaremos nesta tela com os dedos, então será com toques. Comece. E então, quando começarmos a nos mover, então será com toques movidos e, finalmente, com toques terminados. Então, como finais mushing vamos rastrear quando terminarmos de fazer o movimento. E assim o último ponto. Então o ponto atual vai se tornar as últimas plantas que montamos bem aqui. Então vamos usar isso para manter sempre o controle do primeiro e último movimento para desenhar as linhas de acordo. Então vamos começar com isso. Então o que eu gostaria de fazer também é definir as ações para os Crans que você vê bem aqui que nós temos, como, como, guindastes mais velhos. Então vamos começar com isso. Então vamos dizer como o 1º 1 e nós vamos começar e vamos criar uma ação baseada nisso, e eu vou nomear este. Então chame de ação Pekar, na verdade, e isso vai ser do tipo seu botão branco, e isso vai ser a única ação para todos eles. Isso vai ser bem simples. E basicamente o que vamos fazer é selecionar este contra o qual, por enquanto, está conectado a um coreano, e vamos apontar para os outros, a fim de anexar as mesmas ações a todos os guindastes. E vamos usar uma única ação para escolher a cor. Certo, então esse é o primeiro passo. Então agora o que gostaríamos de configurar é a ação de manter o controle dos movimentos que fazemos com o dedo inserido nele para começar a desenhar linhas. Então vamos fazer isso em seguida, com toques começam e toques movidos e também toques terminados. 5. TouchesBegan, touchesMoved, touchesEnded: Então agora vamos começar a manter as drogas longe onde colocamos o dedo neste guindaste. Assim, com as funções embutidas que são toques, começar toques movidos e também tocar como e também toques terminou. Então vamos começar com isso. Então você só vai digitar toques, começar, assim? E nós vamos adicionar também o outro. Então, isso é toques movidos. E o último ele vai ser toques terminou e todos eles e todos eles iria ter, como, como, uma conexão como algo em comum, que é como, nós vamos manter o controle fora primeiro, o furto ações deste e assim o último ponto. Então vamos começar com os toques começaram. Então o que vamos fazer é primeiro chegar à primeira localização. Então, onde puseste o dedo? Então isso vai ser com este perímetro bem aqui que vamos usar. Então, vamos acertar um toque plano, então toques e obter o 1º 1 Então isso vai ser como o primeiro local onde você coloca o dedo e basicamente assim aqui. Então o que vamos fazer é então atribuir os últimos pontos. Então este aqui no topo, que vai se tornar assim que vai ser toque localização. Então este aqui, o que queremos é a localização do grito. Então colocamos o dedo, que vai ser você mesmo. Então o que queremos é obter as coordenadas X e Y onde colocamos nossos dedos para que não seja mais zero, e isso será convertido em um cerco. Itpoint. Você vê, nós vamos recuperar pontos SCG, que vai ser, como as coordenadas de onde, sem um dedo. E foi aí que me tornei o último ponto. E também, nós vamos precisar manter o controle fora se realmente começarmos a desenhar ele vai ser definido como tolos porque nós ainda não nos mudamos. Portanto, esses são apenas os primeiros pontos de partida. Então, em seguida, vamos para a facção de toques movidos, e desta vez, então também vamos manter o controle se formos embora. Então eu vou definir isso como verdade desta vez porque nós vamos começar a mover o dedo e aqui também. Então vamos verificar se há uma interação com a tela e isso vai ser o mesmo. Então vamos dar este e pegar o primeiro e o que vamos fazer aqui . Então o que queremos obter é na verdade a corrente. Então isso sempre será como as correntes onde temos nosso dedo. Esse vai ser o ponto atual, que vai ser desta vez. Então isso vai ser exatamente o mesmo aqui nós vamos obter, como, como, a corrente onde nós temos nossa posição atual dedo, pontos CG atuais finalmente. Então o ponto atual vai se tornar o último ponto. Então você vê, então nós vamos manter o caminhão fora de onde estamos agora, que vai se tornar o último ponto, e então nós vamos adicionar pontos CG para que cada local seja tratado mantido na memória a fim de desenhar as linhas. E eu vou deixar algum espaço aqui porque nós vamos ter outra função. Então eu só vou colocar suas linhas de desenho porque o que nós vamos fazer é, tipo, sempre permitido manter o controle das correntes se tornando os últimos pontos, e nós vamos usar o ponto atual a fim de desenhar a linha. Então vamos ter, tipo, de dois. Então a firma vai ser como o último ponto, e então a corrente vai ser e os dois então vai ser o ponto atual. Então vamos ver isso em detalhes. Finalmente, teremos os toques terminados. Então nós vamos verificar se é louco deslizando, que significa que é como um movimento de furto porque, como, como, você está fazendo o movimento que eu estava desenhando. Então é por isso que o nome desliza e finalmente dizer, aqui está enquanto vamos especificar, como o desenho. Então, basicamente, o que poderíamos fazer é por enquanto, então, você sabe, imprimir porque não temos nada que realmente mostre o que está acontecendo na tela para que possamos imprimir aqui mesmo. Você vai ver que eles vão ter, tipo, as coordenadas que vão flutuar, então mudando. Então, enquanto você move o dedo na tela para que nós vamos ser capazes de manter o controle de que é e toques terminou. Então ele não é mistério porque vai ser como apenas marcar os últimos pontos de onde você terminou a ação de desenhar, porque quando você, porque quando você levantar o dedo da tela, então vai ser como um novo ponto de partida. Então, começando aqui. Então, quando você não está. Então vamos terminar a linha. E quando começarmos de novo a tocar este creme, então o último ponto vai se tornar, tipo, o primeiro ponto em que você toca, sabe? Ok, então vamos tentar isso apenas como a primeira demo. Então vamos tocar na tela e você vê que podemos imprimir os locais, e vamos usar esses pontos da cidade para então desenhar linhas. Então vamos precisar escrever, tipo, uma função longa, que vai nos permitir desenhar linhas e vamos usar a classe. Você I gráficos contexto imagem. Então começar o contexto da imagem e também você um gráfico. E imagine contexto. Basicamente, vamos desenhar uma imagem usando para que a cidade aponte o contexto Joe. Então vamos fazer isso a seguir, usando as coordenadas e tudo mais 6. Desenhando linhas: Então agora vamos começar a desenhar linhas. Então eu vou criar aqui de função que eu vou nomear simplesmente, mas desenhar linhas e este vai levar dois perímetros, então isso vai ser a partir do qual vai ser pontos STG. Como você pode imaginar, isso vai ser como, nós vamos especificar o local de onde também vai ser uma semente o seu ponto. E vamos usar isso, você adiciona pontos, sabe, como se fosse seguir como nossa localização. Então, onde colocamos o dedo na tela para adicionar pontos nisso, vamos fazer isso com você. I gráficos começar contexto imagem. Então vamos pegar isso primeiro você é gráficos. Esse não vai ser esse. Então os gráficos começam. Imagine o contexto, e vamos especificar um tamanho para este. Então isso vai ser um tipo cge tamanho, então isso vai ser auto view tamanho quadro. Então este contexto vai verificar como toda a largura e altura fora da rua. E basicamente, vamos adicionar esta imagem. Então, usando o contexto para a imagem pad, você e ele vai ser imagem que vamos desenhar para ele com este método para que vai ser desenhado. E onde queremos desenhar? Então isso vai ser nós vamos usar sementes seu ponto também. Na verdade, não vai ser mal. Vai ser na verdade. Deixe-me apenas Revert vai ser empate e isso vai ser dentro e vamos usar See Gerecht . Então vamos indicar onde queremos desenhar. Então nós vamos especificar que com CG direto para cima em privacies para ter como, a construção Então isso vai ser nós vamos especificar. Então o X, que vai ser zero então isso vai ser flutuante ou por que então vamos começar, como com IOS está começando como a partir do canto superior esquerdo e, em seguida, vamos especificar Então o com que vai ser auto-visão cérebro com E Finalmente, para a altura, vai ser auto-visão. Então eu estou me referindo sempre ao Super View, que é como o View como o nosso controlador View e, em seguida, finalmente alto para transportar. Mas agora sabemos onde vamos desenhar dentro da nossa imagem. Então vamos especificar o contexto. Então isso vai ser com você. I gráficos obter contextos atuais. Lá vai você. E vamos começar a tambores de Yeah, o contexto da nossa imagem pad You. Então, vamos começar. Então, como vamos fazer isso? Então nós vamos ter, tipo, aqui contexto e vamos usar movimento e aqui vamos entrar. E aqui nós vamos indicar Então para onde nós queremos mover Então isso vai pontos BCG sobre ele vai ser nós vamos especificar em X e branco que vai ser de que vai ser a partir do aqui. Então, o ponto de partida que temos aqui mesmo o ponto de partida Então eu vou especificar o X para o de e também o porquê para o de e finalmente Sanga sabe. E finalmente eu vou adicionar linhas, adicionar linhas para ver pontos ji, que vai ser sobre os momentos da cena. Então, basicamente, o que fazemos é indicar que vamos nos mover e depois para a linha. Então, no último ponto, que vai ser, também, e isso vai criar como adultos como, você sabe, algo que seu trabalho em sua imagem e eu acho que eu estou usando um cornijas aqui para o Dois últimos há um ano. Então nós temos que os pais é com este aqui, e então nós terminamos com este aqui. Está bem? E aqui está. Bem, eu tenho, tipo, um erro com os pais desde as minhas apostas. Então eu tenho que Prentice está no topo. Então é por isso que eu estava entrando no ar. Portanto, tenha cuidado com este índice. Ok, então nós também vamos especificar para este contexto. Então, o modo de mistura da linha tampar a linha com isso, nós vamos especificar a nós mesmos. Então, a cápsula de linha que íamos apenas indicar, como vai parecer, então isso vai ser por aí e também o derrame. Então isso vai ser para a citação. Então vamos fazer isso aqui mesmo. Isso é em algum espaço. Então, primeiro dissemos que íamos definir o modo sem graça. Aqui está. Então isso vai ser normal. Sem efeitos específicos, em seguida, o limite de linha. Então isso é apenas para indicar que nós não vamos gostar em torno de renderização não vai ser em forma quadrada . Finalmente, vamos definir também a linha com um ano atrás. Vou definir para cinco. Vai ser grande o suficiente. Então também flutua e nós vamos e Rosa vai definir, tipo, a cor deste caminhão que vai ser com café de carro de acidente vascular cerebral. E nós vamos dizer que é com U Y Cor E lá então nós vamos especificar para cada uma das cores RGB de vermelho, verde, azul e também o outfall e os flutua tecnologia. E basicamente, o que fazemos aqui, vamos passar o valor que obtemos que vamos inicialmente configurar. Então, quando para o Alfa isso vai ser 1.0 e para o último realmente controlou capacidades. Então, o que significa que ele texto valor entre sarin um sendo totalmente opaco. E nós vamos precisar fazer isso como, cor CG porque é assim que vai funcionar dentro do contexto. Podemos fechar as promessas? E então vamos fechar o caminho com o traçado Perego. E, finalmente, então, nós vamos aplicar Então os gráficos contextos para a nossa imagem. Então, a imagem da pobreza da imagem ruim, você sabe que vai ser você. I gráficos recebe imagem de concursos de imagem atual e, finalmente, nós vamos, em seguida, terminar em vez de ter como você, I gráficos começar. Vai ser o contexto da imagem final. Erica Então agora não gostamos de desenhar para a nossa imagem. Você está bem? Então isso vai ser o que vamos usar para traçar a linha. Então, a única coisa que vamos precisar configurar aqui, então, embora já esteja configurado Ok, então aqui, nós vamos ter, tipo, tipo, um carro preto tem uma cor padrão para configurar o mais frio a inicial cor para durante as linhas , e nós vamos ser capazes de, em seguida, configurar casacos diferentes. Então isso vai ser um bloco de desenho de várias cores que vamos criar. Vamos ver o líder e aqui vamos usar esta função, que é tocar mover para depois traçar a linha. Então, como eu estava explicando, então o ponto atual sempre vai se tornar os últimos pontos. Então vamos ver como vamos configurar isso. Então vamos chamar esta função, que vai ser desenhar linhas e a partir dela vai ser como o último ponto. Então isso significa que é aqui, você vê, para o último vai se tornar como o último ponto vai ser como o primeiro lugar onde nós colocamos nosso dedo. Então vamos começar a partir daqui, e então o ponto dois vai ser como o ponto atual. Então estamos indo em direção a partir de nossas últimas localizações para o movimento, como para o próximo local. Então, onde removido que vamos fazer quando sairmos do dedo. E o ponto atual sempre se tornará o último ponto. Ok, então nós seguimos isso para adicionar pontos a ele. E o mesmo para aqueles que terminaram. Nós também vamos continuar com a ação do desenho. Isso vai ser o último ponto, que vai ser bom pontos de dois a partir de porque é que ele se torna quando você termina o desenho. Então, quando você terminar, ele vai realmente definir, como o fim desta verdade, o fim do caminho, e é só quando você começar de novo. Então aqui estamos indo para re inicializar os últimos pontos para se tornar como onde você começa desenhar contra o onde você coloca o dedo em que local que vai se tornar o último ponto. Então usamos isso para manter o controle de onde você coloca o dedo. Aqui nós mantemos o controle de onde você move o dedo e aqui para que nós definimos como permitimos terminar como os últimos pontos sendo onde você terminou. Ok, então vamos tentar isso. Então devemos ser capazes de desenhar, tipo, usando preto para começar. Embora isso não seja perfeito, porque você vê que para o meu, hum, cursor não está seguindo, como, perfeitamente onde nós desenhamos. Então eu vou fazer alguns ajustes nisso, porque originalmente Então, quando? Hum, o primeiro durante Pat assim foi criado para que a imagem que você estava realmente usando toda a vista para esta super visão. Então, na verdade, da maneira que nós configuramos isso, você vai ver que nós temos a imagem Você, que na verdade está cobrindo minha mais metade da visão, mas não completamente não está usando, como, as alturas anti fora das vistas que vamos precisar para definir o contexto. Então, onde nós adicionamos os gráficos usando as dimensões reais fora dentro da altura da imagem, você então eu vou fazer alguns ajustes. Eu vou começar com aqui porque o que nós realmente não vamos é obter o X e y relacionados Lee para a visualização de imagem pad. Então eu vou começar aqui porque basicamente o que nós queremos é obter as coordenadas X e Y. Então, para a imagem do pad você porque é aqui que vamos desenhar. Então, aqui. Então é isto que vou conseguir a partir daqui. Então eu vou ter, tipo, o primeiro toque onde colocamos nosso dedo dentro. Então, dentro da imagem do pad, você e eu também precisaremos fazer ajustes. Então, onde eu desenho meus contextos também, então isso vai ser aqui. Então você vê que nós dissemos isso como sendo o tamanho do quadro de auto-visualização com Você vê que estamos definindo isso como sendo o tamanho do quadro de auto-visualização. Isso não está correto. Vou substituir a auto-visão por imagens de almofadas também. Então isso é de você. E nós vamos ter o tamanho deste aqui e aqui também. Então, quando ele vai estar tentando troll, nós também vamos atrair de volta para os sapatos de imagem ruim que usando o com e a altura do hambúrguer maduro. Então tudo é uma questão de onde você quer colocar seus gráficos tão originalmente, então você vai encontrar muitos tutoriais online. Então, como desenhar? Então, como criar uma almofada de desenho? Uma bêbada. Então, geralmente eu acho que eles usaram como o anti dentro da altura da vista. Então é por isso que eles se referem ao eu que você moldura e assim por diante para a largura e altura. Mas nesse caso, então eu só quero limitar minha visão, minha imagem a esta parte. Então vamos tentar de novo. Então, encontramos alguns ajustes introduzidos para configurar o contexto, o contexto gráfico. E aqui vai, E lá você pode ver que para que possamos desenhar assim seguinte, como foram removidos o cursor ou seu dedo. Se você executar, ele está usando seu próprio dispositivo. Então o que vamos fazer a seguir é permitido usar cores diferentes. Você vê que temos opções diferentes aqui, então vamos ativar as várias cores para o bloco de desenho. 7. Adicionando cores: Então, temos várias cores aqui. Então temos vermelho, roxo, amarelo, verde, azul, ramo, marrom, cinza e preto. Então o que queremos é realmente obter, como, os diferentes valores de um, ou G b para que possamos então atribuir essas duas horas Você vê que temos variáveis aqui, então nós vamos ser capazes de atribuir isso a essas variáveis. Então primeiro precisamos pegar as cores. Isso é algo que eu tenho sido capaz de fazer usando Photoshopped porque aqui, obviamente Então, embora você tem essa opção, que é como este Ele vai chamá-lo p cenoura. E se funcionar, na verdade, sim. Então isso é muito legal. Então isso é algo que você poderia você e que vai dar-lhe os valores que você precisa para aplicar para cada um deles. Embora ele vai ser dinamicamente configurado usando esta ação que eu já configurei. Então, aqui mesmo. Então temos essa ação que agora está conectada a todos os botões. Agora é uma questão fora atribuir Então os valores RGB correspondentes com base na seleção. Então eu vou começar por configurar aqui variável. Então isso vai ser cores. Na verdade, isso vai ser uma coleção de cores e dentro. Então isso vai ser uma coleção, que vai ser como a orgia que vai segurar como os três valores RGB fora tipo cidade flutuante. Então, vou especificar isto. Bem, isso funciona como o Total. Na verdade, vamos ser capazes de definir, tipo, três valores ao mesmo tempo, que vai corresponder à cor que queremos aplicar e vamos ter Então nós também vamos especificar aqui vai implementar o conjunto de cores para cada um deles. E eu os coloquei de lado para você, na verdade, porque eu tive que usar o seletor de cores. E eu vejo isso na loja para obter, como, como, os valores correspondentes para cada caramelo. Então eu vou anotá-los. Então este para o 1º 1 e este corresponde ao vermelho, depois o próximo. Então nós temos eu acho que é roxo aqui atrás. Então esta é a nossa coleção de cores. Então nós temos um 234567899 longo sendo como o preto, e ele vai começar em zero porque este é o seu índice na coleção, e basicamente o que vamos fazer é quando escolhermos a cor e eu fiz eu vou disponibilizar . Então essas famílias também com este é um têxtil onde você vai ser capaz de simplesmente Compean colar como a coleção de casacos. E isso corresponde aos valores da orgia B que você vê. E então vamos precisar converter isso em carros alegóricos C G porque é assim que funciona. Para configurar cores com IOS. Nós vamos então, então cada valor que vamos dividir por 2 55 a 55 corresponde ao valor mais alto quando você cria um chamador, então isso é um valor entre zero e 2 55 E nós precisamos criar o valor flutuante, que vai ser assim que cobrir valor dividido por 2 55 para obter o flutuador. E isto é o que vai criar o cadáver para cada um deles. Então, aqui. Então, quando selecionamos uma cor, o que vamos fazer é ficar tão primeiro vamos usar os formatos de tombamento, e isso vai ser verde e então azul que vamos fazer sexo é igual a duas cores e vamos conseguir a posição do índice. Então, referindo-se a uma vez, que será como o tipo central, que significa que o centro é o botão que selecionamos. E nós vamos ter a aderência que nós vamos precisar configurar porque por padrão, então cada imposto, então cada tipo para cada visão no inter sente construtor é igual a zero. Então vamos precisar armar para eles. Então vamos começar com isso, na verdade, então eu vou voltar para o quadro de histórias e, basicamente, então, vamos permitir aplicar ataque a cada vista. Então vamos começar com o Faraó. Eles iriam verificar. Você vai ver que você cortar o estoque, que é igual a zero, então para roxo vai ser legal para um. Então isso vai estar à vista. Então você sabe que ele vai corresponder a verde que vai ser três azul. Vai antes de laranja. Vai ser cinco. Depois Brown. Vai ser seis cinza sete no último. O preto vai fazer oito anos. E você vê que ele vai seguir a posição de índice que temos nessa coleção aqui . 01234568 meses. Oh, minhas camas, olhe, deixe-me fazer isso. Na verdade, ao lado do final do construtor. Isso vai ser mais claro. Então zero, 12345678 Ok, então é assim que vai funcionar. E aplicando impostos, então seremos capazes de manter o controle de onde estamos clicando. Então, o que realmente estamos selecionando dois, em seguida, atribuído a coleção correspondente aqui. E isso não vai ser suficiente, porque aqui, então eles são apenas valores e não vai ser suficiente, porque aqui, então estes estão jogando valores que vamos precisar então atribuir, você flutuou para Calcular Então a orgia está sorrindo e depois atribua uma cor para que haja um passo extra que vamos fazer aqui. Então ainda vai ser isso que vamos assinar também e básico. Então o último valor que atribuímos a vermelho, verde e azul e, em seguida, dividir isso por 2 55 que vai retornar uma cidade flutua para cada deles, e isso é o que precisamos. Então vamos tentar isso agora. Vamos desenhar vários telefonistas aqui atrás. Então, por enquanto é preto que fica roxo e temos azul roxo Grande. E funciona para cada chamada que você pode experimentá-los se quiser. Perfeito. Perfeito. Então o que vamos fazer em seguida é permitido aumentar também redefinir como nós vamos ter, como, como, você vê, nós temos essa barra de ferramentas. Então esse Tolbert. Assim, o objetivo é fornecer com funcionalidades de opções extras. Então vamos ter as opções de reinicialização. Então vamos simplesmente apagar o que temos. Só drone, e então teremos as opções para aumentar e finalmente ir para as configurações também. Então vamos fazer isso. 8. Opções de barra de ferramentas: Então agora vamos cuidar das opções da barra de ferramentas aqui. Então vou abrir os documentos nos almoços para facilitar as coisas. Porque aqui você tem a barra de ferramentas e, em seguida, dentro você tem um item já, e nós vamos usar isso para definir as opções de redefinição. Vou fazer outro item do Barberton, e este vai ser usado para apagar. Mas, por enquanto, vamos fazer isso noutra altura, por isso vamos precisar de anúncios. Já temos isso. Nós temos os recursos e sobre esta imagem, e isso é apenas para mostrar assim. Você está selecionando os raios de função, e nós vamos ter outra opção neste Tober, que vai ser ir para a configuração e apenas para adicionar algum espaço entre cada um deles. Então vamos adicionar uma barra de espaço flexível, mas um item e vai calcular assim a quantidade de fala que é necessária para distribuir, para para distribuir, para alinhar este tributo como o espaço uniformemente. Então agora nós temos, tipo, em dois lados do primeiro aqui, então esse vai ser o botão de reset aqui. Vai ser a navalha. E aqui serão as configurações, então vamos torná-las reconhecíveis. Então primeiro eu vou selecionar o da esquerda, e eu vou selecionar, Na verdade, este, este, que é um item de sistema personalizado, apenas para mostrar que com este, vamos ser capazes para simplesmente atualizar e redefinir sobre a partida de zero. Então isso vai ser, tipo, tipo, apenas esvaziar uma tela em branco aqui. Vai ser a navalha. Então o que eu vou fazer, vamos começar por realmente adicionar esta imagem? Vou adicioná-lo dentro de lápis de cor. OK, tudo bem. Ok, nós temos a navalha aqui atrás, então nós vamos adicionar esta mais tarde, e também a última aqui, vai ser para ir para as configurações. Vou usar isto. Eu venho, Janicki, que podemos ir para as configurações, a fim de reajustar. Eu estava sentado, então começando com o pincel, mas sem o pincel e também mudando a causa. Então isso vai ser com outra vista que vamos adicionar aqui. Mas, por enquanto, vamos tratar deste, que é usado para redefinir este. Vou mudar o título. Só se adequa para deixar claro. Então aqui você pode mudar o título. Tão pendente. Então, a imagem que vamos nos fazer sua navalha Perego. Então, é bom dizer, Vamos voltar para o controlador de visão. Vamos conectar algumas ações a essas novas opções na barra de ferramentas. Então primeiro temos que abrir para mim novamente. O esboço do documento que será mais fácil segmentar os elementos de visualização de direitos na barra de ferramentas. Então aqui temos a chamada, um piquete de ações. Então vamos adicionar a atualização, e eu vou nomear essa ação de reinicialização, e isso vai estar em ação. Então não se esqueça de selecioná-lo aqui na hora que ele y item Barberton, em seguida, a navalha e finalmente ir para a ação de configurações, que eu não acho que nós precisamos, uh, neste momento. Mas eu ainda vou criá-lo porque basicamente o que nós vamos conectar a isso vai ser um sinal. Então vamos assinar outra vista para obter uma página para as configurações. Mas vamos deixar que acabe assim, assim, todos os conjuntos. Na verdade, vai ser bem simples, e podemos configurá-lo agora são dois. Você vai ver que isso vai ser muito simples para simplesmente redefinir a imagem pad você. Então vamos fazer isso e depois a imagem. Mas vamos nos ajoelhar, ou seja, aqui. Então, seja qual for a imagem que você tinha originalmente para este parlamento, você vai ser removida. Disse para saber e para a navalha vai ser muito simples também. Então você vê aqui. Então os valores que estamos atribuindo para cada um deles rgb vermelho, verde e azul vamos permitir colocar este, na verdade, na verdade, então este é originalmente um. Então, isso é originalmente zero para preto. Então, usando um para cada um deles, ele vai ser chamado de branco, que significa que você vai realmente aplicar branco, que vai ser usado como uma função de você está levantando seu desenho porque você vai pintar brancos em cima das outras cores. Então vamos tentar isso. Aqui está. Então vamos começar adicionando algumas coisas aqui. Coisa aleatória amarela. que ainda não tentamos verde, Achoque ainda não tentamos verde, e depois arranjamos o Tariel. Então agora vamos apagar essa seleção. Vou mandar isto para os brancos e ver se consegues apagar. E, claro, nós também poderíamos configurar o com o traço com um pouco maior para que pudéssemos configurar o ataque com um pouco maior, mas isso é algo que nós vamos ser capazes de definir, na verdade, quando vamos para as configurações e finalmente podemos redefinir aqui atrás. Vamos tentar de novo. Então, simplesmente clicando aqui, vamos atualizar e, em seguida, redefinir. Perfeito. Então a outra coisa que vamos fazer aqui para as opções nesta barra dito é permitir ir para outra página, que talvez seja configurações. Então vamos para cá e depois para outra vista. Então eu vou fechar o esboço do documento e, em seguida, fechar a parte inferior também. Vamos precisar abrir o objeto do Ivory. Então vamos procurar outra vista. Vou sair daqui, basicamente. Então, o que? Vamos ter isso aqui como uma ação modelo, então será apresentado o modelo E. Então aparecendo de baixo. Então vamos fumar daqui, então vamos como este, ele vai ser daqui. Vou controlar o arrasto até aqui, depois liberar e selecionar o motivo atual. E depois vamos candidatar-nos. E então eu vou dar um nome a esse Segway, então isso vai ser bom também. As sessões que eu vou copiar porque nós vamos precisar também usar essa função, que é preparar para cigarros. Então vamos voltar para o controlador de visão. Então parece que eu não tenho nenhuma preparação para funções secretas, então defina automaticamente. Então, vou adicioná-lo aqui mesmo. Então isso vai ser preparar seu Segway este aqui atrás, e eu vou começar digitando Se Segway direito em fogo é igual a configurações do rotor. Vamos começar com veterinários porque vamos precisar passar algumas informações, dar controle de qualquer cor usada pelo usuário e a partir daí, então atualize as configurações como gostaríamos. E também, nós vamos precisar criar um Indiana crítico você para depois passar de volta do destino. Então, as informações que foram salvas pelo usuário por enquanto, então o que vamos fazer é simplesmente, você sabe, , habilitar o Segway apenas para ver como ele funciona. Aqui vamos nós. Então vamos clicar aqui, e por enquanto, não temos nada nessa vista. Então o que vamos fazer, basicamente, é continuar e configurar a página de configurações. Então, basicamente, o que vamos fazer a seguir é continuar e configurar o discurso de configuração. Vamos fazer isso a seguir. 9. Configurações de desenho: suportam essas configurações, página. Então nós vamos ter é nós vamos ter vários controles que vai permitir ajustar valores para as diferentes configurações que temos para esse pub desenho começando com as cores e também este caminhão com. Então nós vamos ter uma referência ao pincel com que nós vamos nomeá-lo como que você , tipo, tipo, traçar ou escovar com. E nós vamos ter controles deslizantes diferentes, que serão usados para então mudar os valores para cada um deles. Então nós vamos ter um controle deslizante de pincel e também, hum, sliders para os carros vermelho, verde e azul. Então vamos configurar isso, e também vamos usar algo, então isso vai ser para fins de navegação simples. Então nós vamos ter uma barra de navegação bem aqui no topo, permitindo que você cancele, então voltar para a visualização do código-fonte e voltar também, mas salvar primeiro. Então isso começou adicionando uma barra de navegação aqui. Vou adicionar um título e este vai ser configurações. Vou ter restrições. Havia um em todos os lugares e para a altura, eu vou torná-lo um pouco maior, então isso vai ser 60. Então vamos confirmar as datas aqui, e então vamos adicionar esses dois controles, como eu estava dizendo, então vai ser Barbara para os itens. Então, primeiro, este vai ser cancelado, depois outro à direita, que será seguro aqui. Certo, então vamos conectar esses dois imediatamente. Mas a primeira coisa é que vamos precisar de uma nova classe para estes controladores de visão, então eu vou criar com uma nova falta, e eu vou chamá-lo de modo que vai ser do tipo você. Eu vejo o controlador. Vai ser configurações. Aqui está. E eu vou assinar este. Então, imediatamente, também. Esta nova vista, vamos ao Inspetor de Identidades e depois atribuí-la atrás. E aqui vamos ver isso quando eu selecionei. Então agora temos configurações, você controla perfeitamente. Mas isso nos permitirá conectar esses dois como ações. Então eu vou pessoa fora e, em seguida, selecionado bem aqui, mas realmente mover. Está mais perto do controle de visão aqui atrás. Então vamos criar ações para esses dois que vão ser primeiro cancelar, que vai ser simplesmente como esse tipo de ação aqui pode seleção. Vamos usar esta função, que é dispensada, que vai permitir, então, demitir o controle da prisão e depois voltar para a fonte . Isso vai ser da Disney do que qualquer reunião, então isso vai ser verdade. Conclusão. Então esse vai ser o Neil. A mesma coisa para este. Então, o que vai ser usado para salvar, então as novas configurações seriam Ação segura, configurações seguras, facção. E então isso vai ser do tipo B y Barberton item, e isso vai ser o mesmo aqui. Então, vamos demitir. Aqui está. Então vamos tentar isso para começar. Ok, então vamos navegar para as configurações que vão cancelar. Vamos para as configurações e, em seguida, voltar. Então, a partir de agora, então obviamente teremos mais ações relacionadas a dizer, mas é só para ver que a navegação está funcionando corretamente. Perfeito. Então o que vamos fazer a seguir é então configurar as configurações. Então, como eu estava dizendo então nós vamos configurar diferentes controles deslizantes que serão usados para ajustar os valores correspondentes às configurações fora do pincel, com também as cores introduzidas para definir as configurações para que blocos de desenho. Então nós vamos começar simplesmente desenhando assim adicionando, quero dizer, então, sim, o propósito deste aplicativo é desenhar, mas na verdade, então, para esta parte, então o que vamos fazer é apenas adicionar alguns objetos elementos. Então eu vou voltar para o editor Standard View. Tornar este maior, mais velho. Vou precisar, é claro, da biblioteca de objetos para adicionar algumas coisas. Então, começando com controles deslizantes, vamos ter alguns. Então nós vamos ter o pincel aqui mesmo. Sim, vamos ter alfândega para este também. Então vamos usar os guias para analogias para ver onde estamos. Então, baseado em, tipo, alguma margem que temos, tipo, define automaticamente para cada super visão. E aqui vamos ter uma gravadora. Vamos ler como o valor do pincel. Vai ser rotulado, e vamos ter também uma imagem. Você e este vai ser usado para exibir uma prévia. Sabe, como o lado do pincel. Vamos torná-lo menor. Vou deixar espaço suficiente porque vamos usar essa imagem que você mostra usando também contexto. Então vamos usar o contexto para desenhar imagem usando cores. Ok, cores iniciais que se recusaram para o bloco de desenho, e nós vamos ter então vamos sair. Restrições para começar, vou começar com este isqueiro. Vai ser 16 de cada lado, oito do topo e depois 34 as alturas do que o rótulo. Então eu vou fazer este um pouco maior. Então, comparado com o top 45, talvez seja demais do que 16. A largura e as lágrimas. Finalmente, a imagem que você Então eu vou fazer este realmente quadrado 70 por 70. Isso vai ser um ching do topo e depois 16 para a margem direita. Então vamos confirmar os crimes de encontro. Terrível. Então nós vamos ter, tipo, um cenário semelhante para, tipo, as cores por baixo. Então eu só vou pegar este e, em seguida, mantê-lo meu dedo na opção e, em seguida, arrastar porque, basicamente, isso vai ser o mesmo ponto de partida Perego. Então aqui, nós vamos ler, realmente ler. Eu só estou colocando como, uh, aqui. Vou colocar uma escova. Vou colocar a cama, mas isso vai ser dinamicamente renderizado aqui. Então vamos começar com o controle deslizante. Vou sair com algumas restrições. Isso vai ser oito. Então não podemos ir com o meu melhor. Então isso vai ser na verdade 16 de cada lado e, em seguida, as alturas aqui atrás. Mas também restrições para o rótulo. 61 6 pol da esquerda com altura. O mesmo para a imagem. Você 70 por 70 e, em seguida, 34 do topo e, em seguida, 16 na margem direita. Está bem. E para o resto do que vamos ter é um pouco todo este isqueiro. Vamos voltar. Eu cometi um erro. Então eu vou selecionar o rótulo junto com este isqueiro. Mantenha meu dedo em opções para duplicar você. Vá. Deixe-me voltar. Parece que não sou capaz de suspeitar. Ok, então vamos selecionar novamente o controle deslizante junto com o rótulo, manter meu dedo na opção e, em seguida, arraste aqui atrás. Vou fazer o mesmo de novo porque vou criar o mesmo para o autocarro. Isso vai ser verde aqui, e o último vai ser então aqui vai ser creme aqui. Vai ser azul. Tem algumas restrições também. Continua a somar, como a que adicionámos antes. Então deixe-me ver o que é extra. Então aqui eu tenho um extra com informações. Vou removê-las. O mesmo para as alturas. Isso foi demais aqui também. O seu também. OK, então nós vamos fazer algumas limpezas para marchar fundos espaciais. Podemos manter o mercado e para este isqueiro. Então nós temos a altura, que é muito o topo demais. Certo, então vamos selecionar essa e aplicar restrições para a esquerda e a direita, o que mais está faltando? Temos a altura a seguir o topo, está bem? E então precisamos também cuidar do rótulo. Bem, isso vai ser 16 e 15 para os melhores Perricos. E agora está configurado corretamente para este. Então, começando por este, vamos começar com o rótulo do que é espaço inferior extra. Certo, então isso vai ser “não”. 16 para a esquerda e 17 para o topo. Agora este isqueiro, então vai ser 16 esquerda e direita. E aqui atrás? Oh, eu posso ter algumas coisas. X trolling, está vendo? Esconder o topo Ok, este é extra. Só precisamos de um constrangimento para todos os gostos. E este também. Cerca de 20 fortes esta noite. Bracelete crônica aqui atrás. Isso é melhor. Ok, então agora nós temos eu estava configurações que estão preparadas, então eu vou colocar este um pouco mais para baixo porque eu tenho espaço suficiente, então porque eu movi tudo para baixo. Então agora eu vou precisar atualizar as restrições, ok? Para apenas reajustar dentro de você. Acho que perdi um. Então deixe-me começar de novo. Vou selecionar tudo. Três rótulos, este re controles deslizantes, incluindo a imagem que você vai para baixo. E, em seguida, de profundas restrições, eu tinha acabado de perder um elemento do dedo do pé. Ok, então agora nós temos nossa visão para as configurações, que está pronto. Então vamos pré-visualizar isso a seguir. O que vamos fazer é conectar todos esses elementos, a fim de então permitir controlar programaticamente. Então as configurações Então os valores terríveis 10. Configurações de programação: Então o que você faria agora é conectar todos esses diamantes às configurações que você controlador Perego que vai estar aqui no topo. Então isso começa com, hum eu vou precisar ter conexões com todas as gravadoras que vamos começar. É uma etiqueta de pincel. Clique em Ligações. Eu vou fazer o resto do Bem, então para os carros rótulo verde na etiqueta azul. O mesmo para a imagem. Vamos precisar nos referir a eles para desenhar como o outro contexto. Então, quais gráficos sempre, na verdade, vamos usar, você sabe, as cores que temos. Ah, que têm definido no momento, a fim de dróides como gráficos, e, em seguida, atribuí-lo a cada imagem que você. Então, primeiro, nós vamos ter aqui o tamanho para ele, como mostrar qual vai ser visualizado aqui para o tamanho do legal, para o tamanho do pincel que vai ser pintado dentro é você. E finalmente, nós vamos ter, como, as cores imagem você e finalmente, nós vamos ter as cores de visualização de imagem bem aqui. Então, com base nos valores para vermelho, verde e azul, vamos ter uma visualização das cores usando o uso desta imagem. Vou chamar essa de coleiras. Imagine revisão. Aqui vamos nós. E em seguida, vamos criar conexões para esses isqueiros porque vamos precisar que unidos para obter os valores de volta da interação do usuário para o usuário. Interação dela. Vai ser deslizante de pincel. Então vamos ter o menor vermelho. Também o verde. Eu só tinha um pouco de espaço. Ok? Além disso, o verde mais leve e, finalmente, o controle deslizante azul. Certo, então vamos reagrupar tudo. Muito bem organizado. Então nós temos os rótulos aqui. Então temos a imagem. Você, eu vou chamar aqueles de pré-visualização, na verdade. E aqui estão esta é a coleção de controles deslizantes. Aqui vamos nós. E então temos a ação que vamos usar para dizer, ok, e o que vamos fazer, vamos começar permitindo obter, como, como, as configurações que temos atualmente, o que significa que temos aqui quando vamos no controlador de visão. Então nós temos algumas cores que são configuradas com base em nossa seleção, você sabe, e também o pincel com que eu deveria dizer, na verdade, como uma variável global aqui. Então, aqui nós definimos uma linha com então que vai corresponder ao pincel com Are o atingido com se você é como então nós vamos precisar ter isso como uma variável global. Então eu vou colocar isso realmente aqui, considerar escova com que vai ser um tipo flutuador bem, que é igual a 50 E então eu vou substituir aqui com pincel com e isso é bom para o resto porque nós temos uma referência a cada valor de cor que são vermelho, verde e azul. Então nós mantemos o controle de si mesmos porque nós temos aqui vermelho, verde e azul. Então vamos ser capazes de passar isso para a página de configurações. Então vamos começar com isso. Então essa vai ser a primeira coisa. Então, basicamente, Então todas essas variáveis que temos aqui no controlador de visão, nós vamos ter que ser exatamente as mesmas e as configurações que você controlou aqui. Então vou fazer um comentário só para manter as coisas claras. O que ele coloca configurações, por exemplo, e basicamente o que queremos aqui é passar. Assim, os valores que correspondem a isso no controlador de exibição sobre as configurações. Seu controlador, é claro, vamos fazer isso com esta função, que é preparar para o segredo. Então isso é conveniência, porque vamos ser capazes de preparar alguns objetos para tê-los prontos. Então, antes de seguirmos caminho para o próximo ao controlador de visão de destino para que vai ser vamos definir assim o destino. Então, isso vai ser configurações V. C. Isso vai ser destino de cigarro como sessões você controla ou e na configuração. Então, o que temos. Assim como nós possuímos o controlador de visão. Então, primeiro temos o pincel com nós confirmamos este um cortador. Nós temos o pincel sagacidade, que vai ser legal para o pincel com como definido final de você controle. Então temos a cor vermelha, que vai ser legal para definir o controle de visão cantar para verde, e o mesmo para Luke. Aqui vamos nós. Então é assim que vamos resolver isto. E se eu for para configurações você controla tão na carga de beleza. Então, por exemplo, queríamos testar apenas uma coisa muito rapidamente, então escovar com, por exemplo, é então vamos passar o valor que corresponde ao pincel com. Nós vamos ser capazes de ler isso em nossas configurações, você controlador, que significa que nós vamos realmente manter o controle das últimas configurações como eles são configurados. Então, originalmente vindo da fonte de seu controlador e, em seguida, podemos ajustá-los e, em seguida, enviar de volta as novas configurações uma vez que salvar de volta para a sua fonte. Então, por padrão , são cinco. Vamos para as configurações e cabelo ir escovar com é cinco. Então isso é bom. Então sabemos que podemos comunicar esses valores ao destino. Então isso é o que queremos a seguir, O que queremos ficar fornece, como sua visualização usando as imagens que configuramos aqui. Então isso vai ser usado como uma prévia. Agora isso vai mudar. Além disso, conforme você alterou os valores no controle deslizante, então vamos começar com isso. Então vamos ver como desenhar, na verdade, como na verdade, uma visualização usando a imagem que você tanto para a exibição de imagem de pincel aqui e as cores imagem que você 11. Configurações de visualização: basicamente para visualizar as configurações. Então, as energias têm uma representação visual desligada. O que temos originalmente configurado no controlador de visualização? Então vamos usar exatamente a mesma função que temos aqui, que vai ser usada para, tipo, desenhar gráficos usando gráficos por contexto. Então eu vou simplesmente copiar tudo isso. Só vou desistir. Vou ficar com algumas coisas, na verdade. Então nós vamos para as configurações, você controlador, e aqui, logo abaixo, eu vou andar em uma função de canto, que vai ser drop review. E eu só vou remover isso porque eu não vou precisar disso. Então, vou criar um contexto. Então aqui vai ser em vez de ter aqui mau uso de imagem. Então eu sou apenas eu colocar imagem de você, que vai dar tipo. Você quer imagens porque vamos precisar. Vamos precisar fazer isso para te dar uma imagem. Então vamos usar apenas um. Não vamos redigitar cada coisa. Minha imagem de você se referindo a este. Então vamos ter um provedor. Nós também vamos substituir bem aqui. Então, para o bloco imaturo, será também imagem. Você gosta do mesmo que passamos é um argumento, a fim de aplicar através da imagem a partir do contexto de imagem atual para a imagem que você vai desenhar um gráfico. Então os outros contextos estavam usando. Na verdade, metade da imagem é 70 por 70 para o uso da imagem. Vamos usar metade para o X. E por que, começando pelo centro de cada um deles, vamos ver como funciona. Na verdade, isso deve ser quase como se fôssemos ver como funciona. E assim, para o resto disso é bastante semelhante a como temos precedentes para como quando desenhamos as imagens para o desenho para o bloco de desenho. Então isso é verdade. Isso é então nós temos o modo de mesclagem, o limite de linha, e também a linha com que corresponde a cinco porque começamos com cinco. E então também, finalmente fechamos o caminho. Então vamos chamar essa função a partir daqui, deixar revisão, e vamos então atribuir isso a que vai ser a imagem do pincel. Você mesmo para a imagem de cores. Basta escrever que vamos para as configurações, modo que isso não parece mostrar, então a coisa é, depois de eu ter feito coisas diferentes para este nascimento, parece que não funciona. Assim como foi configurado e o storyboard originalmente então vamos precisar especificar, na verdade, como as dimensões. Então, dentro de alturas, como com o tamanho de cercos, então dentro de alturas, então isso vai ser 70. Então, a maneira que nós configuramos eles e o storyboard 7 a 17. Então vamos tentar de novo, tudo bem aqui atrás. Mas isso é muito pequeno. E não há como ajustá-los porque ainda não montamos nada com os isqueiros, então seremos capazes de torná-los maiores. nada com os isqueiros, Então, como nós movemos aqueles mais tarde esquerda ou direita, a fim de ajustar o valor Mesmo para as cores vermelho, verde e azul energia para mudar as cores. E vamos ver isso a seguir. Então nós vamos permitir usar Então este estágio isqueiros data os valores que obtivemos originalmente do controlador de visão e, em seguida, aplicar para as novas cidades 12. Ajustando configurações: assim, a fim de exibir. Então, a posição dos controles deslizantes. Então, com base nos valores das cores, então o que eu vou ter é, vez de colocar tudo em carga de beleza, eu vou ter uma função separada, separada , que vai ser sliders. Valores que eu vou chamá-lo realmente define valores sliders, você sabe, e dentro. Então vamos nos referir a todos os elementos. Então, incluindo os rótulos e os controles deslizantes, começando com o pincel. Então esse é o primeiro 1 Então vamos ter, tipo, tipo, o controle deslizante do pincel. Vamos definir o valor, e este vai corresponder ao pincel com. Então, quando você passar como um valor, tudo bem. E também vamos bater o rótulo fora deste, então esse vai ser o texto do rótulo do pincel. E porque isso está esperando têxtil, vamos usar então, é claro, como citações. E eu vou certo, então isso é, eu acho, escovar e nós vamos usar essa função, que vai permitir então para mets, então valores. Então é preciso para órgão. É o primeiro que vamos passar. Então, do jeito que queríamos para o meu dia, então isso vai ser como valor decimal, e isso vai ser Agora que vai ser tenso, inteiro para este, e então vamos passar. Então o valor do pincel com o qual originalmente é um cerco em que flutua, que vai envolver este dentro de um em, a fim de transformar este em uma informação. Você, hum isso vai ser como o anti da coisa aqui que vai ser história, porque isso está esperando a corda aqui. Então aqui temos esta manhã porque estamos tentando passar como um valor aqui. Então isso está esperando à tona, e o pincel com é para cima tipos e g flutua. Vamos converter isso também usando essa função, que é Focht. Ok, então vamos começar com isso, então eu vou chamar essa função da vista, o conjunto de carga, controles deslizantes, valores. Vamos ver. Então agora podemos ver que temos um valor, que é cinco, e ele vai para aqui. Então isso é algo que vamos mais tarde. Então, no que diz respeito à posição fora do controle deslizante, então vamos fazer o mesmo para os carros. Agora, isso é para o pincel. E agora vamos fazer isso pelos carros. Então primeiro temos o controle deslizante Reds. Vamos definir o valor. Isso vai ser o mesmo. Vamos precisar esfregar isso porque são carros alegóricos da cidade. Nós vamos esfregar estes dentro desta função do que porque isso é um opcional. Vou fazer isso também aqui. Então vamos superar o texto legal, e isso vai ser exatamente o mesmo a partir dele. Aqui , vamos ler, ler o próximo trunfo aqui e aqui. Então isso vai ser realmente como valor. Então isso é Nielsen inteiro, mas nós vamos realmente, hum, obter o valor do controle deslizante, que vai ser muito menor, multiplicado por 2 55 Porque o que queremos é obter para retornar o valor usando este formato para 55 e que vai ser como uma string. Parece que eu não tenho que vir deles, embora Oh, minha cama está bem. Então, aqui. Então meus morcegos, eu copiei diretamente de, você sabe, se você controlar, mas obviamente você quer permitir passar o valor como ele corresponde ao que você passar como, e nós vamos testar Isso de novo. Foi mal meu. Ok, então agora sabemos que vamos ter que interromper todos eles se importam com este aqui. Ok, então vamos tentar isso. E lembra quando fizemos esta morte para testar se estávamos realmente retornando como o valor certo? Quando dissermos Quaid do controlador de visão, vamos testar isso de novo. Então isso foi aqui Prince escova com é escova com. Ok, então vamos tentar isso. Então devemos ser capazes de ler a mesma coisa, embora, como você aqui, este é um opcional, mas tudo bem. Então começamos zero, mas por enquanto, essa é uma Rebecca. Isto é preto. Então isso está funcionando muito bem, então farei o mesmo para as outras cores. Então temos também verde e depois azul. Bem, isso vai ser o controle deslizante verde. O rótulo verde? Sim, vai ser o controle deslizante verde. O mesmo para o azul. Certo, já que a direita, exceto aqui, Green vai recuperar o valor para o verde. E este é o momento em que protestamos, então vamos passar e esfregar este, certo? Legal. Ok, aqui vamos nós. Então eles são todos iguais a havia, na verdade, se voltarmos para laranja, vamos ser capazes de obter, tipo, exatamente o valor correspondente que você sabe das cores como ele dissecado. Então, isso é muito pequeno. Então esse será o próximo passo. Na verdade, vamos voltar. Na verdade, verdade, nós vamos ter, tipo, tipo, nós vamos ver como ajustar as configurações e também algo que eu deveria fazer porque é uma varredura de ridiculamente pequena. Aqui está eu não vou usar o pincel como um indicador de, você sabe, eu vou colocá-lo aqui, então isso vai ser com ele vai ser um perímetro extra porque dependendo de qualquer pré-visualização que estamos fazendo, Vamos precisar ajustar o com deste. E, por exemplo , não vai se mover. Então isso vai ter tipos e g flutuadores e aqui eu vou substituir, foi com. Então eu vou precisar atualizar aqui disfunção Perego porque ele vai verificar como ambos escova com este vai ser no início. Vai ser como se fôssemos usar “Não, desculpe”. Vai escovar vai ser escovado. Imagine você. Então vamos passar pincel com, porque no início vai começar com o valor de cinco. E aqui, no entanto, gostaríamos de permitir ter, tipo, um prevalecer maior. Essa é uma das imagens de Yukos e aqui está eu vou definir como sendo um 10. Vamos nos ajustar de acordo. Vamos ver como vai correr. Então vamos ver como funciona. Desta vez. Nós vamos ter, tipo, uma maior prevalência de alguns deste caminhão da cor. Vai fazer mais sentido. É como uma seringa aqui. Passe por aquele alto-falante. Nem consigo torná-lo maior. Na verdade, vou definir como é 40 Não, 30 milhões. Isso é certo. Há pouco diz, é por isso que melhor porque então você pode se ajustar. Mas por enquanto, não está funcionando como se fôssemos fazer isso a seguir, e vamos ter, tipo, uma prévia maior da cultura, então isso é melhor. Então é isto que vamos fazer a seguir? Na verdade, vamos adicionar algumas ações aos controles deslizantes. Então o que eu vou fazer, vamos voltar para o storyboard e depois nos conectamos. Então, uma ação, que será a mesma para todos os vidros com isso aqui. Então nós vamos começar aqui, então isso vai ser, hum, hum, mudança de cor ação. Vai ser o controle deslizante dos EUA há um ano e no próximo. O que vamos fazer é ligar também esta facção a esta e a esta. Então, para todos chamados. Então, vamos voltar para o controlador de visualização, as configurações que você controla. E então aqui está o que vamos fazer é, em seguida, obter o valor de volta para cada um deles a partir do controle deslizante. Então isso vai ser realmente como nós vamos transformar isso em um CD flutua, obviamente, porque vai ser o controle deslizante. Então, quando movermos os controles deslizantes vermelhos, então vamos obter o valor de volta, e então para o rótulo, ele vai ser exatamente os mesmos formatos aqui. Então eu vou copiá-lo. Nós vamos então exibir. Então você valoriza as taxas mais leves. Ok, então vamos ficar assim o mesmo. É verdade que ele vai ser revertido em vez de atribuir para os controles deslizantes do valor fora o que nós obter de volta do original a partir da fonte original de você controlador. Vamos então atribuir a cada prioridade o valor correspondente deste isqueiro. Então, como você mover este isqueiro deixou todos os direitos. Então eu só estou pegando este saco porque este é o mesmo de seus 10. Então o verde vai assinar. Então é isso que corresponde ao verde. Slater e depois ficamos gripados. Ela vai ser o Perego azul destruiu isso. E, claro, vamos precisar que você também tenha uma prévia disso. Então vamos chamar novamente essa função, que é descartada. Preview vai corresponder à imagem de cores, você e para o com. Acho que tivemos que usar até 30 para este caminhão. Vai ser grande o suficiente. Então vamos tentar combinar. Então o troco para tipo, incluindo o bife vermelho Frenemy aqui na minha cama não é vermelho. Vai ser lido e ouvido Green. E aqui vai ser azul. Eu cometi o mesmo erro aqui é todo keya o verde vermelho, e então olhe Ok, então vamos mudar as apostas. Ok, então eu estava apenas explicando que combinar para que as três ações chamar juntos permitirá fornecer uma pré-visualização para incluir todos os valores para este re sliders, a fim de criar as roupas do correspondente, valores de um como eles estão no lugar. Porque como você move o controle deslizante, então o resto não está se movendo. Então você vai manter os mesmos valores para os outros e Recalcula as cores e em seguida, fornecer uma pré-visualização a prevalecer correspondente Então vamos tentar isso novamente. Então nós vamos para aqui e depois mudar a costa. É preto no início, e então você pode mover e, em seguida, alterar a visualização e assim por diante. Por enquanto, ele não está salvando nada porque ainda preto, porque nós vamos precisar configurar como um crítico para o portão, a fim de passar para trás como as informações das configurações ajustadas. Então, por enquanto, Então, vamos permitir também alterar o traçado com, adicionando também uma ação para o controle deslizante pincel bem aqui. Então isso vai ser bem aqui. Então eu vou criar outro, e isso vai ser mudado. Isso vai ser mudado de pincel com. Mas oh, meu sobre coloca roupas masculinas. Não me deixes voltar e certificar-me de que retirei isso porque não preciso de tomadas. Então vou ficar com o pincel mais tarde e remover isto há um ano. Vamos voltar e recriar. Isso é como uma ação. Ia ser mudado. Escova com Carvalho Slater Perego. Vamos voltar para as configurações para os controles. É apenas vista padrão e aqui. Então vamos verificar se o centro é realmente como o pincel mais tarde para não ficarmos confusos aqui, pincel, controle deslizante e, em seguida, para escovar com, porque desta vez vamos atribuir Então o que for o centro é realmente como o pincel mais tarde para não ficarmos confusos aqui, pincel, pincel, controle deslizante e, em seguida, para escovar com, novo valor que recebemos de volta do controle deslizante e que vai ser ter tipos e g float, vamos obter Então o valor do remetente fazer, em seguida, apenas o tamanho deste pincel e também indica para o rótulo. Então vamos usar exatamente o mesmo, então aqui usando isso, usando o formato de texto. Então o valor que é retornar para que o vadio que estamos verificando, isso é uma comparação. Então vamos colocar dois sinais de igualdade aqui, ok? Então, desta vez vamos tentar o pincel. Oh, e eu esqueci também de soltar a pré-visualização. Então, eu vou ligar para você daqui, então isso vai ser escova com para o com. E então isso vai ser imagem de pincel. Você. Então vamos precisar provar que você está aqui. Sim. Vamos tentar isso para o pincel. Não parece ser super certo, porque começou na verdade como um máximo, como sendo cinco, então isso não parece estar certo. Então eu vou derivar seus ajustes aqui. Então, começando aqui. Então, quando dissemos os valores Então, mantendo os mesmos valores iniciais, eu vou permitir que este comece, como muito pequeno, como eu estou falando, na verdade, o valor que está no controle deslizante em ordem para permitir tão maior. Então eu vou dividir este valor por cinquenta com o significado de que o valor que está definido no controle deslizante vai ser dividido. E não vai ser ajustado ao máximo e aqui também. Então, quando aumentarmos o valor, vamos permitir aumentar este também em 50. Então o que eu estou fazendo é apenas aumentar, permitindo um valor maior para o controle deslizante. Então vamos começar menor. Então, na escala fora do controle deslizante, que vai corresponder a cinco na realidade, para este caminhão com o pincel com, você vai ver que desta vez você vai ter, como, aqui, a posição do controle deslizante começando aqui por cinco, e então nós vamos ser capazes de aumentar este. Certo, então vamos precisar nos ajustar. Além disso, a visualização parece não funcionar. Ok, então eu não quero mudar isso aqui. Na verdade, eu quero, na verdade, meu mal eu estava tipo, na área errada completamente errado. Eu era intenção. Chamou o sotaque dela. Então eu quero mudar isso aqui mesmo. Está bem. Pronto para prestar atenção? Então eu dividi-me bem aqui. 50. E aqui eu quero multiplicar por 15. Vamos tentar de novo. Desta vez vai ficar tudo bem. Começamos a partir daqui, e depois podemos ir maior, está bem? Começamos a partir daqui, e depois podemos ir maior, E isso vai permitir, então, configurar como este derrame. O pincel com para reverenciar o máximo será 50. Está bem. E depois zero. Certo, então vamos usar isso para ajustar as configurações. E isso seria hora de salvar as configurações. E para isso, vamos usar para políticos e delegados. Então vamos criar devastação própria energia crítica para passar as configurações ajustadas de volta para o controlador de visão inicial bem aqui. 13. Salvar configurações: Então agora o que vamos fazer é estabelecer um protocolo. Então isso vai ser nós vamos fazer isso nas configurações do controlador, e isso vai nos permitir definir como um delegado. Então o que queremos é criar um Pirkle, que será então adotado pelo controlador View. E então nós vamos ter um delegado do tipo fora esta partícula que nós vamos criar, e então em nome dessas partículas, nós vamos ser capazes de executar algumas ações bem aqui. Então vamos começar com a definição do protocolo. Isso vai ser o protocolo. Vai ser isto a partir dele. E eu vou chamar essa de nossas atualizações estabelecendo portões estáveis, essa vai ser a classe. E por dentro, vou definir as funções, os métodos que serão necessários como parte dessas partículas. Então este vai ser configurações de atualização, e que vai ser o centro vai ser como este controlador de visão de configurações aqui. Então isso vai ser sentado tipo ZBC sessões. Você controlador, diga-nos configurações, você controlador. Aqui vamos nós. Então essa vai ser a função que vai ser um registro como parte deste protocolo, e então vamos definir um delegado. Vou pô-lo aqui. Então isso talvez seja delegados, que vai ser um tipo como, mas crítico que acabamos de definir. Essa é a data das nossas atualizações, as sentadas desta vez. Está bem. E depois vamos explodir. Então, o controlador de visão para confirmar para este crítico. Então, vou adicioná-lo aqui mesmo. Isso vai ser delegado de configurações de atualização aqui atrás. E então isso vai me exigir que você vai ver isso imediatamente. Vamos receber esse erro porque precisamos implementar os métodos de registro. Ele ainda não está em conformidade com as configurações de atualização política. Então, vamos chamar essa função. Vou chamá-lo aqui mesmo. Então, na verdade, ao lado , ah, a preparação para a vitória doente. Então, com a preparação para Sig, nós íamos ser capazes de passar objetos de dois e, em seguida, com esta função. Então, a partir desta partícula, vamos ser capazes de obter a informação desta fonte, para obter as configurações ajustadas. Então, a partir dos destinos de configurações do seu controle de volta para o controle de visualização, haverá atualizações. Sessões. Então, como está tudo bem aqui atrás? É aqui atualiza sessões. Está bem. E, basicamente, o que vamos fazer é atribuído a todos os perímetros, então vamos passá-lo a partir de configurações VC. Então isso vai ser escovado com. Vamos recuperar isso das configurações que você controla. Então vamos ter, então deixe-me ver o que preciso confirmar aqui. Está bem. Bom. Pronto, opcionais Busk. E agora nós vamos ter o vermelho bem igual ao vermelho como definido na classificação. Você é o controlador. Depois vamos ter o verde, e depois vamos ter de nos mudar. Eu ia ser das sessões e, em seguida, ok, então está tudo pronto. Vejamos, isso é tempo de trabalho. Então, havia outra coisa que precisaríamos fazer porque temos um delegado. Então vamos realmente permitir atualizar as configurações, na verdade, então é parte dos delegados, então há diferentes etapas que vamos precisar fazer. Então, primeiro de tudo, nós vamos voltar para o controle de exibição de configurações, e você vê que este não é os métodos seguros que queremos ativar isso Então vamos permitir que para chamar esta função assim a partir da função salvar. Então, nas configurações, controle de visualização. Então eu vou fazer isso. Então, dos delegados, porque o delegado vai ser na verdade os controladores de vista. Vamos preparar isso também. Então, vamos atualizar a configuração. Então, em nome das configurações, seu controlador através do protocolo atualiza configurações, delegados e para o controlador de exibição. Então esse é um de vocês e quem vai ser os delegados? Então, vamos precisar configurar isso. Então, quando dizemos cais do controlador de visão para as configurações que você controlador neste nível. Então vamos fazer isso porque agora temos acesso a essa propriedade delegada, e vamos fazer, como este igual a si mesmo, você vê, então nós definimos nosso próprio protocolo aqui, OK? E os métodos necessários são as configurações de atualização. Então, e nós temos uma propriedade delegates, que é deste tipo de configurações de atualização de protocolo, delegados e quem vai ser o delegado para este protocolo? Vai ser o controlador de visão, e é aqui que o definimos. E assim nas configurações exibir controladores. Então o que queremos é acionar essa função. Então, quando clicamos nas ações de configurações seguras antes de voltar para a fonte. O controlador de visualização. Então os delegados, que agora é o controlador de visão, e assim o delegado, que é um controle poucos, irá executar esta função, que é atualizar configurações de volta aqui, que é vai ser o seguinte para definir. Assim, o pincel com como, como ele é ajustado no controlador de exibição configurações e, em seguida, reatribuído de volta para a variável , variável global do controlador de visão. Então vamos tentar isso. Então eu vou para o Setor uma cor, que vai ser verde para começar com Verde, vamos voltar. Então começamos com verde e eu vou com essa cor, vou torná-la maior, e é rápido salvar, e vamos voltar com essa cor. Você vê, se isso é muito maior e aqui para que possamos, como apenas as cores. Vamos tentar de novo. E você vê que a cor não está mudando para os pincéis. Bem, então eu só vou namorar isso. Então essa é uma atualização rápida. Então eu vou mudar isso não parece pegar o carro imediatamente. Está bem. Ah, grande pincel. Ok, então vamos pegar aquele vermelho e você vê esse fim de semana, depois atualiza as configurações de volta no controle de exibição. Então, a fim de permitir ternos, você sincroniza para a pré-visualização fora de ambos Ah, as imagens. Mas também para o pincel vamos simplesmente realmente ter a mesma função. Então, aqui mesmo. Então você vê que porque nós temos, tipo, o privado para a causa da imagem de cores. Você Nós vamos ter esta função bem disponível aqui, a fim de ajustar a visualização para o pincel também. Então, à medida que mudamos os valores fora do RGB, então vamos começar com branco. É só que para uma cor diferente. Você vai ver que eu vou apenas o pincel com isso A cor vai apenas em ambos os locais. Então, isso é bom. Perfeito. Então, o que vamos fazer a seguir? Então temos esta última parte. Então, a navalha. Então eu tenho esta imagem que está disponível aqui dentro. Então vamos usar o item Barberton, que é o que está no meio. Vamos fazer isso a seguir. 14. Função de apagamento: Ok, Então a última parte será então fornecer com uma imagem para o terceiro para o segundo item Barberton item que temos na barra de ferramentas. E este vai ser do tipo você I itens Barberton, então eu vou criar um funções separadas para isso. Vou pôr comida, na verdade. Hum, bem aqui. Então este vai estar na sua navalha. Então eu vou começar criando, como, um separado, um separado se você, para esses itens desses limites de exibição apenas indo para digitar você. vamos adicionar isso Button, ao barbeiro hoje à noite, e talvez seja você que eu vou fazer nele. Então vamos precisar sobre o tipo, e isso vai ser personalizado. Então vamos definir a imagem para isso cerca de 10. Então isso é talvez com a imagem set em que vai ser vai especificar o nome. Então você é a imagem e isso vai ser a navalha. É assim que chamamos suas teorias de PNG. Ok, então isso vai ser para o estado normal, e então vamos definir o quadro. Então isso é talvez um botão rezando. Sim, isso vai ser com C Gerecht. Isso vai ser zero para o X e Y ou o Com isso. Vai ser assim. Eu insinuei que eu apliquei Então 53 53 para a largura de 34 as alturas. E nós vamos, em seguida, atribuir este para a barra de ferramentas que inclui itens e nós vamos segmentar. Então, o 2º 1 Então isso é parte dos itens. Então, talvez seja um. E então vamos assinar o So Barberton, e então vamos assinar um caráter tão melhor. E, finalmente, vamos chamar esta função de Então, se você carregou para então, em seguida, neste aqui Então, onde eu coloquei isso? Beleza carregada, sexualmente aqui e depois. Então eu vou proibir criar os itens Barberton desta taxa Barberton, com este contrato, que é você é bourbons e item, e nós vamos criar este Barberton com uma visão personalizada, que é como este botão e Finalmente vamos assinar. Então esta permanência para a barra de ferramentas, que inclui itens e que vai ser o 2º 1 Então isso vai ser É como uma coleção começando com zero. Então esse é talvez o número um e este vai ser igual a Barberton. E depois vou ligar para este. Então de você carregou finalmente bem aqui. Então isso vai adicionar a sua razão. Então desta vez devemos obter essa imagem e aqui atrás. Então o que? Eu vou Jim remover este aqui, porque isso não é mais necessário. Só vou testá-lo. Sim. Parece que eu vou precisar definir realmente em ações para este aqui, porque isso é completamente diferente. Então o que eu vou fazer para a ação fora daqui. Então você aumenta, eu vou criar uma função, que vai ser apagar função. Vou colocá-lo aqui mesmo. Bêbado. Ele levantou a função bem aqui, e então vamos adicionar alvos a este botão que vai ser Barberton são os alvos. Isso não vai ser os bourbons. Foi mal meu. Vai ser o botão ao qual vamos adicionar um alvo. Talvez sejam alvos aqui atrás. Então o alvo vai ser eu e, em seguida, o setor, então nós acabamos de criá-lo. Então isso vai ser seletor. E, em seguida, que faz parte do controlador de visão e este é chamado de função apagar. E vai ser para, tipo, tipo, o retoque do evento lá dentro. Ok, então desta vez nós temos uma ação que está associada a esta, e é de volta ao quadro principal onde eu vou remover. Ah, aqui. Então, este há um ano e de volta, vou ser capaz de apagar usando este seu barbeador. Então vamos desenhar, vamos torná-lo maior, e então você levantou aqui atrás.