Прокрутки: Задайте параметры прокрутка текста для элемента управления

28.11.1985 alexxlab

Содержание

%d0%Bf%d1%80%d0%be%d0%Ba%d1%80%d1%83%d1%82%d0%Ba%d0%b8 — English translation – Linguee

Организация обеспечила подготовку сотрудников и предоставила оборудование для укрепления базы четырех общинных радиостанций в

[…]

Карибском бассейне («Roоts FM», Ямайка; «Radio

[…] Paiwomak», Гайана; «Radio em ba Mango», Доминика; «Radio […]

Muye», Суринам).

unesdoc.unesco.org

The Organization also provided training and equipment to reinforce the capacity of four community radio

[…]

stations in the Caribbean (Roots FM, Jamaica; Radio Paiwomak, Guyana;

[…] Radio em ba Mango, Dominica; and Radio Muye, [. ..]

Suriname).

unesdoc.unesco.org

RFLQ_S007BA Расчет ликвидности: […]

перенести фактические данные в нов. бизнес-сферу .

enjoyops.de

RFLQ_S007BA Liquidity Calculation: […]

Transfer Actual Data to New Business Area .

enjoyops.de

На грузовики могут устанавливаться зарубежные

[…]

дизели Perkins мощностью 65 л.с. (базовый

[…] двигатель) и Deutz BF 04L 2011 мощностью […]

79 л.с. или отечественный владимирский

[. ..]

ВМТЗ Д-130Т мощностью 65 л.с. Приводы от валов отбора мощности спереди и сзади позволяют навешивать различное дополнительное оборудование.

trucksplanet.com

The trucks can be equipped with foreign

[…]

Perkins 65 hp diesel (Base engine) and Deutz BF 04L 2011 with

[…] an output of 79 hp or domestic VMTZ D-130T […]

developes 65 hp.

trucksplanet.com

Если заготовка имеет важное значение в стране, то

[…]

составителям кадастров рекомендуется использовать национальные

[…] данные по заготовкам или вывести значение BF по конкретной стране.

ipcc-nggip.iges.or.jp

If logging is significant in the

[…] country, the inventory compilers are encouraged to use national […]

harvest data or derive country-specific BF values.

ipcc-nggip.iges.or.jp

На устройствах РПН с числом переключений более чем 15.000 в год мы

[…]

рекомендуем применять маслофильтровальную установку OF100 (инструкция по

[…] эксплуатации BA 018) с бумажными […]

сменными фильтрами.

highvolt.de

If the number of on-load tap-changer operations per year

[…]

is 15,000 or higher, we recommend the use of

[. ..] our stationary oil filter unit OF […]

100 with a paper filter insert (see Operating Instructions BA 018).

highvolt.de

RM06BA00 Просмотр списка заявок .

enjoyops.de

RM06BA00 List Display of Purchase Requisitions .

enjoyops.de

Если бы Володя Малахов, до этого очень здорово

[…] игравший ту партию, пошел Bf5 c Ефименко, то мы […]

бы выиграли тот матч, вышли на чистое первое

[…]

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

crestbook.com

If Volodya Malakhov, who had played that game extremely well until

[…] then, had gone for Bf5 against Efimenko […]

then we’d have won the match, moved into

[…]

clear first place and, very importantly, switched places with the Ukrainians psychologically.

crestbook.com

Изъятие древесины (L древ.-изъятия ) рассчитывается с помощью уравнения 2.12 из главы 2, товарные круглые лесоматериалы с корой (H), коэффициент преобразования и

[…]

разрастания биомассы (BCEF ), доля

[…] коры в заготовленной древесине (BF), отношение подземной биомассы [. ..]

к надземной биомассе (R), доля

[…]

углерода в сухом веществе (CF) и табличные данные по умолчанию, раздел 4.5.

ipcc-nggip.iges.or.jp

Wood removal (L wood-removals ) is calculated with Equation 2.12, Chapter 2, merchantable round wood over bark (H), biomass conversion expansion factor (BCEF ), bark

[…]

fraction in harvested wood

[…] (BF), below-ground biomass to above-ground biomass ratio (R), carbon […]

fraction of dry matter (CF)

[…]

and default tables, Section 4.5.

ipcc-nggip.iges.or.jp

Параметр “bf” содержит файл, который [. ..]

клиент должен получить по TFTP; подробности смотрите в Разд. 4.5.4.

debian.org

The “bf” option specifies the […]

file a client should retrieve via TFTP; see Section 4.5.4 for more details.

debian.org

Запросы и бронирования, связанные с Вознаграждениями (включая Вознаграждения от Компаний-партнеров) можно сделать на сайте ba.com или в местном сервисном центре Участника в соответствии с процедурой оформления Вознаграждений, которая может время от времени быть в силе, как указано на сайте ba.com.

britishairways.com

Requests and bookings relating to Rewards (including Service Partner Rewards) may be made online at ba.

com or through the Member’s local service centre in accordance with such procedures that may be in force from time to time for the issue of Rewards, as set out on ba.com.

britishairways.com

В Институте агротехники и животноводства Баварского земельного управления сельского хозяйства вот уже много лет

[…]

используются инкубаторы с принудительной

[…] циркуляцией воздуха серии BF

от BINDER, благодаря […]

которым качество исследований остается

[…]

неизменном высоким.

binder-world.com

At the Institute for Agricultural Engineering and Animal Husbandry at the Bavarian State Research Center for Agriculture,

[. ..]

incubators with mechanical convection of the BF

[…] series from BINDER have supported the consistently […]

high quality of research for many years.

binder-world.com

влажность,W; —коэффициент биоразложения отходов на стадии

[…] полного метаногенеза Bf (зависит от морфологического […]

состава биоразлагаемой части ТБО).

ogbus.com

factor of biodecomposition of waste products at the stage of complete

[…] formation of methane Bf (depends on morphological […]

structure of biodecomposing part of MSW).

ogbus.ru

ogbus. ru

Быстроразъемные

[…] соединения SPH/BA с защитой от […]

утечек при разъединении и быстроразъемные полнопоточные соединения DMR для

[…]

систем охлаждения: масляных систем и систем вода/гликоль.

staubli.com

SPH/BA clean break and DMR full […]

flow quick release couplings for cooling applications such as oil and water glycol connections.

staubli.com

Еще одним из популярных туристических мест в 2010

[…] году будет, согласно BA, Стамбул в Турции.

tourism-review.ru

Among other popular destinations for 2010 will be,

[. ..] according to the BA, Istanbul in Turkey.

tourism-review.com

Компания также поставляет систему шасси для первого в мире гражданского конвертоплана «Tiltrotor»

[…] […] (воздушного судна, оснащённого поворотными несущими винтами): Messier-Bugatti-Dowty поставляет оборудование для BA609 фирмы Bell/Agusta Aerospace, летательного аппарата, сочетающего в себе скорость и дальность самолёта с маневренностью […] […]

вертикально взлетающего вертолёта.

safran.ru

It also supplies the landing gear for the Bell/Agusta Aerospace BA609, the world’s first civilian tilt-rotor aircraft, combining the flexibility of vertical flight with the speed and range of a conventional aircraft.

safran.ru

Рейтинг финансовой устойчивости

[…] «D-» (что отображает Ba3 по BCA оценке) присвоен […]

Ардшининвестбанку как одному из крупнейших

[…]

банков Армении (будучи вторым банком в Армении по величине активов с долей рынка в 12,2% в 2007 году, Ардшининвестбанк в марте 2008 года стал лидером по этому показателю), широкой филиальной сетью, хорошими финансовыми показателями, особенно – растущей рентабельностью, высокой капитализацией и показателями эффективности выше среднего в контексте армянского рынка.

ashib.am

According to Moody’s, ASHIB’s «D-» BFSR — which maps to a Baseline

[…] Credit Assessment of Ba3 – derives from its [. ..]

good franchise as one of Armenia’s largest

[…]

banks (ranking second in terms of assets with a 12.2% market share as at YE2007 — reportedly moving up to first place by March 2008) and good financial metrics, particularly, buoyant profitability, solid capitalisation and above-average efficiency ratios, within the Armenian context.

ashib.am

Хотя

[…] Me.410 превосходил Bf.110 по лётно-техническим […]

характеристикам, прежде всего по скорости и дальности полёта, но всё

[…]

же уступал ему в универсальности применения.

warthunder.com

Although the Me.410 was

[…] superior to the Bf 110 in its performance [. ..]

characteristics, most of all in its speed and flight range,

[…]

it was inferior as far as versatility was concerned.

warthunder.com

Добавить код BF к соответствующим номерам […]

заказов муфт и ниппелей.

staubli.com

Add the code BF to the concerned part-numbers […]

of the sockets and the plugs.

staubli.com

Она весит 13 т и может перевозить до 2 т

[…]

груза с помощью установленного

[…] дизельного двигателя Deutz BF 6L 913 мощностью 160 [. ..]

л.с. или GM 4-53T мощностью 175 л.с. Колеса

[…]

амфибии имеют диаметр 2.96 м и ширину 1.5 м. Скорость на суше 8 км/ч, на воде — 5 км/ч. На палубу амфибии может приземляться небольшой вертолет, а чтобы амфибия не перевернулась от воздушных потоков, создаваемых лопастями вертолета, предусмотрена система 4х якорей, фиксирующих VARF.

trucksplanet.com

Weighing a total of 13 t, 2 t payload, it was powered by a

[…] Deutz BF 6L 913 160 hp or GM 4-53T 175 hp engine […]

with wheels of 2.96 m diameter and

[…]

1.5 m wide. Speed of 8 km / h on land and 5 in water.

trucksplanet.com

Светодиоды «R», «BF«, «FDO» и «FS» не являются [. ..]

элементами системы обеспечения безопасности и не должны использоваться в

[…]

качестве таковых.

download.sew-eurodrive.com

The «R«, «BF», «FDO» and «FS» LEDs are not safety-oriented […]

and may not be used as a safety device.

download.sew-eurodrive.com

Страхование типа «Bf« и «Cf» подготовила EGAP […]

при тесном сотрудничестве с банковским сектором с целью позволить банкам оперативно

[…]

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

egap.cz

The insurance of the types «Bf» and «Cf» has been prepared […]

by EGAP in close cooperation with the banking sector with aim

[…]

of enabling banks to react flexibly to needs of their clients and helping exporters to acquire financial funds for realization of further contracts by selling of their export receivables.

egap.cz

