Tam Ekran Okuyucu düğmesini özelleştirme
Bu makalede, Tam Ekran Okuyucu başlatan düğmenin uygulamanızın gereksinimlerine uyacak şekilde nasıl özelleştirileceği gösterilmektedir.
Tam Ekran Okuyucu düğmesini ekleme
Tam Ekran Okuyucu SDK'sı, Tam Ekran Okuyucu başlatan düğme için varsayılan stil sağlar. Bu stili etkinleştirmek için sınıf özniteliğini immersive-reader-button kullanın.
<div class='immersive-reader-button'></div>
Düğme stilini özelleştirme
Düğmenin stilini ayarlamak için özniteliğini data-button-style kullanın. İzin verilen değerler , textve iconAndTextdeğerleridiricon. Varsayılan değer şudur: icon.
Simge düğmesi
Simge düğmesini işlemek için aşağıdaki kodu kullanın.
<div class='immersive-reader-button' data-button-style='icon'></div>
Metin düğmesi
Düğme metnini işlemek için aşağıdaki kodu kullanın.
<div class='immersive-reader-button' data-button-style='text'></div>
Simge ve metin düğmesi
Hem düğmeyi hem de metni işlemek için aşağıdaki kodu kullanın.
<div class='immersive-reader-button' data-button-style='iconAndText'></div>
Düğme metnini özelleştirme
Düğmenin dilini ve alternatif metnini yapılandırmak için özniteliğini data-locale kullanın. Varsayılan dil İngilizce'dir.
<div class='immersive-reader-button' data-locale='fr-FR'></div>
Simgenin boyutunu özelleştirme
Tam Ekran Okuyucu simgesinin boyutunu yapılandırmak için özniteliğini data-icon-px-size kullanın. Bu, simgenin boyutunu piksel olarak ayarlar. Varsayılan boyut 20 pikseldir.
<div class='immersive-reader-button' data-icon-px-size='50'></div>