Настройка кнопки "Иммерсивное средство чтения"

В этой статье показано, как настроить кнопку, запускающую иммерсивное средство чтения в соответствии с потребностями приложения.

Добавление кнопки "Иммерсивное средство чтения"

Пакет SDK для иммерсивного средства чтения обеспечивает применение стиля по умолчанию для кнопки, запускающей иммерсивное средство чтения. Используйте атрибут класса immersive-reader-button, чтобы включить этот стиль.

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

Настройка стиля кнопки

Используйте атрибут data-button-style, чтобы задать стиль кнопки. Допустимые значения: icon, text и iconAndText. Значение по умолчанию — icon.

Кнопка со значком

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

Отображается следующее:

This is the rendered Text button

Кнопка "Текст"

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

Отображается следующее:

This is the rendered Immersive Reader button.

Кнопка со значком и текстом

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

Отображается следующее:

Icon button

Настройка текста кнопки

Настройте язык и замещающий текст для кнопки с помощью атрибута data-locale. По умолчанию используется английский язык.

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

Настройка размера значка

Размер значка иммерсивного средства чтения можно настроить с помощью атрибута data-icon-px-size. Задает размер значка в пикселях. Размер по умолчанию — 20 пикселей.

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

Дальнейшие действия