В январе 2009 года, в рамках ежегодного пересмотра кредитных рейтингов, рейтинговой агентство Moody’s

[…]

подтвердило

[…] присвоенный в 2007 году международный кредитный рейтинг на уровне Ba3 / Прогноз «Стабильный» и рейтинг по национальной шкале [. ..]

Aa3.ru, что свидетельствует

[…]

о стабильном финансовом положении ОГК-1.

ogk1.com

In January 2009 as part of annual revising of credit ratings, the international rating agency Moody’s

[…]

confirmed the international

[…] credit rating at the level Ba3 with Stable outlook attributed in 2007 and the national scale rating Aa3.ru, which is […]

an evidence of OGK-1’s stable financial position.

ogk1.com

В нашем

[…] каталоге Вы найдете описание всех преимуществ, технических характеристик и номера деталей соединений SPH/BA.

staubli.com

staubli. com

Discover all the advantages, technical features and part numbers of the SPH/BA couplings in our catalog.

staubli.com

ELSR—M—BF/AF облегченная версия […]

саморегулирующийся нагревательный кабель, включающий внешнюю оболочку, которая безопасна

[…]

для использования с пищевыми продуктами и питьевой водой.

eltherm.com

ELSR-M-BF/AF is the light version […]

of a self-regulating heating cable featuring an outer jacket which is KTW-proofed and

[…]

suitable for use in potable water.

eltherm.com

В 2000 году, проработав около года на должности начальника отдела обслуживания и продаж в подразделении Olympus France, он вернулся в компанию Olympus Medical Systems Europa GmbH в Гамбурге, заняв пост начальника отдела GI/EUS/BF и подразделения маркетинга услуг.

olympus.com.ru

In 2000, after spending about a year as Department Manager, Service & Sales Management with Olympus France, he returned to Olympus Medical Systems Europa GmbH in Hamburg to take on the role of Department Manager GI/EUS/BF and Service Marketing Division.

olympus.it

Выполнен проект по изготовлению пилотных

[…]

образцов портативного мультимедийного проигрывателя, использующего разнообразные

[…] аудиоинтерфейсы, на процессоре Blackfin BF548.

promwad.com

The project for the pilot samples production of the portable

[…]

multimedia players that use different audio interfaces and

[. ..] are based on Blackfin BF548 processor was successfully […]

completed.

promwad.com

Во-вторых,

[…] использовать VAV BF типа низкого шума […]

ветра шасси используется в основном для различных кондиционеры, воздушные

[…]

завесы, отопления и охлаждения, вентилятор и т.д., также могут быть использованы в промышленных и горнодобывающих предприятий, общественных мест, крытый вентиляции.

ru.shyngda.com

Second, use VAV BF type low-noise wind […]

chassis is mainly used for a variety of air conditioning units, air curtain, heating

[. ..]

and cooling fan, etc., can also be used in industrial and mining enterprises, public places, indoor ventilation.

en.shyngda.com

Чтобы привести автомобиль в боевую готовность и показать силу были использованы 3-дюймовые навесы и особые

[…]

колеса матового черного цвета, а также

[…] грязевые шины М/Т BF Goodrich, был добавлен […]

большой передний кенгурятник, ограничительная

[…]

планка и багажник на крыше.

ms-auto.co.jp

To be fully armed and show the impact, 3 inch lift ups and

[…]

special mat black wheel and BF Goodrich

[…] mud terrain tires, large front grill guard [. ..]

and tail guard and roof racks are added.

ms-auto.co.jp

Мы также добавили черные боковые пороги, 2-дюймовый

[…]

навес, эксклюзивные колеса черного цвета и всесезонные

[…] грязевые шины BF Goodrich для придания […]

более неустрашимого вида.

ms-auto.co.jp

We also added black side tube step, 2 inch lift up, exclusive black color

[…] wheel and BF Goodrich mud terrain tire […]

to make it with a look of fearless determination.

ms-auto.co.jp

Поскольку пропорциональная

[…] счетная трубка BF3 будет реагировать [. ..]

только на термальные нейтроны, полиэтиленовый модератор,

[…]

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

ru.flukebiomedical.com

Since the BF3 proportional counter […]

tube will only respond to thermal neutrons, a polyethylene moderator, which slows the

[…]

incident fast neutrons to thermal energies, surrounds the neutron sensitive tube.

flukebiomedical.com

Новая жизнь полосы прокрутки

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

Дело в том, что полоса прокрутки обладает как прямой функциональностью (пользователь перемещается по документу с ее помощью), так и функциональностью навигационной (по виду полосы прокрутки пользователь может определить, в какой области документа он находится). Появление мышей с колесом прокрутки сильно ослабило первую функцию: в большинстве случаев перемещаться по документу с помощью мыши проще и быстрее. Соответственно, ценность полос прокрутки снизилась, хотя и не настолько, чтобы избавиться от них вовсе. В такой ситуации не попытаться выжать из полосы прокрутки максимум возможного, на наш взгляд, является неоправданным расточительством.

Ben Shneiderman. Designing of the User Interface, Third edition. Addison Wesley, 1998, ISBN: 032122325X, стр. 451.

Безусловно, за время существования полосы прокрутки уже предпринимались попытки улучшить ее эргономические характеристики за счет усиления навигационной функции. Но большинство из этих предложений так и осталось на уровне нереализованных теорий. Например, Бен Шнейдерман в своей книге Designing of the User Interface предлагает несколько вариантов видоизменения стандартной полосы прокрутки, направленных на получение дополнительных выгод от ее использования:

Предложенные Шнейдерманом варианты: (а) номер страницы выводится на самом бегунке, (b) бегунок пропорционален размеру просматриваемой области, (с) на полосе прокрутки показываются места закладок, (d) на полосе прокрутки показываются разделы документа и (e) полоса прокрутки с жестко выбранными возможными позициями бегунка.

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

Пространство полосы прокрутки можно использовать не только для стандартной демонстрации размера документа, но и одновременно для символического отображения его содержимого. Естественно, что при небольших размерах полосы прокрутки не получится добиться детального изображения. Тем не менее места достаточно, чтобы можно было идентифицировать фрагменты (например, страницы документа), быстро и целенаправленно переходить к нужной.

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

Приведем примеры решаемых задач при эффективном использовании полосы прокрутки в разных типовых контекстах:

1. Текстовый редактор

Применение дополнительных функций полосы прокрутки в текстовом редакторе упростит работу пользователя со структурой документа, позволит работать быстрее и снизит трудозатраты. Размещенные на полосе прокрутки превью страниц предоставят пользователю:

возможность оперативно перейти к ближайшей странице, содержащей рисунок, таблицу или ориентированной иначе, чем остальные страницы;
возможность быстро просмотреть содержание страницы, не переходя на нее и не теряя времени;
возможность определить местонахождение курсора в данный момент;
возможность быстро определить количество исправлений на каждой странице.

2. Длинные веб-формы

В длинных веб-формах отображение превью страниц на полосе прокрутки также принесет свои выгоды для пользователя.

Во-первых, значки, размещенные на полосе прокрутки, укажут, где именно была допущена ошибка при заполнении формы. Вместо длительной проверки большого объема информации и поиска неточностей пользователь сможет быстро перейти к нужному полю и устранить ошибку.
Во-вторых, пользователь сможет быстро определить местонахождение нужной страницы, увидеть превью всей страницы целиком и составить о ней представление. И так как превью отображает разбивку страницы, то сразу будет видно, где хедер, футер, подзаголовки, иллюстрации и т. д.

3. Поисковые системы

На полосе прокрутки можно отображать местоположение найденных слов в тексте. Это удобно при больших объемах информации. Вместо пролистывания многостраничного текста пользователь сразу видит результаты своего запроса и может быстро найти искомое.

4. Почтовые программы

Использование дополнительных возможностей полосы прокрутки в почтовых программах принесет немало практической пользы и расширит список услуг, предоставляемых пользователям. Например:

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

5. Хранилища файлов

В каталогах файлов полоса прокрутки может отображать принцип сортировки файлов и тем самым помогать быстро находить нужное. Это актуально, тем более что в Windows Explorer уже задана возможность сортировки файлов по некоторым параметрам. Если совместить эту возможность с расширенными функциями полосы прокрутки, то это позволит видеть одновременно набор файлов в разных срезах.

Файлы могут сортироваться по следующим принципам:

По алфавиту, т. е. с помощью букв, расположенных на полосе прокрутки;
По типу файлов. Например, если в списке файлов сначала идут папки, а затем файлы, то часть полосы прокрутки будет желтая, а следом серая. Если необходимо отобразить графические файлы, то можно разместить иконку Windows Picture and Fax Viewer или также использовать цвет, например сине-зеленый; соответственно вордовые файлы отображать голубым и т. д.;
По дате создания, например с помощью цвета, как в почтовых программах;
По размеру. Разный объем файлов можно показать с помощью разных цветов.

6. Музыкальные проигрыватели

Для удобства пользователя в Windows Media Player на полосе прокрутки возможно выделять отдельные эпизоды при проигрывании DVD. Тем более что соответствующая информация присутствует на диске.

7. Графические файлы

Для графических файлов, например в такой популярной программе, как фотошоп, на полосе прокрутки можно отображать отмасштабированную схему картинки, дающую о ней общее впечатление. Это удобно, если в процессе работы приходится сильно увеличивать изображение и появляются горизонтальные и вертикальные прокрутки.

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

Это лишь несколько примеров расширения функциональности полосы прокрутки, немало здесь и возможностей для совершенствования. Умелое использование дополнительных функций полосы прокрутки может стать изюминкой вашего программного продукта, без сомнения, улучшит качество интерфейса и заслужит симпатии пользователей. Все в ваших руках!

Авторы
Иван Бойко, VisualPharm
Александр Белышкин, Екатерина Филатова, Usethics
Иллюстрации – Алексадр Христофоров, VisualPharm

Jetpack Compose | Создание прокрутки

Последнее обновление: 28. 09.2021

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

Прокрутка по горизонтали

Для добавления прокрутки содержимого по горизонтали применяется модификатор Modifier.horizontalScroll:


fun Modifier.horizontalScroll(
    state: ScrollState,
    enabled: Boolean = true,
    flingBehavior: FlingBehavior? = null,
    reverseScrolling: Boolean = false
): Modifier

Параметры модификатора:

