How-To's Tips & Tricks

Pět věcí v novém UI, které si zamilujete

Už používáte nové uživatelské rozhraní? Ještě ne? Tak my vám povíme, proč je to ta nejlepší věc od vynálezu krájeného chleba!

Zapneme si ho a trochu se v něm porozhlédneme. To uděláte nejsnáze přes kolečko Settings v pravém horním rohu uživatelského rozhraní:

PyCharm bude potřeba restartovat, ale to je vše. Máte hotovo!

V této aktualizaci rozhraní jsme kolem různých prvků nechali více místa. Tím je obsah oddělen přirozeně, aniž bychom museli přidávat různé oddělovače. Pokud máte radši, když jsou prvky uživatelského rozhraní o něco menší, můžete v okně nástroje Meet the New UI vybrat možnost Compact (nebo pak v nastavení vyhledat klíčové slovo „new ui“). Toto nastavení odstraní určité prázné plochy a výplně kolem prvků.

Je zde řada motivů, kterých si všimnete hned na první pohled, včetně použití barvy a velikosti prvků ke zdůraznění hierarchie informací. 

Například v motivu Dark máme v horní části pro běžné vstupní body k funkcím, jako jsou akce VCS a akce Run, tmavě šedý pruh a pro editor černé pozadí. 

A teď nám dovolte, abychom vás provedli těmi skvělými základními kameny, na kterém tohle uživatelské rozhraní staví. 

#1 – Panel nástrojů: Main

Panel nástrojů Main má teď úhlednější a úspornější design. Disponuje všemi funkcemi, které znáte a máte rádi. Najdete na něm všechny potřebné informace související s projektem:

Vezmeme to zleva doprava. První oblastí, o které chceme mluvit, je widget Project. Na tomhle místě můžete vidět název aktuálního projektu, přepínat mezi posledními projekty, vytvářet nové projekty a otevírat ty stávající.

Vpravo od widgetu Project se nachází widget VCS. Ten umožňuje rychlé zobrazení stavu projektu ve správě verzí, včetně příslušné větve i toho, zda jsou dostupné nějaké odchozí (zeleně) nebo příchozí (modře) změny:

Widget VCS se nachází hned vedle názvu projektu a je jednoznačným vstupním bodem pro funkce související s vaším projektem a správou verzí. Stačí kliknout na rozbalovací šipku. Těchto takzvaných „vstupních bodů“ pro skupiny funkcí uvidíte v dalších částech naší prohlídky celou řadu.

Napravo se nachází přepracovaný widget Run, kterému se budeme věnovat podrobněji v další části.

A konečně úplně vpravo na panelu nástrojů Main najdete obecnější ikony, včetně Code With Me, Search Everywhere a Settings. Za zmínku stojí, že pokud rádi používáte myš, ikona ozubeného kolečka Settings vás přenese na možnosti té nejvyšší úrovně, které budete pravděpodobně používat nejčastěji, včetně plug-inů, motivů, mapy kláves a režimu zobrazení. Ač pevně doufáme, že na to nedojde, můžete zde přepnout i zpátky na klasické uživatelské rozhraní!

#2 – Widget Run

Teď si podrobněji projdeme widget Run. První, čeho si všimnete, jsou větší a tučnější ikony. Na těch je skvělé, že poskytují okamžitou vizuální zpětnou vazbu o stavu vaší aplikace. Například před spuštěním nebo laděním aplikace vypadá widget Run takto:

Pokud klepnete na ikonu Run, vše se změní následovně:

Teď vidíte, že vaše aplikace běží. Můžete ji zastavit a znovu spustit nebo zastavit úplně. Současně můžete kliknout na ikonu ladění, která vám nabídne zastavení právě spuštěné aplikace, abyste ji mohli místo toho spustit pomocí ladicího programu PyCharm. 

Pokud aplikaci spustíte pomocí ladicího programu PyCharm, widget se změní následovně:

Z rozbalovací nabídky máte stále přístup ke všem konfiguracím spuštění a u každé z nich si můžete vybrat, jak ji chcete spustit:

Funkce pro aktuálně vybranou konfiguraci spuštění je dostupná i z tlačítka se třemi vertikálními tečkami. 

#3 – Okna nástrojů

Nové uživatelské rozhraní přináší nové ikony, vylepšené rozvržení a možnost zobrazit více oken nástrojů. Nové větší ikony pomáhají snížit kognitivní zátěž při vyhledávání, protože toho na obrazovce není tolik. 

Ukážeme vám, jak se dá jejich umístění v uživatelském rozhraní přizpůsobit, abyste vše našli ještě rychleji:

Máte možnost rozdělit okna nástrojů na výšku. Například na obrázku níže je okno nástroje Commit umístěno pod vodorovným oddělovacím pruhem. Okna nástrojů lze přetáhnout pod oddělovací lištu a otevřít je tím pádem ve vertikálním rozdělení:

