Вы можете создать экран, который пользователи смогут прокручивать для просмотра дополнительных элементов. Например, можно создать приложение, в котором данные отображаются на гистограмме и графике. Прокручиваемый экран позволяет добавить дополнительные элементы управления, которые будут появляться при прокрутке.

При добавлении элементов управления в раздел они сохраняют свое относительное положение в пределах этого раздела независимо от того, где — на телефоне или планшете — запущено приложение. Обратите внимание, что на расположение разделов могут влиять размер и ориентация экрана.

 

Технические условия

Создание прокручиваемого экрана

  1. На вкладке Home (Главная) щелкните или нажмите New screen (Создать экран).

    Параметр для добавления экрана в приложение

  2. На вкладке Home (Главная) щелкните или нажмите Layouts (Макеты) и добавьте бесконечный прокручиваемый холст:

    Параметр для добавления бесконечного прокручиваемого холста

    Холст будет добавлен на экран:

    Экран с бесконечным прокручиваемым холстом по умолчанию

Добавление элементов

Теперь на холст можно добавить элементы управления, чтобы посмотреть, как работает прокрутка экрана.

  1. На добавленном вами холсте щелкните или нажмите Add an item from the Insert tab (Добавить элемент с вкладки "Вставка").

  2. На вкладке Insert (Вставка) щелкните или нажмите Charts (Диаграммы) и выберите вариант Column Chart (Гистограмма).

    Параметр для добавления гистограммы

    На первой карточке на экране появится гистограмма:

    Гистограмма по умолчанию

  3. На вкладке Insert (Вставка) щелкните или нажмите Text (Текст), а затем — Pen input (Рукописный ввод):

    Параметр для добавления элемента управления для рукописного ввода

  4. Перенесите элемент управления для рукописного ввода под диаграмму и растяните его на всю нижнюю часть карточки:

    Перемещение и изменение размера элемента управления для рукописного ввода

Добавление раздела

Теперь добавим карточку с еще одним элементом управления.

  1. В нижней части экрана щелкните или нажмите Add section (Добавить раздел).

    Параметр для добавления раздела

    На экран будет добавлена новая карточка:

    Новая карточка под разделом по умолчанию

  2. Выбрав карточку, откройте вкладку Insert (Вставка), щелкните или нажмите Charts (Диаграммы) и выберите вариант Line Chart (График).

    Новая диаграмма слишком большая и не помещается на экран с другими элементами управления:

    График, добавленный в нижнюю часть новой карточки

  3. Откройте режим предварительного просмотра, нажав клавишу F5 (либо щелкнув значок воспроизведения или коснувшись его в правом верхнем углу).

    Открытие режима предварительного просмотра

  4. Прокрутите экран вниз, чтобы отобразить новый график.

    График в режиме предварительного просмотра