přizpůsobení tlačítka Asistivní čtečka

  • Článek
  • 2 min ke čtení

tento článek ukazuje, jak přizpůsobit tlačítko, které spouští Asistivní čtečka podle potřeb vaší aplikace.

přidat Asistivní čtečka – tlačítko

sada Asistivní čtečka SDK poskytuje výchozí styl pro tlačítko, které spouští Asistivní čtečka. immersive-reader-buttonPro povolení tohoto stylu použijte atribut class.

<div class='immersive-reader-button'></div>

Přizpůsobení stylu tlačítka

Použijte data-button-style atribut pro nastavení stylu tlačítka. Povolené hodnoty jsou icon , text a iconAndText . Výchozí hodnota je icon.

Tlačítko ikony

<div class='immersive-reader-button' data-button-style='icon'></div>

Vykreslí se následující:

Toto je tlačítko vykresleného textu

Tlačítko text

<div class='immersive-reader-button' data-button-style='text'></div>

Vykreslí se následující:

toto je vygenerované Asistivní čtečka tlačítko.

Tlačítko ikona a text

<div class='immersive-reader-button' data-button-style='iconAndText'></div>

Vykreslí se následující:

Tlačítko ikony

Přizpůsobení textu tlačítka

Nakonfigurujte jazyk a alternativní text pro tlačítko pomocí data-locale atributu. Výchozím jazykem je angličtina.

<div class='immersive-reader-button' data-locale='fr-FR'></div>

Přizpůsobení velikosti ikony

velikost ikony Asistivní čtečka lze konfigurovat pomocí data-icon-px-size atributu. Tím se nastaví velikost ikony v pixelech. Výchozí velikost je 20px.

<div class='immersive-reader-button' data-icon-px-size='50'></div>

Další kroky