Сведения о полосах прокрутки — Win32 apps
- Статья
- Чтение занимает 13 мин
Окно может отображать объект данных, например документ или растровое изображение, которое больше клиентской области окна. При использовании полосы прокрутки пользователь может прокрутить объект данных в клиентской области, чтобы просмотреть части объекта, которые выходят за границы окна.
Полосы прокрутки должны быть включены в любое окно, для которого содержимое клиентской области выходит за рамки окна. Ориентация полосы прокрутки определяет направление прокрутки, в котором происходит прокрутка, когда пользователь работает с полосой прокрутки.
В этом разделе рассматриваются следующие темы.
- Части полосы прокрутки
- Стандартные полосы прокрутки и элементы управления полосой прокрутки
- Положение поля прокрутки и диапазон прокрутки
- Видимость полосы прокрутки
- Запросы полосы прокрутки
- Интерфейс клавиатуры для полосы прокрутки
- Прокрутка клиентской области
- Цвета и метрики полосы прокрутки
Полоса прокрутки состоит из затенения вала с кнопкой со стрелкой в каждом конце и поле прокрутки
Пользователь прокручивает содержимое окна, щелкнув одну из кнопок со стрелками, щелкнув область в затененом валу полосы прокрутки или перетащив поле прокрутки. Когда пользователь нажимает кнопку со стрелкой, приложение прокручивает содержимое на одну единицу (обычно одну строку или столбец). Когда пользователь щелкает затененных областей, приложение прокручивает содержимое на одно окно. Объем прокрутки, который происходит, когда пользователь перетаскивает поле прокрутки, зависит от расстояния, которое пользователь перетаскивает поле прокрутки и от диапазона прокрутки полосы прокрутки. Дополнительные сведения о диапазоне прокрутки см.
На следующем снимке экрана показан расширенный элемент управления редактированием с вертикальными и горизонтальными полосами прокрутки, так как они могут отображаться в Windows Vista. Вертикальная полоса прокрутки в настоящее время «горячая», так как указатель мыши на него надвигался при снимке экрана.
Полоса прокрутки включается в окно как стандартная полоса прокрутки или как элемент управления полосой прокрутки. Стандартная полоса прокрутки находится в неклиентной области окна. Он создается вместе с окном и отображается при отображении окна. Единственной целью стандартной полосы прокрутки является предоставление пользователю возможности создавать запросы прокрутки для просмотра всего содержимого клиентской области. Вы можете включить стандартную полосу прокрутки в окно, указав
Элемент управления полосой прокрутки — это окно управления, принадлежащее классу окна SCROLLBAR. Появится элемент управления полосой прокрутки и функции, такие как стандартная полоса прокрутки, но это отдельное окно. В качестве отдельного окна элемент управления полосой прокрутки принимает прямой фокус ввода. В отличие от стандартной полосы прокрутки, элемент управления полосой прокрутки также имеет встроенный интерфейс клавиатуры.
В одном окне можно использовать любое количество элементов управления полосой прокрутки. При создании элемента управления полосой прокрутки необходимо указать размер и положение полосы прокрутки. Однако если можно изменить размер окна элемента управления полосой прокрутки, при изменении размера окна необходимо изменить размер полосы прокрутки.
Преимущество использования стандартной полосы прокрутки заключается в том, что система создает полосу прокрутки и автоматически задает ее размер и положение. Однако стандартные полосы прокрутки иногда слишком строги. Например, предположим, что вы хотите разделить клиентную область на квадранты и использовать отдельный набор полос прокрутки для управления содержимым каждого квадранта. Стандартные полосы прокрутки нельзя использовать, так как для определенного окна можно создать только один набор полос прокрутки. Вместо этого используйте элементы управления полосой прокрутки, так как их можно добавить в окно.
Приложения могут предоставлять элементы управления полосой прокрутки для других целей, кроме прокрутки содержимого окна.
Элемент управления полосой прокрутки может содержать несколько стилей, которые служат для управления ориентацией и положением полосы прокрутки. При вызове функции CreateWindowEx для создания элемента управления полосой прокрутки укажите нужные стили. Некоторые стили создают элемент управления полосой прокрутки, использующий ширину или высоту по умолчанию. Однако всегда необходимо указывать координаты x и y и другие измерения полосы прокрутки.
Сведения о таблицах стилей элементов управления полосой прокрутки см. в разделе «Стили элементов управления полосой прокрутки».
Примечание
Чтобы использовать визуальные стили с полосами прокрутки, приложение должно включать манифест и вызывать InitCommonControls в начале программы. Сведения о стилях визуальных элементов см. в разделе «Стили визуальных элементов». Сведения о манифестах см. в разделе «Включение визуальных стилей».
Положение поля прокрутки представлено как целое число; Он относится к левому или верхнему краю полосы прокрутки в зависимости от того, является ли полоса прокрутки горизонтальной или вертикальной. Позиция должна находиться в пределах минимального и максимального значений диапазона прокрутки. Например, в полосе прокрутки с диапазоном от 0 до 100 позиция 50 находится в середине, а остальные позиции распределяются одинаково вдоль полосы прокрутки. Начальный диапазон зависит от полосы прокрутки. Стандартные полосы прокрутки имеют начальный диапазон от 0 до 100; Элементы управления полосой прокрутки имеют пустой диапазон (минимальное и максимальное значения равны нулю), если только вы не указали явный диапазон при создании элемента управления. Диапазон можно изменить в любое время. Функцию
Приложение обычно настраивает диапазон прокрутки до удобных целых чисел, что упрощает преобразование позиции поля прокрутки в значение, соответствующее прокручиваемого объекту данных. Например, если приложение должно отображать 260 строк текстового файла в окне, которое может отображать только 16 строк за раз, диапазон вертикальной полосы прокрутки может иметь значение от 1 до 244. Если поле прокрутки находится в позиции 1, первая строка будет находиться в верхней части окна. Если поле прокрутки находится в позиции 244, последняя строка (строка 260) будет находиться в нижней части окна. Если приложение пытается указать значение положения, которое меньше минимального или больше максимального, используется минимальное или максимальное значение диапазона прокрутки.
Размер страницы можно задать для полосы прокрутки. Размер страницы представляет количество единиц данных, которые могут помещаться в клиентской области окна владельца, учитывая его текущий размер. Например, если клиентская область может содержать 16 строк текста, приложение присвоит размеру страницы значение 16. Система использует размер страницы, а также диапазон прокрутки и длину валов полосы прокрутки, чтобы задать размер поля прокрутки. При изменении размера окна, содержащего полосу прокрутки, приложение должно вызвать функцию SetScrollInfo , чтобы задать размер страницы. Приложение может получить текущий размер страницы, вызвав функцию GetScrollInfo отправки.
Чтобы установить полезную связь между диапазоном полосы прокрутки и объектом данных, приложение должно настроить диапазон при каждом изменении размера объекта данных.
Когда пользователь перемещает поле прокрутки в полосе прокрутки, полоса прокрутки сообщает позицию поля прокрутки в виде целого числа в диапазоне прокрутки. Если позиция является минимальным значением, поле прокрутки находится в верхней части вертикальной полосы прокрутки или в левом конце горизонтальной полосы прокрутки. Если позиция является максимальным значением, поле прокрутки находится в нижней части вертикальной полосы прокрутки или в правом конце горизонтальной полосы прокрутки.
Максимальное значение, которое может сообщать полоса прокрутки (т. е. максимальная позиция прокрутки) зависит от размера страницы. Если полоса прокрутки имеет размер страницы больше одной, максимальная позиция прокрутки меньше максимального значения диапазона. Чтобы вычислить максимальную позицию прокрутки, можно использовать следующую формулу:
MaxScrollPos = MaxRangeValue - (PageSize - 1)
Приложение должно перемещать поле прокрутки в полосе прокрутки. Хотя пользователь выполняет запрос на прокрутку в полосе прокрутки, полоса прокрутки не обновляет положение поля прокрутки автоматически. Вместо этого он передает запрос в родительское окно, которое должно прокрутить данные и обновить положение поля прокрутки. Приложение использует функцию SetScrollInfo для обновления положения поля прокрутки; в противном случае используется функция SetScrollPos . Так как оно управляет перемещением прямоугольника прокрутки, приложение может перемещать поле прокрутки с шагом, который лучше всего подходит для прокручиваемых данных.
Система скрывает и отключает стандартную полосу прокрутки при указании равных минимальных и максимальных значений. Система также скрывает и отключает стандартную полосу прокрутки, если указать размер страницы, включающий весь диапазон прокрутки полосы прокрутки. Это способ временно скрыть полосу прокрутки, если она не требуется для содержимого клиентской области. При скрытии запросов прокрутки через полосу прокрутки не требуется. Система включает полосу прокрутки и снова отображает ее при установке минимального и максимального значений неравных значений, а также если размер страницы не включает весь диапазон прокрутки. Функцию ShowScrollBar также можно использовать для скрытия или отображения полосы прокрутки. Он не влияет на диапазон полосы прокрутки, размер страницы или положение поля прокрутки.
Функцию EnableScrollBar можно использовать для отключения одной или обеих стрелок полосы прокрутки. Приложение отображает отключенные стрелки серым цветом и не отвечает на введенные пользователем данные.
Пользователь выполняет запросы на прокрутку, щелкнув различные части полосы прокрутки. Система отправляет запрос в указанное окно в виде сообщения WM_HSCROLL или WM_VSCROLL . Горизонтальная полоса прокрутки отправляет сообщение WM_HSCROLL ; вертикальная полоса прокрутки отправляет сообщение WM_VSCROLL . Каждое сообщение содержит код запроса, соответствующий действию пользователя, дескриптору полосы прокрутки (только элементы управления полосой прокрутки), а в некоторых случаях — к позиции поля прокрутки.
На следующей схеме показан код запроса, создаваемый пользователем при щелчке различных частей полосы прокрутки.
Значения SB_ указывают действие, которое выполняет пользователь. Приложение проверяет коды, сопровождающие сообщения WM_HSCROLL и WM_VSCROLL , а затем выполняет соответствующую операцию прокрутки. В следующей таблице действие пользователя указывается для каждого значения, за которым следует ответ приложения. В каждом случае единица определяется приложением в соответствии с данными. Например, типичная единица прокрутки текста по вертикали — это строка текста.
Запрос | Действие | Ответ |
---|---|---|
SB_LINEUP | Пользователь щелкает верхнюю стрелку прокрутки. | Уменьшает положение поля прокрутки; прокрутка к верхней части данных на одну единицу. |
SB_LINEDOWN | Пользователь щелкает стрелку прокрутки внизу. | Увеличивает позицию поля прокрутки; прокрутка к нижней части данных на одну единицу. |
SB_LINELEFT | Пользователь щелкает стрелку прокрутки влево. | Уменьшает положение поля прокрутки; прокручивается влево к левому краю данных на одну единицу. |
SB_LINERIGHT | Пользователь щелкает стрелку прокрутки вправо. | Увеличивает позицию поля прокрутки; прокрутка вправо к концу данных на одну единицу. |
SB_PAGEUP | Пользователь щелкает вал полосы прокрутки над полем прокрутки. | Уменьшает положение поля прокрутки по количеству единиц данных в окне; прокручивается в сторону верхней части данных на одинаковое количество единиц. |
SB_PAGEDOWN | Пользователь щелкает вал полосы прокрутки под полем прокрутки. | Увеличивает положение поля прокрутки на количество единиц данных в окне; прокручивается к нижней части данных на одинаковое количество единиц. |
SB_PAGELEFT | Пользователь щелкает вал полосы прокрутки слева от поля прокрутки. | Уменьшает положение поля прокрутки по количеству единиц данных в окне; прокручивается влево к левому краю данных на одинаковое количество единиц. |
SB_PAGERIGHT | Пользователь щелкает вал полосы прокрутки справа от поля прокрутки. | Увеличивает положение поля прокрутки на количество единиц данных в окне; прокручивается к правому концу данных на одинаковое количество единиц. |
SB_THUMBPOSITION | Пользователь освобождает поле прокрутки после перетаскивания. | Задает для поля прокрутки позицию, указанную в сообщении; прокручивает данные на то же количество единиц, которое перемещено поле прокрутки. |
SB_THUMBTRACK | Пользователь перетаскивает поле прокрутки. | Устанавливает поле прокрутки в положение, указанное в сообщении, и прокручивает данные на одинаковое количество единиц прокрутки, перемещаемых для приложений, которые быстро рисуют данные. Приложения, которые не могут быстро рисовать данные, должны ждать кода запроса SB_THUMBPOSITION перед перемещением поля прокрутки и прокруткой данных. |
SB_ENDSCROLL | Пользователь отпускает мышь после удерживания ее на стрелке или в вале полосы прокрутки. | Ответ не требуется. |
Полоса прокрутки создает SB_THUMBPOSITION и SB_THUMBTRACK код запроса, когда пользователь щелкает и перетаскивает поле прокрутки. Приложение должно быть запрограммировано для обработки SB_THUMBTRACK или SB_THUMBPOSITION кода запроса.
Код запроса SB_THUMBPOSITION возникает, когда пользователь отпускает кнопку мыши после нажатия кнопки прокрутки. Приложение, обрабатывающее это сообщение, выполняет операцию прокрутки после того, как пользователь перетащил поле прокрутки в нужное положение и отпустил кнопку мыши.
Код запроса SB_THUMBTRACK происходит, когда пользователь перетаскивает поле прокрутки. Если приложение обрабатывает SB_THUMBTRACK коды запросов, оно может прокручивать содержимое окна, когда пользователь перетаскивает поле прокрутки. Однако полоса прокрутки может создавать много SB_THUMBTRACK код запроса в течение короткого периода, поэтому приложение должно обрабатывать эти коды запросов только в том случае, если он может быстро перекрасить содержимое окна.
Элемент управления полосой прокрутки предоставляет встроенный интерфейс клавиатуры, позволяющий пользователю выдавать запросы на прокрутку с помощью клавиатуры; Стандартная полоса прокрутки не выполняется. Когда элемент управления полосы прокрутки имеет фокус клавиатуры, он отправляет WM_HSCROLL и WM_VSCROLL сообщения в родительское окно, когда пользователь нажимает клавиши со стрелками. Код запроса отправляется с каждым сообщением, соответствующим клавише со стрелкой, нажатой пользователем. Ниже приведены клавиши со стрелками и соответствующие коды запросов.
Клавиша со стрелкой | Запросить код |
---|---|
СБОЙ | SB_LINEDOWN или SB_LINERIGHT |
END | SB_BOTTOM |
HOME | SB_TOP |
LEFT | SB_LINEUP или SB_LINELEFT |
PGDN | SB_PAGEDOWN или SB_PAGERIGHT |
PGUP | SB_PAGEUP или SB_PAGELEFT |
RIGHT | SB_LINEDOWN или SB_LINERIGHT |
UP | SB_LINEUP или SB_LINELEFT |
Примечание
Интерфейс клавиатуры элемента управления полосы прокрутки отправляет коды запросов SB_TOP и SB_BOTTOM. Код запроса SB_TOP указывает, что пользователь достиг верхнего значения диапазона прокрутки. Приложение прокручивает содержимое окна вниз, чтобы увидеть верхнюю часть объекта данных. Код запроса SB_BOTTOM указывает, что пользователь достиг нижнего значения диапазона прокрутки. Если приложение обрабатывает код запроса SB_BOTTOM, оно прокручивает содержимое окна вверх так, чтобы нижняя часть объекта данных была видна.
Если вам нужен интерфейс клавиатуры для стандартной полосы прокрутки, можно создать его самостоятельно, обрабатывая сообщение WM_KEYDOWN в процедуре окна, а затем выполняя соответствующее действие прокрутки на основе кода виртуального ключа, сопровождающего сообщение. Сведения о создании интерфейса клавиатуры для полосы прокрутки см. в разделе «Создание интерфейса клавиатуры для стандартной полосы прокрутки».
Самый простой способ прокрутки содержимого клиентской области — удалить и перерисовать его. Это метод, который приложение, скорее всего, будет использоваться с SB_PAGEUP, SB_PAGEDOWN и кодами запросов SB_TOP, которые обычно требуют совершенно нового содержимого.
Для некоторых кодов запросов, таких как SB_LINEUP и SB_LINEDOWN, не все содержимое необходимо удалить, так как некоторые остаются видимыми после прокрутки. Функция ScrollWindowEx сохраняет часть содержимого клиентской области, перемещает сохраненную часть указанного объема, а затем подготавливает остальную часть клиентской области для рисования новых сведений. ScrollWindowEx использует функцию BitBlt для перемещения определенной части объекта данных в новое расположение в клиентской области. Любая обнаруженная часть клиентской области (ничего не сохраненного) становится недействительным, стерта и окрашена при возникновении следующего сообщения WM_PAINT .
Функцию ScrollWindowEx можно использовать для исключения части клиентской области из операции прокрутки. Это позволяет элементам с фиксированными позициями, такими как дочерние окна, перемещаться в клиентской области. Он автоматически делает недействительным часть клиентской области для получения новых сведений, поэтому приложению не нужно вычислять собственные области вырезки. Дополнительные сведения об обрезки см. в разделе «Обрезка».
Обычно приложение прокручивает содержимое окна в направлении, противоположном полосе прокрутки. Например, когда пользователь щелкает вал полосы прокрутки в области под полем прокрутки, приложение прокручивает объект в окне вверх, чтобы отобразить часть объекта, который находится под видимой частью.
Вы также можете прокрутить прямоугольную область с помощью функции ScrollDC .
Системное значение цвета, COLOR_SCROLLBAR, управляет цветом в вале полосы прокрутки. Используйте функцию GetSysColor , чтобы определить цвет вала полосы прокрутки и функцию SetSysColors , чтобы задать цвет вала полосы прокрутки. Обратите внимание, что это изменение цвета влияет на все полосы прокрутки в системе.
Вы можете получить размеры растровых изображений, которые система использует в стандартных полосах прокрутки, вызвав функцию GetSystemMetrics . Ниже приведены системные значения метрик, связанные с полосами прокрутки.
Системная метрика | Описание |
---|---|
SM_CXHSCROLL | Ширина растрового изображения со стрелками на горизонтальной полосе прокрутки |
SM_CXHTHUMB | Ширина поля прокрутки на горизонтальной полосе прокрутки. Это значение извлекает ширину полосы прокрутки с нулевым размером страницы. |
SM_CXVSCROLL | Ширина растрового изображения со стрелками на вертикальной полосе прокрутки |
SM_CYHSCROLL | Высота растрового рисунка со стрелками на горизонтальной полосе прокрутки |
SM_CYVSCROLL | Высота растрового рисунка со стрелками на вертикальной полосе прокрутки |
SM_CYVTHUMB | Высота поля прокрутки на вертикальной полосе прокрутки. Это значение извлекает высоту полосы прокрутки с нулевым размером страницы. |
Создание групп прокрутки в Adobe XD
Руководство пользователя Отмена
Поиск
Последнее обновление Feb 21, 2023 05:38:44 PM GMT
- Руководство пользователя Adobe XD
- Введение
- Новые возможности Adobe XD
- Распространенные вопросы
- Создание дизайна, прототипов и совместная работа в Adobe XD
- Системные требования
- Требования к оборудованию и программному обеспечению
- Adobe XD, Big Sur и Apple Silicon | macOS 11
- Основные сведения о рабочей среде
- Изменение языка приложения в Adobe XD
- Доступ к наборам для дизайна пользовательского интерфейса
- Доступность в Adobe XD
- Сочетания клавиш
- Советы и рекомендации
- Варианты условий подписки на Adobe XD
- Изменения в начальном плане XD
- Дизайн
- Монтажные области, направляющие и слои
- Начало работы с монтажными областями
- Использование направляющих и сеток
- Создание прокручиваемых монтажных областей
- Работа со слоями
- Создание групп прокрутки
- Фигуры, объекты и путь
- Выделение, изменение размера и поворот объектов
- Перемещение, выравнивание, распределение и упорядочивание объектов
- Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
- Задание обводки, заливки и теней для объектов
- Создание повторяющихся элементов
- Создание перспективных проектов с помощью 3D-преобразований
- Редактирование объектов с помощью логических операций
- Текст и шрифты
- Работа с инструментами для рисования и создания текста
- Шрифты в Adobe XD
- Компоненты и состояния
- Работа с компонентами
- Работа с вложенными компонентами
- Добавление нескольких состояний для компонентов
- Маскировка и эффекты
- Создание маски с фигурами
- Работа с эффектами размытия
- Создание и изменение градиентов
- Применение эффектов наложения
- Макет
- Адаптивное изменение размера и ограничения
- Установка фиксированного отступа для компонентов и групп
- Создание динамичных проектов с подборками
- Видео и анимации Lottie
- Работа с видео
- Создание прототипов при помощи видео
- Работа с анимацией Lottie
- Монтажные области, направляющие и слои
- Создание прототипа
- Создание интерактивных прототипов
- Анимирование прототипов
- Свойства объекта, которые поддерживаются при автоматическом анимировании
- Создание прототипов с клавиатуры и геймпада
- Создание прототипов с помощью голосовых команд и воспроизведения
- Создание синхронизированных переходов
- Добавление наложений
- Создание голосовых прототипов
- Создание якорных ссылок
- Создание гиперссылок
- Предварительный просмотр проектов и прототипов
- Публикация, экспорт и проверка
- Публикация выбранных монтажных областей
- Предоставление совместного доступа к проектам и прототипам
- Настройка разрешений на доступ к ссылкам
- Работа с прототипами
- Просмотр прототипов
- Работа со спецификациями дизайна
- Предоставление общего доступа к спецификациям дизайна
- Проверка спецификаций дизайна
- Навигация в спецификациях дизайна
- Проверка и комментирование спецификаций дизайна
- Экспорт ресурсов дизайна
- Экспорт и загрузка ресурсов из спецификаций дизайна
- Корпоративный групповой совместный доступ
- Резервное копирование или перенос ресурсов XD
- Системы дизайна
- Системы дизайна с библиотеками Creative Cloud Libraries
- Работа с ресурсами документа в Adobe XD
- Работа с библиотеками Creative Cloud Libraries в Adobe XD
- Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
- Работа с проектными токенами
- Использование ресурсов из библиотек Creative Cloud Libraries
- Облачные документы
- Облачные документы в Adobe XD
- Совместная работа и совместное редактирование проектов
- Совместное редактирование документов, к которым вам предоставили доступ
- Интеграция и плагины
- Работа с внешними ресурсами
- Работа с ресурсами проекта из Photoshop
- Копирование ресурсов из Photoshop
- Как импортировать или открыть проекты Photoshop
- Работа с ресурсами Illustrator в Adobe XD
- Импортирование и открытие проектов Illustrator
- Копирование векторных объектов из Illustrator в XD
- Плагины для Adobe XD
- Создание плагинов и управление ими
- Интеграция Jira с XD
- Подключаемый модуль Slack для XD
- Подключаемый модуль Zoom для XD
- Публикация работы из XD на Behance
- XD для iOS и Android
- Предварительный просмотр на мобильных устройствах
- Часто задаваемые вопросы по Adobe XD для мобильных устройств
- Устранение неполадок
- Выявленные неполадки и исправленные ошибки
- Выявленные неполадки
- Исправленные неполадки
- Установка и обновления
- XD отображается как несовместимый в Windows
- Код ошибки 191
- Код ошибки 183
- Проблемы при установке плагинов XD
- Запрос на удаление и переустановку XD в Windows 10
- Проблемы с миграцией предпочтений
- Запуск и сбой
- XD аварийно завершает работу при запуске в Windows 10
- XD закрывается при выходе из Creative Cloud
- Проблема со статусом подписки в Windows
- Предупреждение о заблокированном приложении при запуске XD в Windows
- Создание аварийного дампа в Windows
- Сбор и отправка журнала сбоев
- Облачные документы и библиотеки Creative Cloud Libraries
- Проблемы с облачными документами XD
- Проблемы со связанными компонентами
- Проблемы с библиотеками и ссылками
- Прототип, публикация и обзор
- Не удается записать взаимодействия прототипов в macOS Catalina
- Проблемы с процессами публикации
- Опубликованные ссылки не отображаются в браузерах
- Прототипы некорректно отображаются в браузерах
- На общих ссылках внезапно появляется панель комментариев
- Невозможно опубликовать библиотеки
- Импорт, экспорт и работа с другими приложениями
- Импорт и экспорт в XD
- Файлы Photoshop в XD
- Файлы Illustrator в XD
- Экспорт из XD в After Effects
- Файлы Sketch в XD
- В разделе экспорта не представлены сторонние приложения
- Выявленные неполадки и исправленные ошибки
Узнайте, как создавать группы прокрутки, обеспечивающие прокрутку независимо от остальной части монтажной области.
Группы прокрутки в Adobe XD позволяют определять участки внутри монтажной области, которые будут прокручиваться независимо от остальной части монтажной области, создавая таким образом эффекты горизонтальной или вертикальной прокрутки. Группы прокрутки удобны при разработке элементов пользовательского интерфейса, например «карусели» изображений, ползунков продуктов или интерактивных карт.
Читайте этот раздел далее, чтобы узнать, как пользоваться горизонтальными и вертикальными группами прокрутки в XD, а также их сочетанием.
Прежде чем продолжить
Убедитесь, что вы знакомы с режимами проекта, прототипа и совместного доступа в XD.
Ограничение
Группы прокрутки не работают в спецификациях дизайна. В качестве обходного пути добавьте группы прокрутки в отдельную монтажную область и опубликуйте их как часть спецификаций дизайна.
Создание эффекта горизонтальной прокрутки
Хотите создать прототип «карусели», используя горизонтальную прокрутку? Посмотрите эту анимированную иллюстрацию и выполните следующие действия, чтобы узнать, как создавать эффект горизонтальной прокрутки.
- В режиме Проект выберите объекты, которые необходимо преобразовать в группу прокрутки.
- Щелкните значок в инспекторе свойств. Размеры окна просмотра скорректируются соответствующим образом автоматически. Кроме того, можно использовать сочетание ⇧⌘H в macOS и Shift + Ctrl + H в Windows для создания эффекта горизонтальной прокрутки.
- Чтобы просмотреть эффект горизонтальной прокрутки целиком, выберите .
Создание эффекта вертикальной прокрутки
Хотите создать прототип «карусели», используя вертикальную прокрутку? Посмотрите эту анимированную иллюстрацию и выполните следующие действия, чтобы узнать, как создавать эффект вертикальной прокрутки.
- В режиме Проект выберите объекты, которые вы хотите преобразовать в группу прокрутки.
- Выберите значок в инспекторе свойств, чтобы выполнить прокрутку вверх и вниз. Размеры окна просмотра скорректируются соответствующим образом автоматически. Кроме того, можно использовать сочетание ⇧⌘V в macOS и Shift + Ctrl + V в Windows для создания эффекта вертикальной прокрутки.
- Чтобы просмотреть эффект вертикальной прокрутки целиком, выберите .
Создание эффекта горизонтальной и вертикальной прокрутки
Сочетание горизонтальной прокрутки и вертикальных эффектов будет полезно при создании объектов с прокруткой во всех направлениях, например, интерактивных карт. Посмотрите эту анимированную иллюстрацию и выполните следующие действия.
- В режиме Проект выберите объекты, которые вы хотите преобразовать в группу прокрутки.
- Выберите значок в инспекторе свойств. Размеры окна просмотра скорректируются соответствующим образом автоматически. Кроме того, можно использовать сочетание ⇧⌘D в macOS и Shift + Ctrl + D в Windows для создания сочетания эффектов горизонтальной и вертикальной прокрутки.
- Чтобы просмотреть эффект горизонтальной и вертикальной прокрутки целиком, выберите .
Подробнее
Чтобы больше узнать о группах горизонтальной и вертикальной прокрутки в XD, посмотрите это видео.
Время просмотра: 6 мин.
Советы и рекомендации
Теперь вы знаете, как создавать эффект горизонтальной и вертикальной прокрутки в XD, и вот еще несколько полезных советов и приемов.
- При предварительном просмотре прототипа в Windows и в Интернете используйте трекпад и колесико мыши, щелкните и перетащите, чтобы проверить эффекты горизонтальной и вертикальной прокрутки.
- При предварительном просмотре в macOS используйте трекпад и колесико мыши, щелкните и перетащите, чтобы проверить эффекты горизонтальной и вертикальной прокрутки.
- Комбинируйте группы прокрутки с состояниями компонентов и типами действий, например Наложением, Автоматическим анимированием, а также действием Прокрутить к.
- Используйте отступы, чтобы лучше управлять сдвигом в группах прокрутки.
- Используйте вложенные группы прокрутки при создании проектов с несколькими уровнями прокрутки.
Что дальше?
Мы познакомили вас с созданием эффектов горизонтальной и вертикальной прокрутки. Теперь рассмотрим, как создавать интерактивные прототипы и открывать к ним доступ дизайнерам и заинтересованным сторонам, чтобы получать от них отзывы.
Есть вопрос или идея?
Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.
Вход в учетную запись
Войти
Управление учетной записью
Scroll Определение и значение — Merriam-Webster
1 из 2
скрол
1
а
: рулон (из папируса, кожи или пергамента) для написания документа
б
архаичный : письменное сообщение
с
: реестр, список
д
: лента с закругленными концами, часто с девизом
2
а
: нечто, напоминающее по форме свиток
особенно : спиралевидная или изогнутая форма с орнаментом, полученным из изгибов свободно или частично скрученного пергаментного свитка
б
: изогнутая головка смычкового струнного музыкального инструмента
см. иллюстрацию скрипки
прокручивается
скрольд
прилагательное
Иллюстрация прокрутки
- прокрутка 1a
свиток
2 из 2
непереходный глагол
1
: для перемещения текста или графики вверх, вниз или по экрану, как если бы разворачивалась прокрутка развертывание свитка
наблюдать за пейзажем, прокручивая большие панорамные окна — Дэвид Йидон Он прочитал из свитка . шарф с прекрасным зеленым прокручивает на нем Глагол Вы должны прокрутить экран, чтобы увидеть нижнюю часть веб-страницы.
Последние примеры в Интернете
Одна из центральных и первых инсталляций, с которой сталкивается посетитель, на самом деле является увеличенной иллюстрацией, появившейся на свитке — великолепной приливной волны фаленопсиса, которая нависает над посетителем. — Хлоя Шама, 9 лет.0093 Vogue , 17 фев. 2023 За столетия до его написания существовали только части или разделы библейских текстов в форме свитков , которые стали известны как Свитки Мертвого моря. — Лианна Колирин, CNN , 15 февраля 2023 г. Под играми находится бесконечная лента прокрутки , предназначенная для того, чтобы пользователи продолжали просматривать и покупать. — Эмили Мейсон, 9 лет.0093 Forbes , 13 февраля 2023 г. А потом печатная машинка Керуака , свиток , и еще куча всякой всячины. — Барт Булл, SPIN , 10 февраля 2023 г. 37-летний английский актер публично заявил о себе еще в 2020 году, назвав себя геем в упрощенном посте из четырех предложений. — Шон Абрамс, Men’s Health , 3 февраля 2023 г. Он сделал халтуру в одном месте, которая перекликается с быстрым распространением сумасшедших теорий заговора и сильным желанием обречь на гибель scroll . — А.а. Дауд, хрон. , 1 февраля 2023 г. Имена заключенных Юнгфернхофа прокручиваются по всему видео. — Кейт Маккуэйд, BostonGlobe.com , 29 января 2023 г. Google добавляет больше визуальных функций — и бесконечные прокрутка эффект — для поиска, очевидная уловка, чтобы привлечь больше пользователей из Generation TikTok. — Лорен Гуд, WIRED , 26 января 2023 г.
Некоторые из вас будут прокрутите , нажмите кнопку воспроизведения на семи секундах новой записи и составьте свое мнение. — Мария Шерман, SPIN , 28 февраля 2023 г. Коснитесь или щелкните здесь и прокрутите до № 5, чтобы узнать о шагах по созданию новых адресов электронной почты на лету. — Ким Командо, USA TODAY , 17 ноября 2022 г. Чтобы управлять своими уведомлениями, перейдите в приложение Watch и прокрутите до каждого отдельного приложения. — Эдриенн Со, WIRED , 5 сентября 2022 г. Функция мгновенно запускала воспроизведение телешоу или фильма, не заставляя пользователей прокручивать библиотеку Netflix в поисках того, что посмотреть. — Кэти Дейтон, WSJ , 14 февраля 2023 г. Есть выпадающее меню для различных категорий конкурса, или всего прокрутите или выполните поиск по всему основному списку. — Пэт Майерс, Washington Post , 1 декабря 2022 г. Когда читатели прокручивают статью онлайн, анимация перемещается из Эквадора в Перу и в Аргентину. — Теренс Макгинли, New York Times , 9 октября 2022 г. Просто прокрутите вниз на странице загрузки, чтобы найти QR. —Митхили Девараконда, 9 лет.0093 США СЕГОДНЯ , 4 сентября 2022 г. Люди увлекаются игрой, выходят из комнаты, прокручивают в своих телефонах, общаются со своими друзьями. — Даниэль Винер-Броннер, CNN , 12 февраля 2023 г. Узнать больше
Эти примеры предложений автоматически выбираются из различных онлайн-источников новостей, чтобы отразить текущее использование слова «прокрутка». Мнения, выраженные в примерах, не отражают точку зрения Merriam-Webster или ее редакторов. Отправьте нам отзыв.
История слов
Этимология
Существительное
Среднеанглийский scrowle , смесь rolle roll и scrowe лом, свиток (от англо-французского escrowe , германского происхождения; родственный среднеголландскому schrode отрезанный кусок, древневерхненемецкий scrōt) — подробнее в статье 1
Первое известное употребление
Существительное
15 век в значении, определенном в смысле 1a
Глагол
1973, в значении, определенном в непереходном смысле 1
Путешественник во времени
Первое известное использование свитка было в 15 веке
Посмотреть другие слова из того же века скрог
прокрутить
полоса прокрутки
Посмотреть другие записи поблизости
Процитировать эту запись «Прокрутить».
Словарь Merriam-Webster.com , Merriam-Webster, https://www.merriam-webster.com/dictionary/scroll. По состоянию на 14 марта 2023 г.Ссылка на копию
Детское определение
свиток
1 из 2 сущ.
ˈskrōl
1
: рулон бумаги или кожи животного, подготовленный для использования в качестве поверхности для письма
особенно : тот, на котором что-то написано или выгравировано
2
: орнамент, напоминающий свободно или частично скрученный свиток
свиток
2 из 2 глагол
: перемещать (как текст или графику) вверх, вниз или по экрану, как если бы разворачивали прокрутку Динамики
Britannica English: Перевод scroll для говорящих на арабском языке
Последнее обновление: — Обновлены примеры предложений
Подпишитесь на крупнейший словарь Америки и получите тысячи дополнительных определений и расширенный поиск без рекламы!
Merriam-Webster без сокращений
Свиток Определение и значение | Dictionary.
com.[ scrohl ]
/ scroʊl /
Сохрани это слово!
См. синонимы для: прокрутка / прокрутка / прокрутка / прокрутка на Thesaurus.com
Показывает уровень оценки в зависимости от сложности слова.
сущ.
свиток пергамента, бумаги, меди или другого материала, особенно с письменами: свиток, содержащий весь Ветхий Завет.
нечто, особенно украшение, напоминающее частично развернутый лист бумаги или имеющее спиральную или скрученную форму.
список, список, реестр или расписание.
(в японском и китайском искусстве) картина или текст на шелке или бумаге, который либо отображается на стене (висячий свиток), либо удерживается зрителем (ручной свиток) и скручивается, когда не используется. Сравните какемоно, макимоно .
изогнутая головка скрипки или другого смычкового инструмента.
заметка, сообщение или другой текст.
глагол (используется с дополнением)
вырезать изогнутую форму пилой с узким лезвием.
Компьютеры. для перемещения (текста) вверх, вниз или по экрану дисплея, при этом новый текст появляется на экране, а старый текст исчезает.
глагол (используется без дополнения)
Компьютеры. для перемещения текста по вертикали или горизонтали на экране дисплея при поиске определенного раздела, строки и т. д.
ВИКТОРИНА
ВСЕ ЗА(U)R ЭТОГО БРИТАНСКОГО ПРОТИВ. АМЕРИКАНСКИЙ АНГЛИЙСКИЙ ВИКТОРИНА
Существует огромное количество различий между тем, как люди говорят по-английски в США и Великобритании. Способны ли ваши языковые навыки определить разницу? Давай выясним!
Вопрос 1 из 7
Правда или ложь? Британский английский и американский английский различаются только сленговыми словами.
Происхождение прокрутки
1350–1400; среднеанглийские росчерки; смесь скроу, афетический вариант условного депонирования и роулролла
ДРУГИЕ СЛОВА ИЗ Scroll
Scroll-like, прилагательноеСлова рядом с scroll
scrod, scrofula, scrofulous, scrog, scroggin, scroll, scroll foot, scrollhead, scroll saw, scrollwork, scrome
Dictionary. com Unabridged На основе Random House Unabridged Dictionary, © Random House, Inc., 2023
Слова, относящиеся к свитку
рукопись, растяжка, документ, бумага, пергамент, священное писание, список, папирус, свиток, расписание, каракули, завиток, письмо
Как использовать прокрутку в предложении
Сосредоточив внимание на частоте кликов и прокрутки, вы можете увидеть процент посетителей, которые уходят, не увидев содержимое шторки внизу страницы.
Три необычных метода SEO-анализа на странице (которые двигают иглу)|Мэтт Кейлесс|1 октября 2020 г.|Наблюдение за поисковыми системами
Каждый конец сварен из железа в виде классического завитка и может вместить три винные бутылки .
Держатели для винных бутылок и стойки для изысканных подарков|Команда PopSci Commerce|29 сентября, 2020|Popular-Science
При просмотре фан-страницы Колфаге видно, что многие сообщения написаны от первого лица, что, по словам Facebook, разрешено, поскольку он не является фигурой ненависти.
Ветеран, герой войны, подсудимый, тролль|Джереми Шварц и Перла Тревизо|29 сентября 2020 г.|ProPublica вращающееся колесо прокрутки, которое служит внешним корпусом термостата.
Новый термостат Google Nest попадает в FCC, возможно, с управлением жестами воздуха|Рон Амадео|11 сентября 2020 г.|Ars Technica это свиток!
Как мы разработали внешний вид нашего прогноза на 2020 год|Анна Видеркер ([email protected])|13 августа 2020 г.|FiveThirtyEight
Теперь вы можете прокручивать рецепт в следующем направлении, не получая теста или соуса на всем вашем устройстве.
Путеводитель по праздничным подаркам 2014 года от The Daily Beast: для Ричарда Хендрикса в вашей жизни|Эллисон МакНирни|29 ноября 2014 г.|DAILY BEAST они его развернули.
Множество жизней художника Дэвида Хокни|Уильям О’Коннор|23 ноября 2014 г.|DAILY BEAST
И если вы прокрутите весь список Мидаса вниз, то увидите некоторые заметные тенденции.
Нам нужно поговорить о расизме Кремниевой долины|Саманта Аллен|22 августа 2014 г. |DAILY BEAST
Я смог пролистать свою ленту и не прочитал ничего, кроме твитов о Фергюсоне.
Настоящий Кошмар Фергюсона|Джеймс Пулос|15 августа 2014|DAILY BEAST
На его ребрах начертано одиночное ружье, вонзенное штыком в грязь, с именами, перечисленными на свитке — его мертвые друзья.
Ностальгия по войне приводит ветеранов в такие места, как Сирия. Один пропал там.|Эллиот Акерман|3 мая 2014|DAILY BEAST
Пока они смотрели, они увидели, что его крыша подхватила и отлетела, как будто это был свиток бумаги.
Великан Севера|Р.М. Баллантайн
Он знал своего двоюродного брата, и у него было ощущение, что перед его глазами висит сверкающий свиток судьбы.
Предки|Гертруда Атертон
Из частей, в которые молодому помощнику Николаса Амати было позволено вложить свою индивидуальность, заметно выделяется свиток.
Антонио Страдивари|Гораций Уильям Петерик
Все детали резьбы на свитках Страдивари того периода являются чудесами механической ловкости обращения.