Tam Ekran Okuyucu özelleştirme

  • Makale
  • Okumak için 2 dakika

Bu makalede, uygulamayı başlatan düğmenin, Tam Ekran Okuyucu gereksinimlerine uyacak şekilde nasıl özelleştirebileceğinizi gösterebilirsiniz.

Tam Ekran Okuyucu ekleme

Tam Ekran Okuyucu SDK'sı, uygulamayı başlatan düğme için varsayılan Tam Ekran Okuyucu. Bu stili immersive-reader-button etkinleştirmek için sınıf özniteliğini kullanın.

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

Düğme stilini özelleştirme

Düğmenin data-button-style stilini ayarlamak için özniteliğini kullanın. İzin verilen değerler icon , text ve iconAndText değerleridir. icon varsayılan değerdir.

Simge düğmesi

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

Bu, şunları işler:

Bu, işlenmiş Metin düğmesidir

Metin düğmesi

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

Bu, şunları işler:

Bu, işlenmiş Tam Ekran Okuyucu düğmesidir.

Simge ve metin düğmesi

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

Bu, şunları işler:

Simge düğmesi

Düğme metnini özelleştirme

özniteliğini kullanarak düğmenin dilini ve alternatif metnini data-locale yapılandırma. İngilizce varsayılan dildir.

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

Simgenin boyutunu özelleştirme

Uygulama simgesinin Tam Ekran Okuyucu özniteliği kullanılarak data-icon-px-size yalıtabilirsiniz. Bu, simgenin boyutunu piksel cinsinden ayarlar. Varsayılan boyut 20px'tir.

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

Sonraki adımlar