{"id":2339,"date":"2019-03-25T17:39:07","date_gmt":"2019-03-25T20:39:07","guid":{"rendered":"http:\/\/xexeu.elipse.com.br\/pt\/usando-bibliotecas-no-elipse-e3-licao-5\/"},"modified":"2019-05-27T15:34:59","modified_gmt":"2019-05-27T18:34:59","slug":"usando-bibliotecas-no-elipse-e3-licao-5","status":"publish","type":"post","link":"https:\/\/kb.elipse.com.br\/en\/usando-bibliotecas-no-elipse-e3-licao-5\/","title":{"rendered":"Usando Bibliotecas no Elipse E3: Li\u00e7\u00e3o 5."},"content":{"rendered":"

XControl e XObject<\/h3>\n
<\/div>\n

O XControl \u00e9 um objeto gr\u00e1fico que normalmente exibe informa\u00e7\u00f5es de vari\u00e1veis que est\u00e3o no servidor. O XObject \u00e9 um objeto do servidor que geralmente est\u00e1 associado a um objeto de tela para exibir seus valores de forma gr\u00e1fica. Ao utilizar o XControl e o XObject simultaneamente, amplia-se a flexibilidade da aplica\u00e7\u00e3o.<\/p>\n

XControl <-> XObject<\/h3>\n

Como exemplo, vamos desenvolver um XControl para o XObject TagMotor. O TagMotor \u00e9 um XObject que desenvolvemos em um cap\u00edtulo anterior para monitorar o estado de manuten\u00e7\u00e3o, defeito e a velocidade do motor. Caso o motor esteja com defeito, um alarme deve ser disparado.<\/p>\n

Motor<\/h4>\n

Vamos desenvolver um XControl que exiba os valores do TagMotor de forma gr\u00e1fica.<\/p>\n

\"\"<\/p>\n

Figura 1<\/b><\/span><\/p>\n

\n
    \n
  1. Insira um novo XControl chamado Motor<\/code>.<\/li>\n
  2. Insira uma imagem de motor (existem algumas imagens no grupo Motors<\/b> da Galeria). O motor dever\u00e1 piscar em vermelho e amarelo para simbolizar defeito.<\/li>\n
  3. Para alterar o estado de defeito, vamos utilizar um ToggleButton.<\/li>\n
  4. Insira um Ret\u00e2ngulo sobre o desenho do motor para indicar se est\u00e1 ligado ou desligado.<\/li>\n
  5. Insira um Display para exibir o valor de RPM e um Texto para mostrar o nome do motor.<\/li>\n
  6. Na aba Propriedades<\/b> do XControl, crie uma propriedade chamada Fonte<\/b> do tipo TagMotor<\/b>.<\/li>\n<\/ol>\n<\/div>\n

    \"\"<\/p>\n

    Figura 2<\/b><\/span><\/p>\n

    \n
      \n
    1. Na aba Design<\/b>, crie uma Associa\u00e7\u00e3o Bidirecional do bot\u00e3o Defeito<\/code> com a propriedade Fonte.Defeito<\/b>.<\/li>\n<\/ol>\n<\/div>\n

      \"\"<\/p>\n

      Figura 3<\/b><\/span><\/p>\n

      \n
        \n
      1. Selecione a imagem do motor e crie uma Associa\u00e7\u00e3o Digital para alterar a cor. Amarelo pisca com vermelho quando estiver com defeito e cinza quando estiver funcionando corretamente.<\/li>\n<\/ol>\n<\/div>\n

        \"\"<\/p>\n

        Figura 4<\/b><\/span><\/p>\n

        \n
          \n
        1. Crie uma Associa\u00e7\u00e3o Simples no Display, para exibir a propriedade RPM<\/b> do TagMotor.<\/li>\n<\/ol>\n<\/div>\n

          \"\"<\/p>\n

          Figura 5<\/b><\/span><\/p>\n

          \n
            \n
          1. Crie uma Associa\u00e7\u00e3o Simples no Texto com a propriedade Name<\/b> do TagMotor.<\/li>\n<\/ol>\n<\/div>\n

            \"\"<\/p>\n

            Figura 6<\/span><\/b><\/p>\n

            \n
              \n
            1. Salve e registre a Biblioteca.<\/li>\n<\/ol>\n<\/div>\n

              Para utilizar o XControl, siga esses passos:<\/p>\n

              \n
                \n
              1. Na TelaInicial<\/code>, insira um objeto Motor para cada TagMotor<\/code> existente na pasta Dados.<\/li>\n
              2. Associe cada objeto Motor inserido na Tela, na propriedade Fonte<\/b> com um TagMotor<\/code> da pasta Dados.<\/li>\n<\/ol>\n<\/div>\n

                \"\"<\/p>\n

                Figura 7<\/b><\/span><\/p>\n

                \n
                  \n
                1. Execute a aplica\u00e7\u00e3o e teste suas funcionalidades.<\/li>\n<\/ol>\n<\/div>\n

                  Exerc\u00edcios<\/h3>\n
                  \n
                    \n
                  1. Crie um XControl para o XObject TempoManutencao<\/code>.<\/li>\n
                  2. Crie um XControl para o XObject TagValvula<\/code>.<\/li>\n
                  3. Crie um XObject para o XControl Velocimetro<\/code> com os seguintes requisitos:<\/li>\n<\/ol>\n<\/div>\n
                    <\/div>\n
                    \n