---
title: "Schémata"
description: "Vytvářejte interaktivní schémata s umístěním zařízení na půdorysech nebo fotografiích. Vizuální dashboard pro váš TapHome smart home."
url: "https://taphome.com/cs/docs/schemas/"
language: cs
lastmod: 2026-11-06
generator: hugo
ai:
  topics: ["schemas","floor-plans","device-visualization","interactive-dashboards","schema-editor"]
  questions: ["Jak vytvořit schéma s půdorysem v TapHome?","Jaké formáty obrázků jsou podporovány pro pozadí schématu?","Jak zvětšit zařízení ve schématu pomocí Globálního měřítka?","Jaké klávesové zkratky fungují v editoru schémat?","Jak přidat více zařízení najednou do schématu?","Jaký je rozdíl mezi připnutým a plovoucím panelem?","Kde jsou uloženy obrázky schémat a kolik místa zabírají?"]
---

# Schémata

Poslední aktualizace: 2026-11-06

Schéma v TapHome je interaktivní půdorys nebo vizualizace vašeho domu či budovy, na které umísťujete zařízení na fotografii nebo půdorys, zobrazujete hodnoty senzorů a přidáváte textové popisy. Vytvoříte ho na libovolné ploše v režimu **Upravit** přidáním sekce typu **Schéma** a výběrem obrázku pozadí ve formátu jpg, jpeg, png, webp nebo svg. Výsledkem je schéma, ve kterém kliknutím na zařízení otevřete jeho detail, kde můžete změnit jeho hodnoty. Začít můžete také z ukázkových pozadí ke stažení níže na této stránce.