Tímto způsobem lze také rozdělit okna nástrojů na pravé straně:

A konečně, pokud chcete okna nástrojů rozdělit dole tak, aby jedno bylo vlevo a druhé vpravo, stačí přetáhnout okno nástroje, které chcete mít napravo, na pravý pruh. Na obrázku níže jsme přetáhli ikonu okna nástroje “Problem” doprava a otevřeli ji vedle okna nástroje Terminal:

Všechna okna nástrojů nyní používají obrysové černobílé ikony, které jsou modernější a nezatěžují rozhraní dalšími zbytečnostmi. Pokud chcete zobrazit název a klávesovou zkratku některého z oken nástrojů, najeďte na příslušnou ikonu myší. Nezapomeňte, že praktická klávesová zkratka pro skrytí všech panelů nástrojů je ⌘⇧F12 (macOS) nebo Ctrl+Shift+F12 (Windows/Linux).

#4 – Okna nástrojů Run a Debug

Okna nástrojů Run i Debug jsou nyní k dispozici na kartě okna vlevo. Pro účely standardizace je to naprostá paráda. Umožňuje to totiž rychlý přístup k oběma oknům nástrojů pro správu stavu aplikace.

Okno Debug bylo navíc doplněno o jeden panel nástrojů s nejčastějšími akcemi na základě statistik používání. Některé akce, na které jste zvyklí klikat, tedy nemusí být tam, kde byste je očekávali! Neodstranili jsme žádnou funkci, vše je stále přístupné, ale můžete si například všimnout, že zmizela ikona Evaluate Expression. 

Možností přístupů k této funkci ale máte pořád dost. Můžete:

• Použít ⌥F8 (macOS) nebo Ctrl+F8 (Windows/Linux).
• Použít Shift (macOS/Windows/Linux) pro Search Everywhere a pak zadat „evaluate expression“
• Z kontextové nabídky na pravém tlačítku myši v okně nástroje Debug vyberte možnost Evaluate Expression.

V okně nástroje Debug je dále vyhrazené pole pro vyhodnocení:

Kromě těchto změn jsou k dispozici nové karty pro přepínání mezi zobrazeními Threads & Variables a Console, pokud je spuštěna jediná konfigurace.

#5 – Editor

V neposlední řadě se také editor dočkal řady novinek a změn. Přinášíme také nové vzhledové motivy, které se promítají do celého rozhraní a dodávají celé celému editoru svěží, čistý a profesionální nádech.

Nejoblíbenější barevné motivy Light a Dark zlepšily kontrast a konzistentní barevnou paletu, která prozáří (nebo naopak „protemní“) váš den:

Ikonografie byla přepracována i v editoru a teď se pyšní výraznějšími tvary a barvami. Změny uvidíte jak přímo v editoru, tak i celém IDE. Podle našeho názoru tím PyCharm získal fantastický face-lift:

Breakpoints jsou nyní umístěny přes čísla řádků, což šetří prostor ve vodorovném směru:

Pokud naopak dáváte přednost tomu, aby byly breakpoints vedle čísel řádků, můžete pravým tlačítkem myši kliknout do mezery a vybrat možnost Appearance > Breakpoints Over Line Numbers.

Aktualizována byla i barevná paleta pro anotace pro Git Blame. Čím je odstín světlejší, tím je změna starší. Naopak čím je odstín tmavší, tím je změna novější:

Přehled

A konečně, tento blogový příspěvek by nebyl úplný, kdybychom se nezmínili o tom, proč jsme vlastně rozhraní prostředí JetBrains IDE aktualizovali. Během posledních několika let jsme od našich uživatelů získali spoustu zpětné vazby a zjistili jsme, že naše současné (klasické) uživatelské rozhraní je spojováno se slovy jako přecpané, zastaralé a vizuálně nepřitažlivé. 

Bylo tedy jasné, že naše uživatelské rozhraní musíme vylepšit, jenže otázkou bylo, jak to pojmout? V zásadě jsme začali implementací schémat, o kterých jsme psali v tomto příspěvku. Následně jsme provedli několik kol rigorózních interních a externích kontrolních cyklů a na základě vaší zpětné vazby jsme pak nové uživatelské rozhraní aktualizovali. 

A to je pro dnešek všechno. Doufáme, že jsme vás přesvědčili, abyste nové uživatelské rozhraní vyzkoušeli, a že si ho zamilujete stejně jako my! Nezapomeňte, že nové uživatelské rozhraní můžete zapnout v kolečku Settings v levém horním rohu okna IDE. V Settings najdete odkaz, pomocí kterého se s námi můžete podělit o svou zpětnou vazbu!