что такое ползунок на телефоне
UI-элементы и жесты в мобильных приложениях
Хабр, привет! Вы часто задумывались, обнаружив баг в мобильном приложении и заводя его в баг-трекер, как правильно назвать ту или иную часть интерфейса или действие, которые привели к ошибке? Или читаешь описание задачи и задумываешься, как должен выглядеть какой-то экран и что должно появиться при тапе на кнопку. А может, вы описываете продуктовые задачи и не всегда чувствуете себя на одной волне с дизайнерами и разработчиками, которые иногда начинают говорить на эльфийском? Чтобы исключить недопонимание, неясности и вопросы, мы решили создать перечень наиболее распространенных элементов и жестов и показать их на примере Юлы.
А вы знали, как называется «та самая выезжающая снизу экрана шторка» или несколько (три и более) тапов подряд? Ответы на эти вопросы и названия многих других элементов читайте в нашей статье.
Splashscreen — изображение, «заставка», которую пользователь видит во время загрузки приложения.
Заглушка — название говорит само за себя: это элемент, сигнализирующий о какой-то проблеме(отсутствует интернет-соединение, сервер временно недоступен, ведутся технические работы, по вашему запросу ничего не найдено и т.п.). Обычно заглушка отображается там, где должен быть контент, но по каким-то причинам он не был получен.
Webview — компонент, который позволяет отобразить страницы веб-сайта в приложении. Например, webview «Как получить бонусы»:
Popup — всплывающее окно, которое появляется внезапно, без запроса пользователя, и отображается поверх экрана, на котором находился пользователь. Не стоит путать с диалоговым окном, которое появляется при совершении пользователем какого-либо действия.
Action menu — кнопка, которая представляет собой три точки, и при нажатии (тапе) на которую открывается меню с несколькими action’ами.
Tab — вкладка; обычно переключение между табами осуществляется нажатием (тапом) на нужный таб или смахивание (свайпом) вправо/влево.
Toast — всплывающее уведомление, не блокирующее работоспособность приложения и плавно исчезающее спустя несколько секунд. Может сообщать о какой-то ошибке, о совершении какого-то действия (например, публикация каких-то изменений). Обычно тоаст содержит текстовую информацию, но может содержать и картинку.
Progress Bar — индикатор степени выполнения какого-либо действия (например, показывает оставшееся время работы активности «продвижение товара»).
TabBar — панель вкладок в нижней части экрана, позволяющая быстро переключаться между разделами приложения.
AppBar (Android) / NavBar (iOS) — панель инструментов в верхней части экрана, содержащая кнопки управления текущим экраном.
Alert — оповещение, которое передает важную информацию, связанную с состоянием приложения или устройства, и часто запрашивает обратную связь. Алерт состоит из заголовка, необязательного сообщения, одной или нескольких кнопок.
Toggle switches/Тумблер — переключатель между двумя состояниями вкл/выкл.
Bottomsheet — информационная панель, появляющаяся снизу экрана поверх текущего состояния при совершении какого-нибудь действия. Может содержать информацию, а также какие-либо действия.
Bubble — овальный элемент выбора какого-либо параметра, чаще всего используется в фильтрах.
Строка поиска — поле ввода для поискового запроса.
Placeholder — текстовая заглушка в поле ввода, подсказывающая, что можно туда ввести (на скринах — текст «Поиск объявлений»).
Page Controls — элемент управления, который отображает текущее положение экрана в плоском списке страниц (на скринах — точки над кнопкой, отображающие текущее положение через изменение цвета).
Counter — точка или число, обозначающее количество непросмотренных уведомлений (например, количество непрочитанных сообщений).
Overlay — перекрывающий слой, который позволяет затемнить или осветлить элемент, на который он был наложен.
Tooltip — всплывающее сообщение, которое завязано на элемент и обучает использованию той или иной части приложения.
Onboarding — обучающая функциональность в приложении, появляющаяся при первом запуске для ознакомления пользователя с продуктом.
Suggest List — выпадающий список, состоящий из подсказок; появляется при вводе букв, слов или символов в поле ввода. Или список ранее совершенных поисковых запросов. Отдельный пункт из этого списка — Suggest.
Checkbox — элемент интерфейса, позволяющий выбрать любое количество опций (ни одной, одну или несколько).
Status Bar — строка состояния, содержащая общую информацию об устройстве: время, дату, сеть, уровень заряда и т.п.
Slider — горизонтальная шкала с элементом управления, по которой скольжением пальца можно управлять состоянием или значением характеристики (в нашем случае — расстоянием от указанного адреса):
Жесты
Тап — касание, нажатие на сенсорный экран. Чтобы открыть любое приложение на смартфоне — мы тапаем на его иконку.
Double tap — два коротких касания, двойной тап.
Мультитап — три и более тапов подряд по одному элементу.
Лонгтап — нажатие с удержанием на несколько секунд. Позволяет открыть дополнительные опции там, где они есть.
Скролл — вертикальное пролистывание содержимого скольжением пальца по экрану сверху вниз или снизу вверх.
Свайп — смахивание вниз, вверх, вправо или влево. Похоже на скролл, только с «легким», коротким касанием.
Pull to refresh (p2r) — дословный перевод: «потяни для обновления».
Drag&Drop — изменение положения элементов интерфейса с помощью перетягивания: как говорит нам название — «тащи и бросай»!
Pinch — жест, используемый для изменения масштаба картинки (увеличения или уменьшения): для уменьшения два пальца касаются экрана и сводятся вместе, для увеличения — разводятся в стороны.
Вот и весь наш список терминов, описывающих элементы интерфейса и жесты. А чем его дополнили бы вы?
Как убрать кружок на телефоне на экране – инструкция
На сегодняшний день практически все новые модели телефонов оснащаются большими и качественными дисплеями. При этом общий размер устройства практически не меняется из-за уменьшения рамок вокруг экрана. Согласитесь, что управлять такими смартфонами довольно трудно, особенно если речь идёт о женской руке. Разработчики стараются внедрять новые средства навигации, одним из которых является многофункциональный круг на дисплее. Давайте разберёмся для чего он нужен, а также рассмотрим, как убрать его с экрана устройства.
Для чего нужен кружок на экране телефона?
Чаще всего такую систему навигации, как интерактивный кружок, используют производители Honor и Huawei. Однако не исключено, что подобную технологию уже внедрили в свои флагманы малоизвестные китайские компании. Многофункциональная кнопка совмещает в себе сразу несколько инструментов. Это возможность открыть меню, а также вернуться назад или на главный экран. Каждое перемещения осуществляется посредством разных по длительности нажатий:
При желании принцип управления навигацией можно изменить, воспользовавшись специальным разделом настроек. Однако рассматривать эту процедуру не будем, так как большинство пользователей желают убрать ненавистный кружок с экрана.
Как убрать кружок с экрана Honor или Huawei
Итак, чтобы убрать белый круг с экрана Honor или Huawei необходимо отключить данную функцию в настройках самого смартфона. Чтобы не ошибиться с разделом, воспользуйтесь пошаговой инструкцией, представленной чуть ниже:
Переходим в раздел «Система»
Заходим в подкатегорию «Системная навигация»
Нажимаем по пункту «Кнопка навигации»
Переводим ползунок влево возле строки «Кнопка навигации»
Как видите, очистить экран от постороннего кружка довольно легко. Сложностей с выполнением подробного руководство не должно возникнуть даже у самых начинающих пользователей операционной системы Android.
Как убрать кружок при нажатии на экран
Некоторые пользователи путают навигационную кнопку с кругом, появляющимся при нажатии на экран. На самом деле это две совершенно разные вещи, поэтому для отключения отображения касаний необходимо выполнить другие действия. Итак, для наглядности была составлена подробная инструкция:
Открываем раздел «Для разработчиков»
Возле строки «Отображать касания» переводим ползунок в неактивное положение
После выполнения действий, описанных в инструкции, функция отображения касаний будет отключена. А это значит, что при нажатии на экран никакой кружок появиться не сможет.
Заключение
Наша статья подошла к логическому завершению, а это значит, что мы рассмотрели все варианты, позволяющие убрать кружок с экрана смартфона. Внимательно выполняете указания инструкций и никаких проблем не возникнет. А если всё-таки вопросы остались, то пишите их в комментариях.
Настройка масштаба интерфейса на Android
Масштаб интерфейса на устройстве Андроид – это размер всех элементов меню. Благодаря возможности его настроек, можно легко отрегулировать все под максимально удобный вид. Изменять масштаб можно, начиная с версии ОС Android 7.0 Nougat. Но на устройствах некоторых производителей, имеющих свою фирменную оболочку, функция уменьшения или увеличения масштаба присутствует уже давно. Они внедрили её еще на более ранних версиях Андроид.
Из статьи вы узнаете
Зачем менять масштаб?
В первую очередь, его можно изменять для того, чтобы на экран телефона помещалось больше информации. Это особенно полезно, если вы часто проводите время в мессенджерах, социальных сетях и так далее.
Также если пользователь постоянно не попадает в нужное место на экране, то для комфортной работы необходимо отрегулировать интерфейс чтобы кнопки управления были больше. Соответственно, по ним уже будет легче попасть.
В качестве примера посмотрите на эти два скриншота. На одном масштаб маленький, а на другом большой:
На что влияет масштаб?
Как видим из вышеприведенного скриншота, в первую очередь он влияет на количество информации на экране в один кадр. То есть, чем больше масштаб, тем больше помещается на экран полезной информации от приложений. Соответственно, становится удобнее пользоваться смартфоном из-за того, что не нужно всегда пролистывать экран для получения скрытой информации. С большим масштабом на экране больше текста, больше картинок, ведь сам интерфейс занимает меньше места.
На примере скриншота отлично видно, что с большим масштабом поместилось сразу четыре линии настроек, в то время как на маленьком масштабе всего две. Таким образом, мы увеличиваем количество информации на экране и делаем работу с гаджетом более удобной, быстрой и комфортной.
Также стоит отметить, что такие настройки задевают размеры только частиц интерфейса, при этом, не трогая размер шрифта, вставленных картинок, видео, фото и так далее.
При изменении размера интерфейса меняются только те параметры, что заданы как программа, а не как графический элемент. То есть если картинка будет одного размера, то она не станет меньше либо больше с изменением масштаба, так как картинка не относится к интерфейсу, она уже считается как контент. Следственно, размер интерфейса никак не повлияет на отображение в играх, при просмотре фильмов в плеере, в галерее и так далее. Данный метод делает размер интерфейса только для полигонов системы, которые создаются в виде кода, а не графики.
Масштаб будет применен к следующим частям системы:
А вот эти элементы не будут изменяться:
Первый способ
В данном случае доступно лишь 4 режима:
Увы, в этом методе нельзя более широко настроить масштаб интерфейса, все ограничивается лишь четырьмя пучками. Зато все очень быстро и удобно. Также при изменении масштаба есть картинка, показывающая, как будет выглядеть интерфейс в разных приложениях.
Второй способ
Более сложный, но и более гибкий. Во втором способе можно изменять размер насколько угодно, хоть до мельчайшего интерфейса, который не будет видно, хоть до очень большого, где одна кнопка будет на весь экран. Конечно, так сильно выкручивать интерфейс не стоит, но сам факт такой возможности говорит нам о полной свободе выбора через второй способ.
Для применения нужно зайти в режим «Для разработчиков». Делаем следующие шаги:
4 Replies to “ Настройка масштаба интерфейса на Android ”
я решил попробовать это на устройстве BQ SPRING я использовал второй способ и изменил ширину с 320 на 3200 и у меня произошёл сбой в системе то есть появилось окно: сбой в приложении «интерфейс системы» (и 1 вариант) закрыть приложение, я нажимаю появляется чёрный экран. Я пробовал включить безопасный режим, просто перезагрузить, подключил к ПК, посмотрел, единственная информация о телефоне — это заряд батареи издатель модель и серийный номер ВСЁ. ПОЖАЛУЙСТА СКАЖИТЕ КАК ИСПРАВИТЬ.
У меня тоже такая проблема как ты решил? Скажи пожалуйста
я решил попробовать это на устройстве doogee x60l я использовал второй способ и изменил ширину с 320 на 648 и у меня произошёл сбой в системе то есть появилось окно: сбой в приложении «интерфейс системы» (и 1 вариант) закрыть приложение, я нажимаю появляется чёрный экран. Я пробовал включить безопасный режим, просто перезагрузить, подключил к ПК, посмотрел, единственная информация о телефоне — это заряд батареи издатель модель и серийный номер ВСЁ. ПОЖАЛУЙСТА СКАЖИТЕ КАК ИСПРАВИТЬ.
У меня тоже такая проблема что ты сделал скажи пожалуйста?
Добавить комментарий Отменить ответ
Для отправки комментария вам необходимо авторизоваться.
Значки на экране телефона: их разновидности + что они означают (Android)
Всем доброго времени!
При различных «проблемах» с телефоном, существенно ускорить диагностику и найти причину — могут помочь значки в области уведомлений (если, конечно, их правильно «прочитать» 👌). Впрочем, их значение может понадобиться и просто для «точечной» настройки аппарата.
В общем, в этой небольшой заметке будут приведены все самые основные значки, которые можно встретить на панели уведомлений (и главном экране телефона (под Android)).
Сразу скажу, что их не так уж и мало. (впрочем, это и объясняет достаточно большое количество вопросов по этой тематике).
Примечание : разумеется, ниже не были представлены значки от различного ПО сторонних разработчиков (т.к. это бы существенно «увеличило» бы заметку, да и по умолчанию, после сброса настроек телефона, этого «добра» нет).
Самые встречаемые значки
Основное
👉 Стандарт связи (наличие подключения к сети оператора)
Т.к. речь идет о телефоне, то, пожалуй, заметку следует начать с самого главного значка — подключения к сети оператора.
Выводится на Android он в верхнем меню, и обозначается как 4G (3G, H+, VoLTE2 и пр.). Аббревиатура эта обозначает используемый стандарт связи (а палочки или шкала рядом — устойчивость и качество соединения).
Более подробно о том, какое из них лучше — можете почитать в прошлых моих заметках:
👉 Батарея (уровень заряда)
👉 Наличие Wi-Fi подключения
Значок (обычно) появляется на панельки только если включен Wi-Fi адаптер и при наличии подключения (его примеры см. ниже 👇). Обратите внимание, что наличие восклицательными (вопросительными) знака на Wi-Fi подключении может указывать на отсутствие интернета!
Значок Wi-Fi подключения
Весьма узнаваемый и характерный значок. Появляется (обычно) при включении Bluetooth-адаптера и при подкл. различных устройств: джойстиков, наушников, фитнес браслетов и т.д.
Весьма «навязчивая» штука, напоминающая что в скором времени телефон может потревожить вас сигналом. Значок своим видом очень похож на обычные часы (циферблат).
Примечание : чтобы удалить этот значок с панели задач — зайдите в настройки часов и отключите все будильники. Кроме этого, удалите все мероприятия из календаря + в заметках (блокноте) отключите напоминания.
Пример значка будильника
Значок, напоминающий «каплю». Обычно, появляется в том случае, когда на телефоне запускается приложение, которому нужно получить доступ к вашему месторасположению (карты, такси, доставка пиццы и т.д.).
Примечание : в настройках Android можно запретить приложениям получать доступ к геолокации.
👉 В режиме набора номера (звонка)
Здесь, как правило, всё весьма очевидно:
В режиме набора номера
👉 Значок с самолетом
Авиа-режим (спец. режим полета). Включают его, обычно, когда находятся на борту самолета.
При его задействовании отключаются все сетевые адаптеры: Wi-Fi, Bluetooth, мобильные данные и пр. (эффект примерно такой же, как при полном выключении устройства).
👉 Значок с «экологичной» батарейкой
Режим энергосбережения. При его задействовании телефон будет очень экономно расходовать заряд батареи: экран станет не таким ярким, часть функций откл., приложения не будут обновляться, уведомления станут приходить реже, и пр. (весь спектр ограничений зависит от конкретной модели телефона).
👉 Доп. табличка
Некоторые значки «горят» не всегда и появляются лишь при возникновении определенных ситуаций (причем, на отличных моделях телефонов — они могут несколько различаться). Исходя из этого, часть из них я вынес в отдельную табличку и привел ее ниже 👇.
Если у вас есть интересные значки на экране — напишите комментарий со скриншотом и моделью телефона (заранее благодарю!).