[YouTube video](https://www.youtube.com/watch?v=T7LTLzg5bPA)

## Úvod

Schémata umožňují vytvářet interaktivní půdorysy nebo vizualizace vašeho domu/budovy, kde můžete:
- Umístit zařízení na fotografii nebo půdorys
- Zobrazovat hodnoty senzorů přímo ve schématu
- Přidávat texty a popisy
- Ovládat zařízení kliknutím

> [!NOTE]
> Zatím lze zařízení ovládat pouze tak, že kliknutím zobrazíte detail zařízení a až v něm měníte hodnoty.

### Příklady schémat

![Příklad schématu – TapHome Showroom s interaktivními zařízeními na fotografii místnosti](https://taphome.com/documentation/schemes/Schema%20-%20TapHome%20Showroom.webp)

![Příklad schématu – hydraulické schéma tepelného čerpadla s vizualizací teplot a stavů](https://taphome.com/documentation/schemes/Schema%20-%20TapHome%20Heat%20Pump.png)

### AI generované vizualizace z půdorysu

Z jednoduchého půdorysu můžete pomocí AI nástrojů vygenerovat realistické vizualizace interiéru. Tyto vizualizace pak můžete použít jako pozadí pro vaše schémata v TapHome.

![Půdorys bytu - technický nákres](https://taphome.com/documentation/schemes/Scheme-floorplan.jpeg)

*Půdorys (zdroj)*
![Denní render interiéru vygenerovaný z půdorysu](https://taphome.com/documentation/schemes/Scheme-floorplan-day.webp)

*Denní render*
![Noční render interiéru vygenerovaný z půdorysu](https://taphome.com/documentation/schemes/Scheme-floorplan-night.webp)

*Noční render*

**Použitý nástroj:** Google Nano Banana Pro

**Prompt pro denní render:**

```
vyrendruj vysoce kvalitní architektonickou vizualizaci, zachovej všechny detaily
z čárového nákresu, včetně místností, nábytku a proporcí.
Vyrendruj textury, osvětlení a stíny efektivně podle
rozložení zdrojového plánu. Osvětlení ať je měkké, přirozené a útulné
```

**Prompt pro noční render** (vychází z vygenerovaného denního obrázku):

```
vytvoř noční render tohoto přesně stejného interiéru.
přidej měkké osvětlení, abychom dobře viděli detaily
```

> [!TIP]
> Tyto obrázky si můžete stáhnout a použít jako pozadí pro své schémata v TapHome.

### Ukázkové pozadí ke stažení

Můžete si stáhnout ukázková pozadí pro vaše schémata:

#### Půdorysy 3D

![3D půdorys – světlý](https://taphome.com/documentation/schemes/thumbnails/Floor%20plan%203D%20Light.webp)
[Stáhnout 3D půdorys – světlý](https://taphome.com/documentation/schemes/Floor%20plan%203D%20Light.png)

![3D půdorys – tmavý](https://taphome.com/documentation/schemes/thumbnails/Floor%20plan%203D%20Dark.webp)
[Stáhnout 3D půdorys – tmavý](https://taphome.com/documentation/schemes/Floor%20plan%203D%20Dark.png)

#### Hydraulická schémata

![Tepelné čerpadlo – světlé](https://taphome.com/documentation/schemes/thumbnails/Heat%20pump%20hydraulics%20-%20LIGHT.svg.png)
[Stáhnout tepelné čerpadlo – světlé](https://taphome.com/documentation/schemes/Heat%20pump%20hydraulics%20-%20LIGHT.svg)

![Tepelné čerpadlo – tmavé](https://taphome.com/documentation/schemes/thumbnails/Heat%20pump%20hydraulics%20-%20DARK.svg.png)
[Stáhnout tepelné čerpadlo – tmavé](https://taphome.com/documentation/schemes/Heat%20pump%20hydraulics%20-%20DARK.svg)

#### Průmyslová schémata

![Průmyslové schéma – světlé](https://taphome.com/documentation/schemes/thumbnails/Scheme%20industrial%20-%20LIGHT.svg.png)
[Stáhnout průmyslové schéma – světlé](https://taphome.com/documentation/schemes/Scheme%20industrial%20-%20LIGHT.svg)

![Průmyslové schéma – tmavé](https://taphome.com/documentation/schemes/thumbnails/Scheme%20industrial%20-%20DARK.svg.png)
[Stáhnout průmyslové schéma – tmavé](https://taphome.com/documentation/schemes/Scheme%20industrial%20-%20DARK.svg)

#### Rezidenční schémata

![Rezidenční schéma – světlé](https://taphome.com/documentation/schemes/thumbnails/Scheme%20residential%20-%20LIGHT.svg.png)
[Stáhnout rezidenční schéma – světlé](https://taphome.com/documentation/schemes/Scheme%20residential%20-%20LIGHT.svg)

![Rezidenční schéma – tmavé](https://taphome.com/documentation/schemes/thumbnails/Scheme%20residential%20-%20DARK.svg.png)
[Stáhnout rezidenční schéma – tmavé](https://taphome.com/documentation/schemes/Scheme%20residential%20-%20DARK.svg)

#### Kotelna

![Kotelna](https://taphome.com/documentation/schemes/thumbnails/Boiler%20room.webp)
[Stáhnout kotelnu](https://taphome.com/documentation/schemes/Boiler%20room.jpg)

## Vytvoření nového schématu

### Přidání sekce Schéma

1. Na kterékoliv ploše se přepněte do režimu **Upravit**
2. Přidejte novou sekci typu **Schéma**
3. Ve vlastnostech schématu vyberte obrázek, který se použije jako pozadí

> [!NOTE]
> **Podporované formáty souborů:** *.jpg, *.jpeg, *.png, *.webp, *.svg
>
> Obrázky větší než 3200x3200 px budou automaticky zmenšeny.

### **Globální měřítko**

Pokud se vám zařízení zobrazují příliš malé, změňte **Globální měřítko** ve vlastnostech schématu (například na 250 % nebo 300 %).

## Nástroje editoru

Editor schémat nabízí následující nástroje:

### ✓ **Vybrat**

Základní nástroj pro výběr a přesouvání objektů ve schématu.

- **Kliknutím** vyberete objekt
- **Dvojklikem** otevřete nastavení hlavní vlastnosti objektu

### **Text**

Přidání textového popisu do schématu. Můžete:
- **Zarovnat** (vlevo, na střed, vpravo)
- **Tučné písmo**
- Přizpůsobit světlému/tmavému režimu
- Nastavit průhlednost pozadí

### **Zařízení**

Přidání zařízení do schématu:
- Vyberte zařízení ze seznamu
- Filtrovat můžete podle zón
- **Vizualizace** (ikona, název, hodnota)
- Nastavte měřítko, zaoblení rohů, průhlednost

### **Hodnota**

Přidání statistických hodnot ze zařízení.

## Práce s objekty

### Duplikování objektů

Pokud jste definovali vzhled jednoho zařízení, můžete ho použít jako předlohu:
1. Označte zařízení s požadovaným vzhledem
2. Použijte **Ctrl + D** nebo **Duplikovat**
3. Všechna nově vytvořená zařízení budou mít stejné vlastnosti

### Hromadné přidání zařízení

Můžete přidat více zařízení najednou:
1. Klikněte na ikonu zařízení v nástrojích
2. Vyfiltrujte zařízení podle zóny (např. obývací pokoj)
3. Označte všechna zařízení, která chcete přidat
4. Rozmístěte je na požadovaná místa

## Vlastnosti objektů

### Vizuální nastavení zařízení

- **Název** – zobrazení/skrytí názvu zařízení
- **Ikona** – zobrazení ikony
- **Hodnota** – zobrazení aktuální hodnoty
- **Ovládací prvky** – ovládací tlačítka zařízení přímo na schématu; vidí je jen uživatel, který smí zařízení ovládat. Vyžadují TapHome Next 2026.1.36783+. Objekt se po zapnutí sám nezvětší a ikona i poslední ovládací prvek se oříznou — zvětšete **Šířka** v sekci **Pozice**.
- **Na střed** – zarovnání na střed
- **Měřítko** – velikost objektu
- **Zaoblené rohy** – zaoblení rohů
- **Neprůhlednost** – průhlednost pozadí (0–100 %)

### **Téma**

Nastavte téma podle aplikace:
- **Světlé** – pro aplikaci ve světlém režimu
- **Tmavé** – pro aplikaci ve tmavém režimu
- **Podle nastavení aplikace** – automatické přepínání

## Vlastnosti schématu

Globální nastavení celého schématu:

### **Pozadí**

- **Šířka** – šířka schématu v pixelech
- **Výška** – výška schématu v pixelech
- **Barva** – barva pozadí (#000000)
- **Obrázek** – nahrání obrázku pozadí
- **Tmavá barva** – barva pozadí pro tmavý režim (zobrazí se, pokud je zapnutý tmavý režim)
- **Tmavý obrázek** – obrázek pozadí pro tmavý režim (zobrazí se, pokud je zapnutý tmavý režim)

### **Globální měřítko**

Posuvník pro nastavení velikosti všech objektů ve schématu (100–400 %).

## Režimy zobrazení

Schéma funguje ve dvou režimech:

### Připnutý panel

Detail zařízení se zobrazuje v bočním panelu, který zůstává otevřený.

### Plovoucí panel

Detail zařízení se zobrazuje jako plovoucí okno nad schématem. Panel se automaticky skryje po kliknutí mimo.

## **Klávesové zkratky**

### **Úpravy**

| Zkratka | Akce |
|---------|------|
| **Ctrl + S** / **Ctrl + Enter** | **Uložit** |
| **Esc** | **Zavřít** |
| **Ctrl + Z** | **Vrátit zpět** |
| **Ctrl + Y** | **Provést znovu** |
| **← / ↑ / → / ↓** | **Přesunout objekt** |
| **Shift + ← / ↑ / → / ↓** | **Přesunout objekt (rychle)** |
| **Ctrl + C** | **Kopírovat objekt** |
| **Ctrl + V** | **Vložit objekt** |
| **Ctrl + D** | **Duplikovat objekt** |
| **Delete** / **Backspace** | **Odstranit objekt** |

### **Vzhled**

| Zkratka | Akce |
|---------|------|
| **Ctrl + H** | **Změnit skin** |
| **Ctrl + J** | **Změnit tmavý režim** |
| **Ctrl + K** | **Změnit tmavé téma** |

## **Knihovna médií**

Všechny obrázky použité ve schématech se ukládají do řídicí jednotky Core.

Stav úložiště můžete zkontrolovat v **Knihovna médií**, kde vidíte:
- Kolik místa zabírají obrázky
- Kolik úložné kapacity je ještě volné

## Synchronizace

Všechny změny ve schématech se automaticky:
- nahrávají do řídicí jednotky
- distribuují mezi všechna zařízení
- synchronizují na všech platformách (Windows, Android, iOS)

**Viz také** — [Plochy, zóny, kategorie](https://taphome.com/cs/docs/configuration/dashboards-zones-categories/), [Vlastní ikony zařízení](https://taphome.com/cs/docs/configuration/custom-icons/).