state: представляет объект ScrollState и описывает состояние полосы прокрутки
enabled: значение типа Boolean, которое указывает, будет ли прокрутка доступна. По умолчанию имеет значение true
flingBehavior: представляет объект FlingBehavior и описывает поведение при завершении прокрутки. По умолчанию имеет значение ScrollableDefaults.flingBehavior
reverseScrolling: устанавливает направление. При значении true прокрутка идет в обратном направлении. По умолчанию имеет значение false

Применим горизонтальную прокрутку к компоненту Text:


package com.example.helloapp

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.ScrollState
import androidx.compose.foundation.background
import androidx.compose.foundation.horizontalScroll
import androidx.compose.material.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.sp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent{
            Text(
                "What is Lorem Ipsum?\n" +
					"Lorem Ipsum is simply dummy text of the printing and typesetting industry.  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n" +
                    "\n" +
                   "...............",
                fontSize=22.sp,
                modifier = Modifier.background(color= Color.Yellow).horizontalScroll(ScrollState(0))
            )
        }
    }
}

Здесь в модификатор .horizontalScroll(ScrollState(0)) передается объект ScrollState, которые инициализирован числом 0 — это начальное положение полосы прокрутки, а именно 0 пикселей. Соответственно, если мы хотим, чтобы скролл устанавливался на каком-то другом положении, то можно передать другое значение.

Тип rememberScrollState

Хотя мы можем сами определять состояние полосы покрутки с помощью объекта ScrollState, но Jetpack Compose также предлагает встроенную реализацию в виде типа rememberScrollState:


package com.example.helloapp

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.background
import androidx.compose.foundation.horizontalScroll
import androidx.compose.material.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.sp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent{
            Text(
                "What is Lorem Ipsum?\n" +
					"Lorem Ipsum is simply dummy text of the printing and typesetting industry.  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n" +
                    "\n" +
                   "...............",
                fontSize=22.sp,
                modifier = Modifier.background(color= Color.Yellow).horizontalScroll(rememberScrollState())
            )
        }
    }
}

Прокрутка по вертикали

Для добавления прокрутки содержимого по вертикали применяется модификатор Modifier.verticalScroll:


fun Modifier.verticalScroll(
    state: ScrollState,
    enabled: Boolean = true,
    flingBehavior: FlingBehavior? = null,
    reverseScrolling: Boolean = false
): Modifier

Данный модификатор принимает те же значения и работает в приниципе также, как и horizontalScroll, только по вертикали. Применим данный модификатор:


package com.example.helloapp

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.background
import androidx.compose.foundation.verticalScroll
import androidx.compose.material.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.sp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent{
            Text(
                "What is Lorem Ipsum?\n" +
					"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n" +
                    "\n" +
                   "...............",
                fontSize=22.sp,
                modifier = Modifier.background(color= Color.Yellow).verticalScroll(rememberScrollState())
            )
        }
    }
}

Сочетание прокруток по горизонтали и вертикали

Применяя оба модификатора — horizontalScroll() и verticalScroll(), можно совместить прокрутку по горизонтали и вертикали:


Text(
	"What is Lorem Ipsum?\n" +
		"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n" +
        "\n" +
        "...............",
    fontSize=22.sp,
	modifier = Modifier.background(color= Color.Yellow)
                .verticalScroll(rememberScrollState())
                .horizontalScroll(rememberScrollState())
)

НазадСодержаниеВперед

Бесконечная прокрутка

Резюме: Познакомьтесь поближе с достоинствами и недостатками бесконечной прокрутки.

Одностраничные сайты являются одним из основных направлений дизайна. Особенно когда речь идет об одностраничных дизайнах, насыщенных контентом, благодаря методу бесконечной прокрутки, который позволяет дизайнерам продолжать веб-страницу бесконечно.

Этот метод отлично подходит для некоторых типов сайтов и контента, в то время как для других он может быть громоздким и непригодным. Как и любой другой дизайнерский прием, вы не должны использовать его только потому, что хотите попробовать что-то новое. Он должен быть стратегической частью вашего дизайна. Итак, как вы можете решить этот вопрос? Давайте посмотрим на плюсы и минусы веб-сайтов с бесконечной прокруткой.

Что такое бесконечная прокрутка?

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

Поскольку количество одностраничных веб-сайтов растет с каждым днем, важно отличать бесконечную прокрутку от прокрутки с параллаксом.

‍Параллаксная прокрутка — это популярная техника дизайна, при которой фоновые изображения и изображения переднего плана перемещаются с разной «скоростью», создавая иллюзию глубины. Этот метод часто используется на одностраничных веб-сайтах с длинным прокручивающимся контентом. Хотя параллакс-прокрутка не имеет ограничений, большинство дизайнеров ограничиваются несколькими блоками.

‍Бесконечная прокрутка — еще один популярный метод дизайна, который предполагает постоянную загрузку нового контента по мере продвижения пользователя вниз по странице. В результате получается «бесконечный» поток контента, который продолжает расти вместе с действиями пользователя. У него нет отдельной остановки или конечной точки.

Распространенными примерами бесконечной прокрутки в действии являются популярные социальные сети Facebook, Twitter и Pinterest. Каждый из этих сайтов использует эту технику бесконечной прокрутки, чтобы информация постоянно обновлялась, поэтому у сайтов нет конца.

Преимущество в удержании внимания пользователей

Бесконечная прокрутка может может быть отличным инструментом для веб-сайтов, которые хотят удерживать внимание пользователей в течение длительного периода времени. Этот прием распространен на сайтах со списками или часто обновляемым контентом (пример: социальные сети).

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

Недостаток в отсутствии подвала

‍Одна из самых больших проблем с бесконечной прокруткой — отсутствие подвала на многих из этих сайтов. Дизайнеры и разработчики «обучили» пользователей тому, что в конце будет отображаться нижний блок с важными сведениями о веб-сайте, такими как контактная информация или информация о социальных сетях, уведомления о конфиденциальности или безопасности, информация об авторских правах и многое другое.

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

Отлично подходит для мобильных и сенсорных устройств

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

Бесконечная прокрутка — ожидаемый и почти желаемый опыт для этой платформы.

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

Проблемы с навигацией и связью

‍Зная, что большой процент посетителей веб-сайта попадает на сайт не с главной страницы, навигация жизненно важна для удержания этих пользователей. Бесконечная прокрутка может затруднить навигацию.

Где находится навигация? Здесь можно использовать фиксацию. Но как она связана с другим контентом? Какова связь и структура потока на карте сайта? Если все находится на одной гигантской странице, это может быть непросто.

Это также может затруднить создание закладок и перехода между ними.

Зная, что пользователи сохраняют и пропускают информацию, вам необходимо учитывать это при разработке сайта. Одна альтернатива — закодировать «страницы» в технике прокрутки, чтобы информация каким-то образом сгруппировалась.

Преимущества для визуализации

Бесконечная прокрутка предназначена только для визуальных веб-сайтов. Вы можете отображать неограниченное количество изображений в стиле Pinterest.

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

Веб-сайты, которые чаще и лучше всего используют бесконечную прокрутку — это те сайты, которые содержат много визуального контента. Другой распространенный контент — это агрегирование, такое как Tumblr (который также имеет тенденцию быть визуальным) и интернет магазины.

Сложности в отслеживании аналитики

‍Если вы живете аналитикой, бесконечная прокрутка создает большие проблемы. Строка кода Google Analytics может не предоставить всю необходимую информацию. Поэтому могут потребоваться инструменты от сторонних разработчиков.

Это также вызывает проблемы с поисковой оптимизацией. Есть способы решить проблемы с SEO, но вы должны принять это во внимание. У Google есть руководство, как сделать эти приложения доступными для поисковых роботов в наборе инструментов веб-мастера.

Облегчает просмотр

Каждый пользователь знает, как прокручивать. Это так просто.
С некоторыми различными техниками прокрутки на сайтах, которые требуют инструкций, бесконечная прокрутка является одной из самых простых. Перемещайтесь вниз по странице, и на экране появится больше контента. Вам не нужно беспокоиться о том, что пользователи покидают ваш сайт, потому что они не понимают, как он работает.

‍Проблемы со скоростью загрузки и сбоями

‍Иногда бесконечная прокрутка застревает, становиться медленной или просто перестает работать, если пользователи действительно прокручивают страницу бесконечно долго. Она может дать сбой, как и любой другой дизайн сайта.

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

Можно сделать загрузку множества изображений, а затем просить пользователя кликнуть, чтобы увидеть больше. Возможно, сайт прокручивается бесконечно, но на самом деле эта прокрутка представляет собой цикл контента.

‍Открывает дверь для творчества

Бесконечная прокрутка открывает двери для творчества, новых способов подачи информации и демонстрации историй.

Подумайте, как эта техника может работать совместно с вашим контентом и другими частями дизайна вашего сайта. Может ли бесконечная прокрутка работать на одной странице большого веб-сайта? Способна ли она показать уникальный контент в сочетании с другими эффектами? Прежде чем приступить к использованию, подумайте как этот метод поможет вашему контенту.

Все тот же старый дизайн

‍К сожалению, один из самых больших подводных камней бесконечной прокрутки заключается в том, что много сайтов, использующих эту технику, выглядят одинаково. Многие из них имеют очертания, подражающие Pinterest.

Чтобы добиться максимального эффекта, вам нужно создать что-то свое. Использование бесконечной прокрутки, потому что «так делают все», в конечном итоге не принесет вам пользы.

Заключение

‍Использовать или не использовать бесконечную прокрутку в ваших проектах является важным решением. Это модно и весело, и у него есть определенные преимущества, но он также может создавать проблемы для дизайнеров и пользователей. Перед тем, как начать, стоит взвесить все «за» и «против», так что вот краткий обзор:

‍Плюсы

‍‍Удержание внимания пользователей
Отлично подходит для мобильных и сенсорных устройств
Преимущества для визуализации
Облегчает просмотр
Открывает дверь для творчества

‍Минусы

‍‍Отсутствие информативного подвала
Проблемы с навигацией и связью
Сложности в отслеживании аналитики
Время загрузки и сбои
Типичный дизайн

Как должна работать прокрутка? Часть вторая

Илья Бирман

Популярность Виндоуса позволяет считать логику его полос прокрутки стандартной: там она устаканилась и не менялась больше двадцати лет. От версии к версии менялся лишь внешний вид:

Прокрутка
Часть первая
Часть вторая
Часть третья
Часть четвёртая

Кнопки-стрелки прокручивают на одну строку. Они указывают в направлении движения лифта, а не содержания.

