Estou usando para que quando tiver on exiba uma imagem, quando off exiba outro…
Exatamente como no vídeo postado aqui…
Vou tentar de novo o codigo
type: picture-elements image: /local/imagens/3d/kleber/casa_off.png style: top: 30% left: 30% elements: - type: image entity: switch.cozinha_interruptor_4 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/corredor fundos on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.cozinha_interruptor_1 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/cozinha on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.cozinha_interruptor_3 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/hall qto on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: light.quarto_meninas style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/qto meninas on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: light.quarto_casal style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/qto casal on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.sala_interruptor_1 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/sala on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.sala_interruptor_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/escritorio kleber on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.sala_interruptor_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/hall entrada on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.qto_casal_cama_interruptor_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/frente on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.lavanderia_interruptor_1 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/lavanderia on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.lavanderia_interruptor_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/muro on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image entity: switch.escritorio_katia_interruptor_1 style: top: 50% left: 50% width: 100% state_image: 'on': /local/imagens/3d/kleber/escritorio katia on.png 'off': /local/imagens/3d/kleber/transparente.png - type: image image: /local/imagens/3d/kleber/transparente.png style: top: 50% left: 50% width: 100% - type: state-icon entity: switch.cozinha_interruptor_4 style: left: 65% top: 10% width: 9% tap_action: action: toggle - type: state-icon entity: switch.cozinha_interruptor_1 style: left: 65% top: 38% width: 6% tap_action: action: toggle - type: state-icon entity: switch.cozinha_interruptor_3 style: left: 55% top: 35% width: 9% tap_action: action: toggle - type: state-icon entity: light.quarto_meninas style: left: 40% top: 50% width: 9% tap_action: action: toggle - type: state-icon entity: switch.cozinha_interruptor_4 style: left: 52% top: 70% width: 9% tap_action: action: toggle - type: state-icon entity: switch.sala_interruptor_1 style: left: 69% top: 69% width: 15% tap_action: action: toggle - type: state-icon entity: switch.sala_interruptor_2 style: left: 77% top: 47% width: 15% opacity: 0.6 '--mdc-icon-size': 15px '--paper-item-icon-color': whtite tap_action: action: toggle
Lembrando que não está pronto, mas quero resolver a questão de quando apertar no ícone da lâmpada a luz faça sua função sem aparecer a tela de interruptor
Eu faço exatamente isso, mas usando só o image.
A única diferença é que para isso o action tem que ser adicionado no image.
E como seria?
Aí eu me perco um pouco kkkk
O meu fica assim.
Como uso a imagem de fundo com todas luzes apagadas, eu só uso o state_image on, mas basta vc adicionar o off caso necessário.
elements:
- type: image
entity: light.corredor_frente_esquerda
tap_action:
action: toggle
hold_action:
action: call-service
service: light.turn_off
data:
entity_id: all
image: local/projeto/android/frente_esq_off1.png
state_image:
'on': local/projeto/android/frente_esq1.png
aspect_ratio: 0%
style:
transform: none
top: 58.9896579157%
left: 43.20%
width: 42.16%
O service não funciona no meu h.a, estou usando tuya, quando chamo esse serviço de trun.off não funciona, me retorna erro, dizendo que não foi possível chamar o serviço!
Não sei se é essa a causa de eu não conseguir executar a ação direto sem a tela do interruptor
No meu caso, eu vou utilizar 2 imagens de fundo, uma durante o dia e uma durante a noite, utilizando a entidade sun.sun para me dizer e trocar a imagem no por do sol ou no nascer do sol…
Isso foi um passo muito bom no meu ver…
Vc mudou a entidade completa?
Pq as minhas são Light e as suas são switch.
As imagens estão acompanhando o estado da entidade?
Não mudei para light, posso tentar…
Sim as imagens estão acompanhando o status
O meu tá light, se a entidade que vc quer controlar é switch vc tem que deixar como switch.
Se não está funcionando da maneira que postei, tenta indicar a entidade
tap_action:
action: call-service
service: switch.toggle
data:
entity_id: switch.cozinha
Ainda não deu, quando Clico ainda chama o interruptor na tela e não executa a ação direto…
Testei aqui com Switch e tbm funcionou
switch:
- type: image
entity: switch.bomba_piscina
tap_action:
action: toggle
state_image:
'on': local/casa/up_enable.png
'off': local/casa/Stop1NormalRed.png
aspect_ratio: 0%
style:
transform: none
top: 1.88%
left: 58.98965792%
width: 8.58392999%
light:
- type: image
entity: light.sala_sanca_sala
tap_action:
action: toggle
state_image:
'on': local/casa/up_enable.png
'off': local/casa/Stop1NormalRed.png
aspect_ratio: 0%
style:
transform: none
top: 1.88%
left: 58.98965792%
width: 8.58392999%
Não sei o que pode ser, minha sugestão é vc fazer o backup do código atual e apagar tudo, deixando apenas a imagem de fundo e 1 entidade para testar
Vou testar , vou começar um código do zero e ver… As vezes penso que pode ser a marca dos meus dispositivos que são tuya da ekaza… Mas vou testar
Se já está integrado no HA como light ou switch, para o HA tanto faz a marca.
passando para agradecer, deu muito certo e encontrei o erro…
a linha " tap_action:" tem que vir logo apos a “entity”, se coloco a tap_action no fim de tudo aparece o interruptor, se coloco apos o entity nao aparece…
logica de programação kkkk
gostaria de agradecer muito sua ajuda…
Agora que vi, seu problema era indentação.
O tap tem que ficar alinhado com o entity
Tá assim:
- type: state-icon
entity: switch.sala_interruptor_2
style:
left: 77%
top: 47%
width: 15%
opacity: 0.6
'--mdc-icon-size': 15px
'--paper-item-icon-color': whtite
tap_action:
action: toggle
Tem que ser:
- type: image
entity: switch.sala_interruptor_2
style:
left: 77%
top: 47%
width: 15%
opacity: 0.6
'--mdc-icon-size': 15px
'--paper-item-icon-color': whtite
tap_action:
action: toggle
isso tambem foi o erro… agora fiu top de mais…
consegui colocar as lampadas, os ventiladores, as cameras, previsão do tempo e 2 imgens da casa, 1 de dia e 1 pra de noite…
quero acrescentar mais coisas, como a temperatura da cidade que estou (ainda não sei como) e outros detalhes… mas estou evoluindo…
mais uma vez agradeço a ajuda…
como vinculou o AMT junto?
Aqui: