Rozdíl mezi náhledy „Design“ a „Blueprint“ v Android Studiu

V grafickém editoru Android Studia (v záložce Design) se standardně zobrazují dvě obrazovky vedle sebe. Jedná se o dva různé pohledy na tentýž layout, z nichž každý slouží k jinému účelu.

---

1. Vizuální náhled (Design)

• Vzhled: Obrazovka s bílým (nebo tmavým) pozadím, která vypadá jako reálný displej telefonu.
• Účel: Ukazuje, jak bude aplikace vizuálně vypadat pro koncového uživatele.
• Co zobrazuje: Vykresluje veškerou grafiku – načítá reálné obrázky, zobrazuje barvy pozadí, stíny, zaoblení rohů, styly písma a reálné texty.
• Kdy ho použít: Pro kontrolu estetiky, barevného sladění a celkového vizuálního dojmu.

2. Konstrukční náhled (Blueprint)

• Vzhled: Obrazovka s modrým pozadím, která připomíná technický výkres.
• Účel: Slouží k analýze struktury a ladění chyb v rozložení prvků.
• Co zobrazuje: Ignoruje barvy a obrázky. Zobrazuje pouze „kostru“ (wireframe) prvků, jejich přesné hranice (rámečky), mezery (margins) a především grafické znázornění vazeb (constraints) ve formě šipek a pružin.
• Kdy ho použít: Je naprosto klíčový při práci s ConstraintLayoutem. Pokud se vám například nějaký textový prvek schová pod velký obrázek, ve vizuálním náhledu (Design) ho vůbec neuvidíte. V Blueprintu ale jeho obrys a vazby snadno najdete a můžete je upravit.

Tip pro práci v editoru: V horní liště grafického editoru (ikona překrývajících se vrstev s názvem Select Design Surface) si můžete vybrat, zda chcete vidět pouze Design, pouze Blueprint, nebo oba náhledy vedle sebe (režim Design + Blueprint).