Содержимое прокручивается непрерывно в ответ на перемещение лифта мышью. Если «взять» лифт, мышью можно двигать хоть по всему экрану — прокрутка будет работать.

Лифт пропорциональный, но не сжимается меньше квадрата, чтобы было легче попасть.

Клики в шахту над и под лифтом листают постранично вверх и вниз соответственно. Если нажать в шахту и не отпускать, документ пролистается в соответствующем направлении до конца.

О законе Фиттса

Изначально на полосу прокрутки смотрели как на один из элементов экранного интерфейса, вроде кнопки и поля ввода. Как правило, оно работала как элемент управления для перемещения по документу и как индикатор положения в нём. Но в некоторых старых интерфейсах можно даже встретить её вместо слайдера:

Настройка рабочего стола Виндоуса 3. 1, 1990

Однако со временем прокрутка обрела новое качество. Оказалось, что прокрутка — способ взаимодействия по важности сравнимый с кликом.

И человек изобрёл колесо:

Микрософт Интеллимаус, 1996

Колесо управляло движением лифта в полосе прокрутки. При движении вверх содержимое прокручивалось вниз.

Благодаря колесу люди стали всё реже использовать полосы прокрутки для прокрутки, однако на их дизайн это почти не влияло.

Пока в 2007 году Эпл не представил Айфон. Классические полосы прокрутки были совершенно непригодны для управления пальцем. А из-за маленького экрана прокрутка на Айфоне использовалась повсеместно. Как она работала? Стив Джобс «просто брал палец — и прокручивал»:

В 2000-х в Эпле придумали двухпальцевую прокрутку на трекпадах.

Для прокрутки стала использоваться вся площадь экрана — отпала необходимость прицеливания:

Страница прокручивается за любое место. Индикатор положения — справа сверху

А благодаря мгновенности, непрерывности и физичности (инерции, пружинистости) обратной связи у человека появилось ощущение непосредственного взаимодействия. Прокрутка никогда раньше не была такой приятной и естественной.

У полосы прокрутки осталась лишь задача индикации положения в прокручиваемой области. Поэтому в Айфоне избавились от стрелок и шахт вовсе, оставив только тоненькие лифты — Эпл назвал их «скроллерами». Скроллеры появляются только во время прокрутки прямо поверх прокручиваемого содержимого. Это позволило не выделять на них дополнительное место.

«Скроллеры» вместо классических полос прокрутки стали стандартом Мака к 2011 году. Тогда же на Мак пришли инерция и пружинистость. А спустя несколько лет появилась и возможность изменить направление прокрутки с обратного на прямое, чтобы управлять движением содержимого, а не лифта — как на Айфоне.

О мгновенной, непрерывной, физичной обратной связи

Продолжение

Андрей Лось
2 ноября 2016

Несмотря на то, что мыши с колесом появились в середине девяностых, до сих пор скроллбары весьма популярны, а многие даже не догадываются о том, что с помощью колеса можно скроллить.

В 2010 году (то есть спустя 15 лет после появления на рынке мышей с колесом) Mozilla исследовала, как пользуются интерфейсом браузера Firefox, и в итоге получила такую тепловую карту, где скроллбар — второй по популярности элемент интерфейса:
http://heatmap.mozillalabs.com/

Позже, году в 2013, при работе над крупным массовым сервисом, мы тоже получали статистику, косвенно подтверждающую, что очень многие для скролла пользуются именно скроллбарами (скачкообразные перемещения по странице вместо плавной прокрутки).

Далеко не все ноутбуки под Windows были оснащены нормальным тачпадами с двухпальцевым скроллом. Иногда рядом с тачпадом ещё располагались специальные полосы для прокрутки (довольно неудобные для использования, поэтому всё равно приходилось таскать скроллбар): http://www.laptopmag.com/…/acer/aceraspire3935_touchpad_sf.jpg (http://www.laptopmag.com/uploadedimages/review/laptops/2009/acer/aceraspire3935_touchpad_sf.jpg)

Интересно, что на Mac OS сейчас по умолчанию скроллбары отключены, если есть тачпад. Но при подключении мыши, скроллбары появляются во всей системе, несмотря на то, что вряд ли сейчас можно встретить мышь без колеса.

Есть мелкие обсуждения темы скроллбаров, где участники дискуссии также утверждают, что проводили исследования и ко всеобщему удивлению выяснилось, что скроллбары всё ещё очень популярны:
https://www.quora.com/…by-clicking-and-dragging-scrollbars (https://www.quora.com/As-of-2014-how-many-people-still-scroll-by-clicking-and-dragging-scrollbars)

Причём, зачастую один и тот же человек может пользоваться и тем и другим способом прокрутки: в зависимости от того, какой объем информации он хочет проскроллить.

Этот комментарий не противоречит написанному в совете, он призван уточнить фразу: «Благодаря колесу люди стали всё реже использовать полосы прокрутки для прокрутки, однако на их дизайн это почти не влияло».

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

Как убрать полосу прокрутки в любом браузере [ОБЗОР]

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

Этот рудимент кочует по версиям и программам от разных производителей многие годы, практически без изменений, а ведь его можно легко и быстро скрыть или сделать современным, практичным, удобным, оригинальным…

Содержание:

Скрываем полосу прокрутки в популярных браузерах

Ниже расскажу и покажу, как убрать полосу прокрутки в любом браузере.

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

Данный материал категорически не рекомендуется владельцам компьютерных мышек без колёсика или сенсорного элемента для скролла, а также просто любителям постоянно теребить курсором ползунок прокрутки интернет-страницы.

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

Как убрать полосу прокрутки в Mozilla Firefox

Данный способ применим к абсолютно всем клонам этого, когда-то очень популярного и удобного обозревателя сети.

К сожалению, скрытие полосы прокрутки в нём возможно только с помощью дополнений и исключительно полностью (если ошибаюсь — поправьте меня в комментариях).

Идём в дополнения Mozilla Firefox…

…

…и в поисковую строку открывшейся страницы…

…вбиваем (копи-пастим со строки ниже) название дополнения для скрытия вертикальной полосы прокрутки в Mozilla Firefox…

hide-scrollbars

Тыкаем «Enter» на любимой клавиатуре и получаем результат поиска в фирменном магазине дополнений…

Как видите, наша цель на первом месте, но дополнение «Scrolantana» абсолютно идентично «hide-scrollbars» — точно также полностью убирает полосу прокрутки с наших глаз.

Каким воспользоваться — решайте сами (устанавливал их оба, но почему-то остановился на первом, как и 1279 пользователей).

Теперь в Вашем браузере Mozilla Firefox (и во всех его клонах) совсем нет вертикальной полосы прокрутки справа и рабочее пространство на капельку увеличилось (мелочь, а приятно)…

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

Как убрать полосу прокрутки в Google Chrome

Гораздо интереснее получается история с полосой прокрутки в самом популярном и производительном (на данный момент времени) браузере — каких-либо расширений или плагинов для скрытия этого дела не нужно в нём задействовать.

Более того, ползунок скроллбара в Хроме не просто скрывается на постоянной основе, как у менее продвинутого коллеги, а приобретает вид тонкой и стильной полоски при движении страницы, которая расширяется при наведении курсора на неё.

Полностью исчезает полоса прокрутки в Google Chrome лишь при остановке страницы в одном положении.

Не знаю, поняли моё описание выше или нет, но точно Вам понравится современный и практичный вид обновлённого с помощью встроенной скрытой функции древнего элемента интерфейса. Это из разряда «словами не передать — надо видеть».

Все подражатели (клоны), которым не счесть числа, обозревателя от корпорации Google (точнее, которые на одном с ним движке работают) имеют встроенную возможность (экспериментальную функцию) для изменения ~~вида~~ самой идеологии многократно упомянутой выше полоски, что справа живёт в окне браузера.

Описанный ниже способ скрытия абсолютно лишнего элемента интерфейса в данном обозревателе (и ему подобным) уже не работает (нет пункта в скрытых настройках), но есть расширение Minimal Scrollbar, которое поможет Вам с этим делом, даже в новом Microsoft Edge.

Всё очень легко и просто — печатаем адрес в (омнибокс) адресную строку (копируем и вставляем из строки ниже)…

chrome://flags/

…и тыкаем «Enter» на клавиатуре — попадаем в секретный раздел браузера Google Chrome, в котором нужно воспользоваться поисковой строкой…

Прописываем в неё (копируем и вставляем из строки ниже) такой параметр…

Overlay Scrollbars

…и сразу (без тыканья кнопок на клавиатуре) получаем результат…

Активируем первый пункт…

…и применяем изменения (перезапускаем обозреватель)…

Слышу восхищённые возгласы и хлопки в ладоши — значит не зря тыкал эти буковки на клавиатуре сегодня. Рад, что Вам понравилась обновлённая фишка браузера от «корпорации добра», которая теперь выглядит стильно и модно, при этом освобождает несколько пикселей в окне программы для полезного контента.

Как писал выше — почитатели и пользователи обозревателей Opera и Яндекс.Браузера точно таким же методом могут осовременить свою полосу прокрутки.

Что касается самого распространённого… средства для скачивания нормальных браузеров под названием Microsoft Edge, то вполне ожидаемо скрыть или вообще, что-либо сделать с данным элементом интерфейса в нём невозможно (может ситуация изменится с официальным выходом в свет версии программы на базе Chromium).

Краткий итог

В своём стандартном виде полоса прокрутки в любом браузере имеет печальный старинный вид и требует скрытия (модификации).
Убрать полосу прокрутки в Mozilla Firefox полностью можно с помощью дополнений «hide-scrollbars» или «Scrolantana».
Модифицировать и заметно осовременить скроллбар в Google Chrome можно с помощью экспериментальной функции «Overlay Scrollbars».
Microsoft Edge в топку!

До новых полезных компьютерных программ и интересных приложений для Андроид.

