Vyberte si pro své rozhraní v systému macOS vhodný styl zadávání v nativním jazyce

Moderní operační systémy neustále vylepšují své nativní ovládací prvky, aby poskytovaly jednotnější a propracovanější uživatelské prostředí. Se zavedením stylu Liquid Glass v systému macOS získávají vstupní objekty nový vzhled s více zaoblenými rohy a větším prostorem mezi textem a okrajem.

Ačkoli se tento nový vzhled přirozeně hodí do nejnovějších rozhraní macOS, může mít také dopad na stávající aplikace 4D. Větší vnitřní odsazení znamená, že vstupní objekt může být vyšší a při stejné šířce zobrazovat méně textu.

Od verze 4D 21 R5 můžete tuto změnu ovládat pomocí nového stylu ohraničení: „System rounded“.

Dva nativní vzhledy vstupních objektů

V systému macOS nabízí Apple dva nativní vzhledy pro vstupní objekty: tradiční vzhled s „pravoúhlými rohy“ a novější „zaoblený“ vzhled.

4D nyní nabízí oba vzhledy prostřednictvím vlastnosti stylu ohraničení:

• „System“ zachovává tradiční nativní vzhled vstupního objektu.
• „System rounded“ používá novější zaoblený vzhled s barvou ohraničení definovanou systémem a zvětšeným vnitřním odsazením.

To znamená, že si můžete vybrat vzhled, který odpovídá stávajícímu designu vaší aplikace.

Díky dostupnosti obou stylů můžete nový vzhled zavádět postupně, místo abyste museli okamžitě přepracovávat stávající formuláře.

Vyberte si styl

Možnost „System rounded“ můžete vybrat přímo z vlastnosti stylu ohraničení objektu vstupního pole v editoru formulářů.

Díky tomu je snadné vybrat správný vzhled pro každý formulář, ať už aktualizujete stávající aplikaci, nebo navrhujete novou.

Stejná volba je k dispozici i v době běhu pomocí OBJECT SET BORDER STYLE.

OBJECT SET BORDER STYLE(*; "myInput"; Border System Rounded)

Styl ohraničení můžete také definovat pomocí CSS, což umožňuje použít různé nativní vzhledy v závislosti na motivu formuláře:

@media (form-theme: mac-classic) {
  input {
    borderStyle: system;
  }
}

@media (form-theme: liquid-glass) {
  input {
    borderStyle: systemRounded;
  }
}

To vám umožňuje automaticky přepínat mezi hranatým a zaobleným vzhledem, aniž byste museli měnit každý objekt vstupního pole zvlášť.

Můžete dokonce tyto styly ohraničení kombinovat s vlastním odsazením a napodobit tak další nativní ovládací prvky systému macOS, například vyhledávací pole ve stylu Finderu s místem pro ikonu lupy.

Nativní zážitek na každé platformě

Styl „System rounded“ je navržen tak, aby respektoval nativní vzhled každé platformy.

V systému macOS se zobrazuje nový zaoblený styl vstupních polí.

Ve Windows používá „System rounded“ stejný nativní vzhled jako „System“. V klasickém prostředí Windows mají vstupní objekty hranaté rohy; v rozhraní Fluent UI jsou jejich rohy mírně zaoblené.

„System rounded“ proto můžete používat v formulářích napříč platformami, aniž byste museli zavádět logiku specifickou pro danou platformu jen proto, abyste zachovali nativní vzhled.

Hladký přechod k novému vzhledu macOS

Liquid Glass přináší nový nativní vzhled vstupních objektů v systému macOS, ale pro jeho zavedení nemusíte přepracovávat své stávající formuláře.

Díky možnostem „System“ a „System rounded“ si můžete vybrat nativní styl vstupních polí, který nejlépe vyhovuje vaší aplikaci, a přejít na nový vzhled macOS vlastním tempem.

Jste připraveni dát svým vstupním objektům nový vzhled? Prohlédněte si dokumentaci a dozvíte se více o nové vlastnosti stylu ohraničení a o tom, jak ji ve svých formulářích používat.