Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
cs:sw:01-mervis:hmi-image-hidden [2021/08/02 12:39]
avsetula
cs:sw:01-mervis:hmi-image-hidden [2021/08/02 14:18] (current)
avsetula
Line 19: Line 19:
   - [[cs:​sw:​01-mervis:​creating-new-project-hidden|vytvořit projekt a přiřadit PLC]]   - [[cs:​sw:​01-mervis:​creating-new-project-hidden|vytvořit projekt a přiřadit PLC]]
   - [[cs:​sw:​01-mervis:​creating-simple-hmi-hidden|vytvořit grafickou HMI šablonu a přiřadit ji k PLC]]   - [[cs:​sw:​01-mervis:​creating-simple-hmi-hidden|vytvořit grafickou HMI šablonu a přiřadit ji k PLC]]
-  - nastavit [[cs:​sw:​01-mervis:​creating-simple-hmi-hidden#​zabezpeceni_hmi|zabezpečení HMI]] 
 </​WRAP>​ </​WRAP>​
  
Line 43: Line 42:
 </​figure></​html>​ </​figure></​html>​
  
-Vložte název nového adresáře (v případě návodu je použit název "Moje obrázky") a klikněte na <​html><​span class="​avBlueText">​OK</​span></​html>​ pro potvrzení.+Vložte název nového adresáře (v případě návodu je použit název ​<​html><​span class="avOrangeText">​Moje obrázky</​span></​html>​) a klikněte na <​html><​span class="​avBlueText">​OK</​span></​html>​ pro potvrzení.
  
 {{ :​cs:​sw:​01-mervis:​04_hmi-image_cz.png?​nolink |}} {{ :​cs:​sw:​01-mervis:​04_hmi-image_cz.png?​nolink |}}
  
-Pomocí šipky ​vpravo ​od složky Zdroje rozbalte její obsah, kde je také nově vytvořená složka se zvoleným názvem. Nyní na ni klikněte pravým tlačítkem myši a v kontextovém menu vyberte <​html><​span class="​avBlueText">​Přidat > Přidat obrázek</​span></​html>​.+Pomocí šipky ​vlevo od složky ​<​html><​span class="​avBlueText">​Zdroje</​span></​html> ​rozbalte její obsah, kde je také nově vytvořená složka se zvoleným názvem. Nyní na ni klikněte pravým tlačítkem myši a v kontextovém menu vyberte <​html><​span class="​avBlueText">​Přidat > Přidat obrázek</​span></​html>​.
  
 <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_hmi-image_cz.png)">​ <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_hmi-image_cz.png)">​
Line 59: Line 58:
 </​figure></​html>​ </​figure></​html>​
  
-Dvojklikem otevřete HMI šablonu a pro vložení obrázku do šablony klikněte ve spodní části levého panelu na HMI objekty, tím zobrazíte nabídku s prvky pro Mervis HMI. +Dvojklikem otevřete HMI šablonu a pro vložení obrázku do šablony klikněte ve spodní části levého panelu na <​html><​span class="​avBlueText">​HMI objekty</​span></​html>​, tím zobrazíte nabídku s prvky pro Mervis HMI. 
  
 <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​07_hmi-image_cz.png)">​ <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​07_hmi-image_cz.png)">​
Line 65: Line 64:
 </​figure></​html>​ </​figure></​html>​
  
-Zde za pomoci myši přetáhněte prvek Image na HMI šablonu otevřenou v pracovním prostoru.+Zde za pomoci myši přetáhněte prvek <​html><​span class="​avBlueText">​Image</​span></​html> ​na HMI šablonu otevřenou v pracovním prostoru.
  
 <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_hmi-image_cz.png)">​ <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_hmi-image_cz.png)">​
Line 71: Line 70:
 </​figure></​html>​ </​figure></​html>​
  
-Klikem, nebo tahem označte vložený prvek. V pravém sloupci jeho vlastností nyní klikněte na Zdroj obrázku a následně otevřete nabídku pomocí tlačítka {{:​files:​dialog-open_button.png?​nolink|}}.+Klikem, nebo tahem označte vložený prvek. V pravém sloupci jeho vlastností nyní klikněte na <​html><​span class="​avBlueText">​Zdroj obrázku</​span></​html> ​a následně otevřete nabídku pomocí tlačítka {{:​files:​dialog-open_button.png?​nolink|}}.
  
 <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_hmi-image_cz.png)">​ <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_hmi-image_cz.png)">​
Line 77: Line 76:
 </​figure></​html>​ </​figure></​html>​
  
-Otevře se dialogové okno pro výběr obrázku, zde vyberte žádaný obrázek a klikněte na OK pro potvrzení.+Otevře se dialogové okno pro výběr obrázku, zde vyberte žádaný obrázek a klikněte na <​html><​span class="​avBlueText">​OK</​span></​html> ​pro potvrzení.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-imageurl(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_hmi-image_cz.png)">​ +{{ :​cs:​sw:​01-mervis:​10_hmi-image_cz.png?nolink |}}
-<img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_hmi-image_cz.png" /> +
-</​figure></​html>​+
  
-Po vložení lze měnit pozici, rozměry, roztažnost,​ otočení a zrcadlení obrázku. Výsledek může vypadat např. jako na následujícím snímku:+Po vložení lze měnit ​<​html><​span class="​avOrangeText">​pozici, rozměry, roztažnost,​ otočení</​span></​html> ​<​html><​span class="​avOrangeText">​zrcadlení</​span></​html> ​obrázku. Výsledek může vypadat např. jako na následujícím snímku:
  
 <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_hmi-image_cz.png)">​ <​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom"​ onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_hmi-image_cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_hmi-image_cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_hmi-image_cz.png"​ />
 </​figure></​html>​ </​figure></​html>​