Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
Následující verze
Předchozí verze
cs:sw:01-mervis:hmi-image-hidden [2021/08/02 12:39] avsetulacs:sw:01-mervis:hmi-image-hidden [2021/08/02 14:18] (aktuální) avsetula
Řádek 19: Řádek 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>
  
Řádek 43: Řádek 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)">
Řádek 59: Řádek 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)">
Řádek 65: Řádek 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)">
Řádek 71: Řádek 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)">
Řádek 77: Řádek 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>