Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
cs:sw:01-mervis:hmi-image-hidden [2021/08/02 12:36] avsetula |
cs:sw:01-mervis:hmi-image-hidden [2021/08/02 13:01] 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í. |
| - | <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:04_hmi-image_cz.png)"> | + | {{ :cs:sw:01-mervis:04_hmi-image_cz.png?nolink |}} |
| - | <img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:04_hmi-image_cz.png" /> | + | |
| - | </figure></html> | + | |
| - | 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 vpravo 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 61: | 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 67: | 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 73: | 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 79: | 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-image: url(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> a <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> | ||