P.S. Какой лихой был в конце 2019-го года, а теперь вот «плотно сижу» уже на новеньком Microsoft Edge (как все быстро меняется «в нашем мире бушующем…». 🙂

Кстати, ему тоже подходит для описанной в статье цели расширение Minimal Scrollbar.

ПОЛЕЗНОЕ ВИДЕО

…

Уверенный пользователь трех домашних ПК с многолетним опытом, «компьютерщик» для всех родственников, соседей и знакомых, в течении 12-ти лет автор более тысячи обзоров интересных и полезных программ для компьютера на собственном софтовом блоге OptimaKomp.RU

Я только обозреваю программы!

Любые претензии — к их производителям!

Все комментарии проходят модерацию

Свиток Определение и значение | Dictionary.com

Основные определения
Викторина
Связанный контент
Примеры
Британский

Показывает уровень оценки в зависимости от сложности слова.

[ scrohl ]

/ scroʊl /

Сохрани это слово!

См. синонимы для: прокрутка / прокрутка / прокрутка / прокрутка на Thesaurus.com

Показывает уровень оценки в зависимости от сложности слова.

Определение свитка

существительное

свиток пергамента, бумаги, меди или другого материала, особенно с письменами: свиток, содержащий весь Ветхий Завет.

нечто, особенно украшение, напоминающее частично развернутый лист бумаги или имеющее спиральную или скрученную форму.

список, список, реестр или расписание.

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

изогнутая головка скрипки или другого смычкового инструмента.

заметка, сообщение или другой текст.

глагол (используется с дополнением)

разрезать изогнутую форму с помощью пилы с узким лезвием.

Компьютеры. для перемещения (текста) вверх, вниз или по экрану дисплея, при этом новый текст появляется на экране, а старый текст исчезает.

глагол (используется без дополнения)

Компьютеры. для перемещения текста по вертикали или горизонтали на экране дисплея при поиске определенного раздела, строки и т. д.

ВИКТОРИНА

Сыграем ли мы «ДОЛЖЕН» ПРОТИВ. «ДОЛЖЕН» ВЫЗОВ?

Должны ли вы пройти этот тест на «должен» или «должен»? Это должно оказаться быстрым вызовом!

Вопрос 1 из 6

Какая форма используется для указания обязательства или обязанности кого-либо?

Начало прокрутки

1350–1400; среднеанглийские росчерки; смесь слова scrow, афетический вариант слов escrow и rowleroll

ДРУГИЕ СЛОВА ОТ Scroll

подобный свитку, прилагательное

Слова рядом с прокруткой

золотуха, скрофулодерма, скрофулез, скрог, скроггин, свиток, прокрутка, ножка прокрутки, головка прокрутки, пила прокрутки, прокрутка

Слова, относящиеся к свитку

рукопись, растяжка, документ, бумага, пергамент, писание, список, папирус, свиток, расписание, каракули, спираль, письмо

Как использовать прокрутку в предложении

Сосредоточив внимание на частоте кликов и прокрутки, вы можете увидеть процент посетителей, которые уходят, не увидев содержимое шторки внизу страницы.
Три необычных метода 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 г. на всем вашем устройстве.
Путеводитель по праздничным подаркам 2014 года от The Daily Beast: для Ричарда Хендрикса в вашей жизни|Эллисон МакНирни|29 ноября 2014 г.|DAILY BEAST они его развернули.
Множество жизней художника Дэвида Хокни|Уильям О’Коннор|23 ноября 2014 г.|DAILY BEAST
И если вы прокрутите весь список Мидаса вниз, некоторые заметные тенденции начнут проявляться.
Нам нужно поговорить о расизме Кремниевой долины|Саманта Аллен|22 августа 2014 г.|DAILY BEAST
Я смог пролистать свою ленту и не прочитал ничего, кроме твитов о Фергюсоне.
Настоящий Кошмар Фергюсона|Джеймс Пулос|15 августа 2014|DAILY BEAST
На его ребрах начертано одиночное ружье, воткнутое в грязь, с именами, перечисленными на свитке — его мертвые друзья.
Ностальгия по войне приводит ветеранов в такие места, как Сирия. Один пропал там.|Эллиот Акерман|3 мая 2014|DAILY BEAST
Пока они смотрели, они увидели, что его крыша подхватила и отлетела, как будто это был свиток бумаги.
Великан Севера|Р.М. Баллантайн
Он знал своего двоюродного брата, и у него было ощущение, что перед его глазами висит сверкающий свиток судьбы.
Предки|Гертруда Атертон
Из частей, в которые молодому помощнику Николаса Амати было позволено придать свою индивидуальность, бросается в глаза свиток.
Антонио Страдивари|Гораций Уильям Петерик
Все детали резьбы на свитках Страдивари того периода являются чудесами механической ловкости обращения.
Антонио Страдивари|Гораций Уильям Петерик
Здесь он изображен сидящим на курульном стуле, в римской тоге и держащим в руке наполовину раскрытый свиток.
The Catacombs of Rome|William Henry Withrow

British Dictionary definitions for scroll

scroll

/ (skrəʊl) /

noun

a roll of parchment, paper, etc, usually inscribed with writing

древняя книга в виде свитка пергамента, папируса и т. д.

декоративная резьба или молдинг в виде свитка
(в качестве модификатора)пила для свитков
(в комбинации)свиток

глагол

(tr) распиливать на свитки

90 свиток14 вычисления для перемещения (текста) справа налево или вверх и вниз на экране для просмотра текста, который не может содержаться в одном отображаемом изображении

Word Origin для прокрутки

C15 scroule, от scrowe, от старофранцузского escroe scrap пергамента, но также под влиянием рулона

Английский словарь Коллинза — полное и полное цифровое издание 2012 г. © William Collins Sons & Co. Ltd., 1979, 1986 © HarperCollins Publishers 1998, 2000, 2003, 2005, 2006, 2007, 2009, 2012

Синонимы прокрутки: 15 синонимов и антонимов для прокрутки

См. Определение Scroll на словаре.com

Noun 4
Noun 49929 2
Noun 424
Noun 4244
NOUN 4244. рукопись
имя существительное свиток
synonyms for scroll
manuscript
document
paper
parchment
scripture
See also synonyms for: scrolls
streamer
document
list
papyrus
parchment
рулон
график
каракули
спираль
письмо
Тезаурус 21-го века Роже, третье издание Copyright © 2013 by Philip Lief Group.
ПОПРОБУЙТЕ ИСПОЛЬЗОВАТЬ прокрутку
Посмотрите, как выглядит ваше предложение с разными синонимами.
Символы: 0/140
ВИКТОРИНА
Будьте смелее и примите участие в викторине «Слово дня»!
НАЧНИТЕ ТЕСТ
Как использовать прокрутку в предложении
Сосредоточив внимание на частоте кликов и прокрутки, вы можете увидеть процент посетителей, которые исчезают, прежде чем увидеть содержимое шторки внизу страницы.
ТРИ НЕОБЫЧНЫХ МЕТОДА SEO-АНАЛИЗА НА СТРАНИЦЕ (КОТОРЫЕ ДВИГАЮТ ИГЛУ)МЭТТ КЕЙЛЕСС1 ОКТЯБРЯ 2020 г.SEARCH ENGINE WATCH
Каждый конец приварен из железа в виде классического спирального узора и может вместить три винные бутылки.
ДЕРЖАТЕЛИ ДЛЯ ВИННЫХ БУТЫЛОК И СТЕЛЛАЖИ, КОТОРЫЕ ДЕЛАЮТ ИЗЫСКАННЫЕ ПОДАРКИ КОМАНДЫ КОММЕРЦИИ POPSCI 29 сентября 2020 г. фигура.
ВЕТЕРАН, ГЕРОЙ ВОЙНЫ, ПОДСУДИМЫЙ, ТРОЛЛБИ ДЖЕРЕМИ ШВАРЦ И ПЕРЛА ТРЕВИЗОС 29 СЕНТЯБРЯ, 2020PROPUBLICA
Термостат Nest, скорее всего, подошел бы под это описание, поскольку у него нет сенсорного экрана, а вместо этого используется вращающееся колесо прокрутки, которое служит внешним корпусом термостата.
НОВЫЙ ТЕРМОСТАТ GOOGLE NEST ПРЕДСТАВЛЯЕТ СОБОЙ FCC, ВОЗМОЖНО С КОНТРОЛЛЕРОМ ВОЗДУШНЫХ ЖЕСТОВRON AMADE 11 СЕНТЯБРЯ 2020 ГОДАARS TECHNICA
В прогнозе есть еще что-то, и, без сомнения, в 2020 году, так что пристегнитесь и пролистайте!
КАК МЫ СОЗДАЛИ ВНЕШНИЙ ВИД НАШЕГО ПРОГНОЗА ВИДЕРКЕРА 2020 ([email protected])13 августа 2020 г. FIVETHIRTYEIGHT
Например, на сайте Decode используется «карточная система» и горизонтальная прокрутка.
«ДАВАЙТЕ ВЫПУСТИМ ЭТО В МИРЕ»: ПОЧЕМУ КОД И ТЕОРИЯ СОЗДАЮТ СВОЮ СОБСТВЕННУЮ МЫСЛЬ ЛИДЕРСТВО ПУБЛИКАЦИЯ, DECODKRISTINA MONLLOSAUGUST 6, 2020DIGIDAY
Пока они смотрели, они увидели, что крыша подхватилась и отлетела, как будто она была свиток бумаги.
ВЕГАН СЕВЕРА.М. БАЛЛАНТАЙН
Он знал своего двоюродного брата, и у него было ощущение, что перед его глазами висит сверкающий свиток судьбы.
ANCESTORSGERTRUDE ATHERTON
Из частей, которые молодой помощник Николя Амати позволил придать своей индивидуальности, заметно выделяется свиток.
ANTONIO STRADIVARIHORACE WILLIAM PETHERICK
Все детали резьбы на свитках Страдивари того периода являются чудесами механической ловкости обращения.
АНТОНИО СТРАДИВАРИОРАС УИЛЬЯМ ПЕТЕРИК
СЛОВА, ОТНОСЯЩИЕСЯ К СВИТКУ
Библия
альбом
atlas
bestseller
booklet
brochure
codex
compendium
copy
dictionary
dissertation
edition
encyclopedia
essay
fiction
folio
handbook
hardcover
брошюра
лексикон
журнал
руководство
монография
документальная литература
novel
octavo
offprint
omnibus
opus
opuscule
pamphlet
paperback
periodical
portfolio
preprint
primer
publication
quarto
reader
reprint
рулон
свиток
мягкая обложка
правописание
текст
учебник
тезаурус
tome
tract
treatise
vade mecum
volume
work
writing
bight
braid
circle
convolution
corkscrew
curlicue
gyration
helix
инволюция
внахлест
петля
кольцо
рулон
спираль
спираль
усик
turn
twine
twirl
twist
whorl
wind
convolute
convolve
corkscrew
fold
intertwine
intervolve
lap
loop
make serpentine
поворот
прокрутка
извилистый
змейка
спираль
шпиль
поворот
шпагат
twist
wind
wrap around
wreathe
writhe
appliqué
arabesque
bauble
braid
color
curlicue
design
dingbat
doodad
extravagance
веер
гирлянда
филигрань
украшение
оборка
росчерк
лепнина
frill
frippery
furbelow
fuss
garbage
garnish
garniture
gewgaws
gilt
gimcracks
gingerbread
inlay
lace
ornament
parquetry
plaque
лента
свиток
пайетки
блестки
штучки
мишура
инструменты
trimming
trinket
wreath
badge
colophon
crest
design
ensign
figure
insignia
logo
motif
motto
pattern
scroll
sign
слоган
жетон
аккаунт
повестка
архив
расстановка
бюллетень
bill
brief
bulletin
calendar
canon
catalog
catalogue
census
checklist
contents
dictionary
directory
docket
draft
enumeration
file
бюллетень
индекс
опись
счет-фактура
лексикон
список
список
loop
manifest
memorandum
menu
outline
panel
poll
program
prospectus
register
roll
roll call
row
schedule
screed
scroll
серия
планшет
статистика
учебный план
таблица
подсчет
тезаурус
билет
расписание
словарный запас
Тезаурус 21 века Роже, третье издание Copyright © 2013, Philip Lief Group.
Дизайн прокрутки, темы, шаблоны и загружаемые графические элементы на Dribbble
Просмотр веб-дизайна и взаимодействия Happysad
Happysad Веб-дизайн и взаимодействие
Посмотреть минимальные товары
Минимальные товары
Просмотр взаимодействия с радиальной полосой прокрутки
Взаимодействие с радиальной полосой прокрутки
Посмотреть временной интервал
Временной интервал
Просмотр прокрутки писем
Прокрутка букв
Посмотреть
Estliving
Посмотреть анимацию целевой страницы Askall 💬
Анимация целевой страницы Askall 💬
Просмотр от работ к отдельному проекту
От работ к отдельному проекту
Посмотреть в прямом эфире — Atypikal. co
ЖИВОЙ — Atypikal.co
Посмотреть стартовую страницу Framer
Стартовая страница Framer
Вью Дунбег — гольф-клуб
Дунбег — гольф-клуб
Посмотреть мобильное портфолио © 2022
Мобильное портфолио © 2022
Посмотреть целевую страницу
Целевая страница
Посмотреть журнал Slanted Magazine — Статья
Наклонный магазин — Артикул
Посмотреть дизайн лендинга Qoorio
Конструкция посадки Qoorio
Просмотр взаимодействий с веб-сайтом Mayple
Взаимодействие с веб-сайтом Mayple
Посмотреть обзор Портфолио © 2022
Обзор Портфолио © 2022
Просмотр диагональной прокрутки
Прокрутка по диагонали
Просмотр DeepMedia. ai
DeepMedia.ai
Посмотреть серебряную и золотую ленту
Корм для серебра и золота
Посмотреть Пол и Генриетта — 003
Пол и Генриетта — 003
Просмотр внутри прокрутки главной страницы
внутри прокрутки главной страницы
Просмотр внутренней прокрутки страницы
внутри прокрутки внутренней страницы
Посмотреть анимацию целевой страницы Upstrack
Анимация целевой страницы Upstrack
Зарегистрируйтесь, чтобы продолжить или войдите
Идет загрузка еще…
Свиток Гандхары | Библиотека Конгресса
[ Оцифрованный свиток: ]
Об этом изделии
Заголовок
Свиток Гандхары
Резюме
«Древнее королевство Гандхара (сегодняшние Афганистан и Пакистан) является источником древнейших буддийских рукописей в мире, а также древнейших существующих рукописей из Южной Азии. Приобретенный в 2003 году свиток Гандхары, хранящийся в библиотеке, примерно датируется первым веком до н.э. и первый век н.э. Его язык — гандхари, производное от санскрита, а письмо называется кхароштхи. Ученые неофициально называют этот свиток Бахубуддха-сутрой, или «Сутрой многих будд», потому что он напоминает текст с похожим названием. на санскрите. В свитке обсуждается жизнь пятнадцати будд. Текст рассказан Буддой Шакьямуни, который дает очень краткие биографии тринадцати будд, предшествовавших ему, за которыми последовало его рождение и появление в качестве Будды Шакьямуни, и заканчивая предсказанием будущего. Будда, Майтрейя.Биографии содержат другую информацию, например, как долго прожил каждый будда, как каждый из них предсказал возможное появление Будды Шакьямуни, какой социальный класс заднице, в которой родился будда, и как долго сохранялись его учения», — предоставлено сотрудниками Азиатского отдела Библиотеки Конгресса.
Содержит информацию о параллельных жизнях пятнадцати будд: Дипанкары, Сарвабхибху, Падмоттары, Атьюччамина, Яшоттары, Шакьямуни [I], Тишьи, Випашьина, Шикхина, Вишвабху, Кракуччанды, Конакамуни, Кашьяпы, Шакьямуни [II] (также известного как , и Майтрейя. Свиток содержит предсказания будд о будущем приходе Шакьямуни в образе Будды; его четыре курса обучения под руководством других будд; продолжительность их жизни; эоны, в которых они жили; социальный класс, в котором они родились; их собрания учеников; и продолжительность их обучения.
Имена участников
Коллекция редких книг Южной Азии (Библиотека Конгресса)
Создано/опубликовано
[Гандхара]: [производитель не указан], [приблизительно 1 век до н. э. — примерно 1 век н.э.]
Тематические заголовки
— Будды — ранние работы до 1800 г.
— Рукописи, Хароштхи — Вашингтон (округ Колумбия)
— Рукописи, Prakrit — Вашингтон (округ Колумбия)
Заметки
— Рукопись состоит из шести крупных фрагментов и примерно 130 фрагментов меньшего размера; в основном полный с отсутствием самого начала и конца. Фрагменты хранятся плоскими в двух изготовленных на заказ коробках-раскладушках размером 73,5 х 45 х 7,8 см. Одна коробка содержит шесть больших фрагментов, а другая коробка содержит более мелкие фрагменты.
— Этот свиток на бересте происходит из древнего буддийского региона Гандхара (сегодня Пакистан и Афганистан) и является одним из старейших известных буддийских манускриптов. Он написан на языке гандхари-пракрит шрифтом кхароштхи, который читается сверху вниз и справа налево. Поскольку свиток содержит записи с обеих сторон, писец перевернул свиток вертикально, чтобы продолжить писать на оборотной стороне.
— Название разработано каталогизатором.
— Оцифрованные изображения этой рукописи отражают количество, ориентацию и порядок фрагментов при ее развертывании и хранении в стеклянной оболочке. На изображении лицевой стороны шести больших фрагментов три самых маленьких фрагмента должны быть повернуты на 180 градусов, чтобы прочитать свиток.
— Описано в: Крюгер, Холли Х. «Сохранение свитка Гандхары Библиотеки Конгресса: совместный процесс». Ежегодник The Book and Paper Group, 27 (2008 г.).
— Описано в: Саломон, Ричард. «Один Будда, 15 Будд, 1000 Будд». Записано 15 ноября 2018 года в Библиотеке Конгресса. Продолжительность: 75 минут.
Середина
1 свиток.
Номер телефона/физическое местоположение
BQ4670 .G36
Цифровой идентификатор
https://hdl. loc.gov/loc.asian/asianscd.2018305008
Контрольный номер Библиотеки Конгресса
2018305008
Консультант по правам
Creative Commons Public Doman Mark 1.0 Нет авторских прав https://creativecommons.org/publicdomain/mark/1.0/ Внешний
Рекомендации по доступу
Ограниченный доступ; материал чрезвычайно хрупкий; пожалуйста, используйте онлайн цифровое изображение.
Онлайн формат
изображение
Постоянная ссылка LCCN
https://lccn.loc.gov/2018305008
Дополнительные форматы метаданных
MARCXML-запись
МОДС Запись
Дублинская основная запись
Манифест презентации IIIF
Манифест (JSON/LD)
Права и доступ
Подробнее об авторских правах и других ограничениях
Ссылаясь на первоисточники.
Процитировать этот товар
Цитаты генерируются автоматически из библиографических данных, как для удобства и может быть неполным или точным.
Чикагский стиль цитирования:
Коллекция редких книг Южной Азии. Свиток Гандхары . [Гандхара: производитель не указан, примерно 1 век до н.э. — примерно 1 век н.э.] Рукопись/Смешанный материал. https://www.loc.gov/item/2018305008/.
Стиль цитирования APA:
Коллекция редких книг Южной Азии. Свиток Гандхары . [Гандхара: производитель не идентифицирован, примерно 1 век до н.э. — примерно 1 век н.э.] [Рукопись/Смешанный материал] Получено из Библиотеки Конгресса, https://www.loc.gov/item/2018305008/.
Стиль цитирования MLA:
Коллекция редких книг Южной Азии. Свиток Гандхары . [Гандхара: производитель не указан, примерно 1 век до н.э. — примерно 1 век н.э.] Рукопись/Смешанный материал. Получено из Библиотеки Конгресса, loc.gov/item/2018305008/>.
Perfect Infinite Scroll UX — Smashing Magazine
14 минут чтения
UX, Шаблоны проектирования
Поделиться в Twitter, LinkedIn
Об авторе
Виталий Фридман любит красивый контент и не любит легко сдаваться. Когда он не пишет, он, скорее всего, занимается интерфейсом и UX… Больше о Виталий ↬
Бесконечная прокрутка может быть хорошо спроектирована. Лучшие практики и рекомендации по улучшению UX бесконечной прокрутки с закладками, отображением нижнего колонтитула и нумерацией страниц.
Мы все были там. У вас может быть длинный список результатов поиска, продуктов, заказов или записей данных. Конечно, у вас уже есть всевозможные фильтры, сортировка и поиск. Однако вам также необходимо помочь клиентам исследовать соответствующие записи , а для этого вам необходимо поддерживать и ускорять просмотр записей.
Ваш природный дизайнерский инстинкт может поначалу подсказывать вам оставаться верным старому доброму пагинации. Тем не менее, прежде чем вы это узнаете, вы можете начать задаваться вопросом, бесконечная прокрутка может быть хорошим вариантом для рассмотрения, учитывая ваш уникальный вариант использования. Так является ли бесконечная прокрутка хорошей идеей? Что ж, у всех нас есть твердые мнения о бесконечной прокрутке, и обычно не очень хорошие. На это есть ряд веских причин.
Эта статья является частью нашей продолжающейся серии статей о шаблонах проектирования. Это также является частью предстоящего 4-недельного живого обучения UX 🍣 и скоро будет в нашем недавно выпущенном видеокурсе.
Проблемы с бесконечной прокруткой хорошо известны. Наиболее очевидным из них является огромное количество опций на странице, часто 9.0224 слишком громоздкий и слишком сложный в управлении. Это действительно похоже на утопление в информационной бездне, которой не видно конца. Неудивительно, что как только количество отображаемых параметров выходит за пределы комфортного диапазона, большое количество пользователей вообще покидают страницу в ответ на это.
Кроме того, мы не можем контролировать, когда и сколько элементов появляется в прокрутке. Точно так же нет простого способа навигации между «старыми» и «новыми» сегментами бесконечной прокрутки, поскольку все они попадают в один и тот же поток элементов. Когда вы прокручиваете несколько элементов вверх и вниз, трудно сразу увидеть, что мы уже видели, а что еще не видели, если только мы тщательно не просматриваем несколько последних элементов пару раз.
Пагинация против бесконечной прокрутки. Старая дискуссия без явного победителя. Изображение предоставлено: Yogev Ahuvia (Большой предварительный просмотр)
Иногда URL-адрес в адресной строке меняется при прокрутке, но чаще это не так, и нам приходится начинать все сначала, если мы хотим продолжить просмотр позже. И если мы хотим отправить URL-адрес себе или своим близким, чтобы сразу изучить определенный набор элементов, это обычно болезненно, поскольку мы не можем добавить в закладки местоположение в списке.
Если мы хотим, чтобы достигла нижнего колонтитула , каждый раз, когда мы прокручиваем, нам нужно прокручивать немного быстрее, чтобы получить чудесный шанс достичь нижнего колонтитула до того, как появится новый поток элементов. вызов прокрутки, одновременно нажимая Esc — чтобы отменить бесконечную прокрутку как раз вовремя. ( Обычно безуспешно. )
Вдобавок ко всему, бесконечная прокрутка ломает полосу прокрутки, так как ожидания пользователя относительно длины страницы должны перекалибровываться при каждой прокрутке. Полоса прокрутки обещание о том, насколько длинной на самом деле является страница, но с новыми загруженными элементами обещание всегда ошибочно. Не говоря уже о 90 224 проблемах доступности 90 225 надлежащего объявления недавно загруженных элементов программам чтения с экрана, а также 90 224 проблемах производительности 90 225 при прерывистом соединении.
Все перечисленные выше проблемы всего лишь плохое удобство использования . Поэтому неудивительно, что мы часто игнорируем бесконечную прокрутку как модную технику, которая создает больше проблем, чем решений. И неудивительно, что мы, как дизайнеры, вместо этого склонны использовать другие варианты: нумерацию страниц и кнопки «загрузить еще».
Мы можем избежать всех проблем с бесконечной прокруткой, вернувшись к обычному подозреваемому: pagination . И у него много преимуществ. С ним у пользователя всегда есть четкое начало и чистый конец . Когда пользователи заканчивают страницу и переходят к следующей, появляется очень четкий «отрезок» того, что уже было и что еще не было просмотрено, а также ощущение завершенности во время этой навигации.
Возможно, немного старомодно, но очень надежно: нумерация страниц на Thinkific.com. (большой превью)
Кроме того, существует чувство контроля того, сколько данных отображается на данной странице (обычно с элементами управления для изменения количества элементов на странице), URL-адрес отличается для каждой страницы, нижний колонтитул легко доступен и опциями, появляющимися на страницах, легче управлять.
К сожалению, в юзабилити-тестах разбиение на страницы иногда вообще не работает . Это гораздо более предсказуемо и проще в управлении, но также намного медленнее по сравнению с бесконечной прокруткой, поэтому пользователи часто просматривают значительно меньше и часто чувствуют себя «замедленными». Кажется, что на первые несколько страниц тратится больше времени, и в это время чаще используются фильтры и сортировка, но по сравнению с бесконечной прокруткой они просматривают меньше элементов в целом и часто менее вовлечены.
Если мы хотим сохранить преимущества нумерации страниц, но не перегружать пользователей бесконечной прокруткой, мы можем вместо этого использовать шаблон «Загрузить еще» . С его помощью, когда пользователи начнут прокручивать страницу, в конечном итоге они смогут выбрать загрузку большего количества элементов при касании или при щелчке. В некоторых реализациях, когда пользователи начинают прокручивать вниз, сначала автоматически появляются дополнительные элементы, но затем появляется кнопка «Загрузить еще», когда достигается определенный порог.
Шаблон «Загрузить больше» используется на Crutchfield. При первых нескольких прокрутках новые элементы появляются автоматически. Кнопка «Загрузить еще» начинает появляться только тогда, когда пользователь достигает 58 элементов. (большой превью)
Например, мы можем отобразить 10–30 продуктов при начальной загрузке страницы (10 на мобильных устройствах, 30 на настольных компьютерах). Когда пользователь достигает конца списка, мы можем использовать автоматическое получение следующих 10–30 продуктов. Когда пользователь достигает 30–70 элементов, мы переключаемся на «Загрузить еще». Мы также предоставляем возможность вернуться назад с помощью кнопки «Назад», поэтому пользователи всегда имеют чувство контроля над тем, куда они перемещаются.
Мы могли бы разрешить пользователям отправлять ссылку на текущую позицию в списке и продолжить просмотр позже. Макет на основе пользовательского интерфейса Crutchfield. (большой превью)
Мы также можем предоставить возможность продолжить просмотр позже , позволив пользователям вводить свою электронную почту и получать ссылку, которая позже приведет их к позиции в списке, где они сейчас находятся. Это решает проблему невозможности продолжить просмотр позже, возможно, на другом устройстве или в другое время.
«Загрузить еще» очень хорошо работает в электронной коммерции — пользователи могут контролировать то, что они видят, поскольку все элементы отображаются на одной странице, а нижний колонтитул всегда под рукой. Кроме того, если URL-адрес меняется каждый раз, когда пользователь нажимает кнопку «Загрузить еще», мы объединяем скорость бесконечной прокрутки с удобством и безопасностью нумерации страниц . Пользователи, кажется, больше просматривают и более вовлечены. Это делает этот шаблон хорошим вариантом для длинных списков.
Значит ли это, что мы можем вообще отказаться от бесконечной прокрутки? Не обязательно. Важным преимуществом бесконечной прокрутки является скорость отображения результатов — отображение новых элементов именно тогда, когда пользователи хотят видеть больше. Как оказалось, есть несколько приемов и стратегий, позволяющих улучшить бесконечную прокрутку. Но для этого необходимо решить все проблемы, которые мы обозначили ранее.
Добавление в закладки положения в списке
Самый простой способ улучшить бесконечную прокрутку — отметить разрывы между «новыми» и «старыми» элементами в списке. Когда поступает новая партия, мы визуально разделяем элементы и позволяем пользователям отмечать позицию в списке, с которой они хотят продолжить просмотр позже. Мы также могли бы позволить им видеть все продукты, которые они видели, на отдельной странице , чтобы они могли отделить просмотренные варианты от бесконечного потока всех вариантов. Пример такого взаимодействия показан ниже.
Добавление достаточного количества пробелов между «новыми» и «старыми» сегментами в списке и кнопки, позволяющей пользователям продолжить просмотр позже. Макет на основе пользовательского интерфейса Crutchfield. (Большой предварительный просмотр)
Когда пользователь нажимает «Продолжить здесь позже», мы можем либо показать галочку и сохранить позицию в браузере, либо отобразить модальное окно с запросом у пользователей их адреса электронной почты.
Всплывающее окно, которое появляется, когда пользователь хочет продолжить просмотр позже. Макет на основе пользовательского интерфейса Crutchfield. (большой превью)
В качестве альтернативы, мы могли бы отображать окно новостной рассылки напрямую, позволяя пользователям также копировать ссылку на текущую позицию на странице. В качестве положительного побочного эффекта это также дает нам возможность собирать электронные письма пользователей, чтобы позже отправлять им напоминания о новых элементах.
Изменение формулировки на «Скопировать ссылку на эту позицию в списке». Макет на основе пользовательского интерфейса Crutchfield. (Большой предварительный просмотр)
Приведенное выше решение может решить проблему с непониманием того, где находятся пользователи, но, поскольку элементы будут загружаться автоматически, у нас все еще есть некоторые другие проблемы, например. достигает нижнего колонтитула . Хотя это довольно легко решить.
Точно так же, как мы привыкли к липким заголовкам, мы могли бы интегрировать футер, раскрывающий : небольшой помощник, который будет оставаться постоянным в нижней правой панели и отображать футер, если это необходимо, в то время как остальная часть страницы использует бесконечную прокрутку. Хорошим примером этого в действии является Dahmakan, служба доставки еды из Куала-Лумпура в Малайзии (в настоящее время бесконечная прокрутка не используется). Стоит подчеркнуть, что нижний колонтитул должен быть также доступен через навигацию с помощью клавиатуры , а не просто открытие по щелчку или касанию.
Отображение нижнего колонтитула с кнопкой, показывающей и скрывающей нижний колонтитул, когда это необходимо. (Большой предварительный просмотр)
Когда пользователи прокручивают страницу вниз и элементы загружаются, мы можем представить это как динамическую разбивку на страницы для пользователей (см. Pepper.pl). При прокрутке URL-адрес страницы меняется, а номер страницы обновляется на липкой нижней панели. Пользователи также могут перейти на определенную страницу в раскрывающемся списке разбиения на страницы. И, конечно же, аккордеон также открывает нижний колонтитул при нажатии или щелчке. Проверьте пример видео.
Объединение нумерации страниц и бесконечной прокрутки в одном — вместе с липким нижним колонтитулом внизу экрана. Pepper.pl (Большой превью)
Что нам делать с кнопкой «Назад» ? Например, после того, как пользователь просмотрел «страницы» 1, 2 и 3 и теперь попал на «страницу» 4, должен ли щелчок по кнопке «Назад» перевести его со страницы 4 на страницу 3 или на предыдущую страницу. что они посетили, прежде чем попасть на страницу 1 в первую очередь? В общем, мы, наверное, не хотим загрязнять историю браузеров пользователей, добавляя туда каждый шаг бесконечной прокрутки. Поэтому выбор конкретной страницы в раскрывающемся списке — действительно хорошая идея.
Пользователи могут переходить на определенные страницы, используя бесконечную прокрутку во время просмотра. Возможно, выпадающий шеврон рядом с текущим номером страницы сделал бы это немного более очевидным. Pepper.pl (Большой превью)
Отличный пример объединения нумерации страниц и бесконечной прокрутки в одном месте; единственным усовершенствованием могут быть немного улучшенные стили фокусировки и улучшенные навигационные переходы для доступности. Кроме того, было бы замечательно добавить своего рода раскрывающийся шеврон рядом с текущей страницей, чтобы было очевидно, что можно перейти на конкретную страницу. Таким образом, кнопка «Назад» вернет пользователя на страницу, с которой он пришел, к списку, который находится перед ним в данный момент.
Еще один полезный метод, предложенный Baymard Institute, исследовательской компанией для тестирования сайтов электронной коммерции. Идея состоит в том, чтобы сделать полосы прокрутки более полезными, добавив 90 224 динамических меток 90 225, расположенных вертикально. Они укажут пользователям, где они сейчас находятся и куда они могут перейти. Поскольку пользователи продолжают прокручивать страницу вниз, метки будут смещаться по мере увеличения полосы прокрутки. Может использоваться по любым критериям, выбранным пользователем для сортировки элементов.
Если бы пользователи сортировали товары по цене, мы могли бы отображать динамические метки цен рядом с полосой прокрутки. Изображение предоставлено: Институт Баймарда. (большой превью)
Закрепление разделов на мини-карте
Мы могли бы сделать ее еще более полезной, позволив пользователям закреплять или отмечать интересующие области в списке, чтобы они могли быстрее вернуться к избранному. Интересным прототипом такого опыта является эксперимент Minimap (в настоящее время работает только в Firefox), созданный Рауно Фрайбергом, наряду со многими другими замечательными экспериментами.
Эксперимент с мини-картой, позволяющий пользователям отмечать и закреплять некоторые области экрана и быстрее переходить к ним. В настоящее время работает только в Firefox. Проверьте пример видео.
Подведение итогов
Используя все эти методы, мы решили многие проблемы , которыми известна бесконечная прокрутка. Теперь у нас есть лучший контроль над тем, сколько элементов отображается в прокрутке, и мы всегда можем остановить просмотр и продолжить позже. Мы можем легко определить «старые» и «новые» сегменты. URL-адрес обновляется по мере того, как пользователь прокручивает страницу вниз, и мы также позволяем им копировать URL-адрес в текущую позицию в списке.
Пользователи всегда могут добраться до нижнего колонтитула , а полоса прокрутки указывает, где они находятся в данный момент и куда они могут перейти. Они также могут перейти на любую конкретную страницу, поскольку мы также предоставляем нумерацию страниц. Кроме того, нам все еще нужно реализовать бесконечную прокрутку, чтобы обеспечить доступность для клавиатуры и объявлять о новых элементах. Но: мы используем все преимущества бесконечной прокрутки: особенно скорость просмотра.
Все это кажется много работы только для того, чтобы сделать бесконечную прокрутку лучше. Окончательный вопрос о том, стоит ли вся работа того, должен быть решен целями, которые должны достичь ваши пользователи. Бесконечная прокрутка подходит не для каждого веб-сайта, и бесконечный список опций должен быть дополнен надлежащей фильтрацией, сортировкой и поиском . В общем, если ваши пользователи с большей вероятностью будут сравнивать варианты или находить очень конкретный контент, бесконечная прокрутка, вероятно, не будет очень полезной.
Однако, если ваши пользователи часто изучают множество вариантов, а просмотр является очень типичным атрибутом вашего сайта, особенно когда клиенты добавляют несколько товаров в корзину или работают с большим набором данных одновременно, бесконечная прокрутка может быть полезной. очень хорошо стоит — но только если соображения доступности и производительности лежат в основе его дизайна.
Идеи, изложенные в этой статье, — это просто идей . Некоторые из них могут с треском провалиться в ваших юзабилити-тестах, в то время как другие могут работать достаточно хорошо. Но: если вам абсолютно необходимо заставить работать бесконечную прокрутку , для этого есть способы и обходные пути — просто это не так просто, как может показаться на первый взгляд.
Как обычно, вот общий контрольный список из нескольких важных рекомендаций, которые следует учитывать при разработке лучшей бесконечной прокрутки:
Если вы сомневаетесь, всегда отдавайте предпочтение нумерации страниц .
При бесконечной прокрутке всегда интегрируйте нижний колонтитул, раскрывающий .
Рассмотрите возможность визуального разделения «старых» и «новых» элементов.
Предоставьте возможность продолжить просмотр позже .
Рассмотрите возможность одновременного использования функций «загрузить еще» и бесконечной прокрутки.
Рассмотрите возможность одновременного использования разбиения на страницы и бесконечной прокрутки.
Измените URL-адрес по мере загрузки новых элементов и предоставьте его пользователям.
Разрешить пользователям переход на любую страницу с помощью раскрывающегося списка разбиения на страницы .
Рассмотрите возможность использования интервалов диапазона полосы прокрутки.
Рассмотрите возможность предоставления пользователям возможности закреплять или добавлять в закладки элементы/области, представляющие интерес.
Удостоверьтесь, что доступность и производительность являются основными соображениями при реализации.
Если вас интересуют аналогичные идеи по UX, взгляните на Smart Interface Design Patterns , наш новый 8-часовой видеокурс с сотнями практических примеров из реальных проектов. Множество шаблонов дизайна и руководств по всему, от аккордеонов и раскрывающихся списков до сложных таблиц и замысловатых веб-форм — с 5 новыми сегментами, добавляемыми каждый год. Просто говорю! Проверьте бесплатный предварительный просмотр.
Познакомьтесь с шаблонами проектирования умных интерфейсов, наш новый видеокурс по дизайну интерфейсов и UX.
Перейти к видеокурсу →
100 паттернов проектирования и из реальной жизни Примеры.
8-часовой видеокурс + живой UX-тренинг. Бесплатный предварительный просмотр.
Полезные ресурсы
«Бесконечная прокрутка не для каждого веб-сайта», Хоа Лорангер, Nielsen Norman Group
«UX: бесконечная прокрутка против нумерации страниц», Ник Бабич, UX Planet
«Бесконечная прокрутка: давайте докопаемся до сути», Йогев Ахувиа, Smashing Magazine
«Бесконечная прокрутка, нумерация страниц или кнопки «Загрузить еще»? Выводы об удобстве использования в электронной коммерции», Кристиан Холст, журнал Smashing Magazine
. Если вы считаете эту статью полезной, вот обзор подобных статей, которые мы публиковали на протяжении многих лет, и еще несколько статей скоро появятся на вашем пути.
Разработка идеального аккордеона
Разработка идеального адаптивного конфигуратора
Разработка идеального средства выбора дня рождения
Разработка идеального средства выбора даты и времени
Разработка идеального сравнения функций
Разработка идеального слайдера
«Книга шаблонов дизайна форм», написанная Адамом Сильвером
Twitter покупает Scroll, the служба подписки, удаляющая рекламу с новостных сайтов
Перейти к основному содержанию
The VergeThe Verge logo.
Домашняя страница The Verge
The VergeЛоготип Verge.
Тех./
Twitter/
Интернет
/
Почтовая служба Nuzzel закрывается, а будущее Scroll неопределенно Поделитесь этой новостью0217 Грань
). Twitter работает над созданием нового плана подписки, который будет включать Scroll, недавно приобретенную службу рассылки новостей Revue и другие доморощенные службы Twitter. В сообщении в блоге, объявляющем о сделке, генеральный директор Scroll Тони Хейл говорит, что одна из причин, по которой он продал свою компанию, заключается в том, что «амбиции Twitter больше, чем люди подозревают».
Служба прокрутки — это гениальный хак, который использует сторонние файлы cookie или расширения браузера, чтобы запретить веб-сайтам показывать вам рекламу. Это не совсем блокировщик рекламы как таковой, но вместо этого отправляет часть вашей абонентской платы на посещаемые вами веб-сайты. Теперь, когда его приобрел Twitter, он больше не будет принимать новых регистраций, хотя в краткосрочной перспективе для существующих клиентов ничего не изменится.
Амбиции Twitter по подписке велики, но расплывчаты.
Это не относится к другому сервису прокрутки, Nuzzel, который собирается «сворачиваться». Nuzzel ежедневно отправляет электронные письма с главными новостями, которыми делятся люди в вашей ленте Twitter, и поэтому его полюбила небольшая группа потребителей онлайн-новостей. Twitter заявляет, что со временем он «перенесет основные элементы Nuzzel непосредственно в Twitter». Услуга будет закрыта 6 мая.
Немного сложно угадать, что Twitter собирается делать со Scroll. Твиттер абсолютно точно создает сервис подписки, который будет включать в себя кучу сервисов, но что именно будет включено, сколько это будет стоить и кто будет делить доходы, известно только Твиттеру (при условии, что у него есть долгосрочное видение, что до недавнего времени не было большой ставкой).
В своем объявлении вице-президент по продуктам Майк Парк намекает на планы Twitter, предлагая интегрировать Scroll напрямую в более полную подписку, которая, в частности, будет отправлять небольшие суммы денег авторам информационных бюллетеней Revue:
Сделать это, мы планируем включить Scroll как часть предстоящего предложения по подписке, которое мы в настоящее время изучаем. Как подписчик Твиттера представьте, что вы получаете доступ к премиум-функциям, где вы можете легко читать статьи из вашего любимого новостного агентства или информационный бюллетень автора из Revue, при этом часть вашей подписки идет издателям и писателям, создающим контент.
Scroll утверждает, что его пользователи отправляют на новостные сайты больше денег через подписку, чем просмотры рекламы. Применение такой модели к независимым авторам информационных бюллетеней станет совершенно новым набором стимулов для беспокойства медиа-болванов.
Еще одна возможность — служба, которая в чем-то конкурирует с Apple News. Вместо хака веб-технологий, который останавливает рекламу на уровне браузера, это может быть функция внутри самого приложения Twitter или даже будущего приложения для чтения новостей. Вы можете прочитать это из заявления Парка о том, что «мы хотим переосмыслить то, что [Скролл] создал, чтобы обеспечить беспрепятственный опыт чтения для нашей гипервовлеченной аудитории».