Почему круг расположен не по центру?

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

И да, просто решил докопаться.

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Евгений Дорожкин", "author_type": "self", "tags": [], "comments": 89, "likes": 44, "favorites": 5, "is_advertisement": false, "subsite_label": "ask", "id": 49501, "is_wide": true, "is_ugc": true, "date": "Wed, 08 May 2019 13:48:15 +0300" }
{ "id": 49501, "author_id": 11456, "diff_limit": 1000, "urls": {"diff":"\/comments\/49501\/get","add":"\/comments\/49501\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/49501"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64961, "last_count_and_date": null }

89 комментариев 89 комм.

Популярные

По порядку

Написать комментарий...
67

что ты наделал..

Ответить
13

ты, кстати, неправильно меряешь
меряй от центров иконок

Ответить
1

Разница в 2 пикселя, таким образом если считать от центра - расстояние изменится лишь на 1 пиксель

Ответить
22

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

Ответить
4

Левая выравнена по ширине. У правой совмещены центр круга и пересечения высот треугольника. Так что нет никакого смещения. Просто верное выравнивание.

Ответить
1

Опоздала на пол часа.)

Ответить
1

Всегда очень долго формулирую :D

Ответить
5

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

Ответить
1

а треугольник точно равнобедренный?

Ответить
4

Круче, он равносторонний.

Ответить
0

блин, я и имел в виду равносторонний
так точно?)

Ответить
0

Абсолютли. Заменено с помощью линейки на мониторе)

Ответить
0

Да тут не в расстоянии между иконками проблема а в самой центральной иконке.

Ответить
1

В этом и юмор) Второй удар по перфекционизму

Ответить
0

внутренний круг не по центру относительно внешнего

Ответить
20

Найди себе девушку.

Ответить
57

А она будет идеально симметричной?

Ответить
15

Все зависит от тебя

Ответить
2

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

Кстати если прокрутить ДТФ до самого низа, то в нижнем правом углу тоже будет кое какой косяк.

Ответить
0

Интересно,есть ли плагин для прокрутки до самого низа мгновенно?

Ответить
5

Клавиша End на клавиатуре

Ответить
1

Главное, чтобы равнобедренной, без прямых и тем более тупых углов.

Ответить
13

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

Ответить
11

Да, не баг, а фича.
Чтобы пиксели не выгорали, кнопки меняют расположение.
Но это если у тебя AMOLED

Ответить
0

Не амолет вроде как

Ответить
11

Как теперь дальше жить. Зачем ты это сделал?!

Ответить
6

Наверное ориентировались на Тома Круза с зубом посредине.

Ответить
12

бля, я хочу это развидеть X((((

Ответить
0

Теперь придется с этим жить

Ответить
3

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

Ответить
3

Могу рассказать в чем тут проблема, так уж вышло что из-за большого количества производителей устройств с разным разрешением и размером экранов графика в Android для каждого элемента в приложении имеет 5 разрешений х1, х1.5, х2, х3, х4, для того чтобы физический размер элементов на любом экране был одинаковый на всех устройствах, самая большая подстава это х1.5 т.к. не кратные элементы при экспорте графики принимают дробные значения, к примеру обводка 1px становится 1.5, а кружок размером 25px становится  37.5, отсюда вылезают вот такие косяки когда элемент сдвигается на пол пикселя и становится неровным.

Ответить
0

Хотя тут косяк скорее в том что у внешней обводки ширина дробная а у вашего устройства множитель графики 3, и получилось что нибудь вроде 4.5px и всё поехало.

Ответить
0

Смотря как сделаны эти элементы. Если же на чистом css что вероятнее всего в данном случае, и значения заданы в относительных единицах для всех экранов и устройств, то да, такое выплывет рано или поздно на каком-нибудь телефоне. А если это картинкой было бы, то такого бы не было. Например в svg. было бы четенько.

Ответить
0

Если же на чистом css что вероятнее всего в данном случае

CSS вероятнее всего в интерфейсе системы? Я, конечно, все понимаю, но андроид вроде не на электроне работает.

Ответить
0

Kotlin, Java, and C++

Ответить
0

Никаких css, это системный контролл, svg тоже не используется т.к. его каждый раз отрисовывать надо ресурсозатратненько, там вся графика на png-хах. Дизайн интерфейса отрисовывается обычно в базовом разрешении х1, к примеру для экрана 1920*1080 дизайн будет отрисован в 640*360, дальше все иконки и графические элементы будут экспортированы в 5 разрешениях и для разных разрешений будут использоваться в соответствии с разрешением устройства, то-есть 16х16px иконка с отступом от края экрана 20px станет 48х48px с отступом 60px, вот так обычно выглядит окно экспорта иконок для андроида.)

Ответить
0

Перфекционист в вас плачет?

Ответить
0

Им не являюсь,но тут как то действительно задело

Ответить
26

Почему нет пробела после запятой? В тексте топика тоже. Задело,

Ответить
0

Извиняюсь, постоянно забываю

Ответить
0

Спасибо!

Ответить
2

самый простой ответ:
ошибка интерфейса, в данной версии по, на данной модели гаджета, с данным разрешением экрана
всегда пожалуйста

Ответить
2

Вроде всё норм.
Видимо косяк прошивки.

Ответить
0

Походу уже пофиксил)

Ответить
2

Если у тебя 9 андроид, ты можешь решить эту проблему ;)

Ответить
0

что это и как?

Ответить
0

Настройки -> Система -> Жесты -> "Коснутся кнопки главного экрана и провести вверх".
Эта настройка меняет схему управления, вместо 3 кнопок у тебя будет одна. Попробуй мб понравится.
У меня Nokia 7 plus, сейчас проверил, такой же баг как и у тебя.

Ответить
1

Если у тебя амолет экран, то это что бы пиксели не в "выгорали".

Ответить
0

Nokia 6.1 вроде на нем не амолет экран ,если не ошибаюсь.

Ответить
0

Ты про кружок, а я подумал про перемещение нижних кнопок в целом)

Ответить
2

Но все равно спасибо за инфу, ценная информация для общего сведения

Ответить
0

Ну так перемещали бы всю кнопку целиком, а не только шарик внутри.

Ответить
0

аааа он про кружок... Я не заметил)

Ответить
0

Так кнопка тоже смещена вправо

Ответить
1

Видимо в Нокии накосячили, у меня все норм

Ответить
0

Ого, а что за телефон? Видимо да,хотя это появилось с каким то обновлением андроида. У меня 9 андроид.

Ответить
0

Я на 9 теперь тоже это вижу. Как перфекционист и педант заявляю: ненавижу тебя.

PS: Где Нокию покупал?

Ответить
0

А у меня на 9 ровно все, кек.

Ответить
1

Чууууть есть погрешность у меня.

Ответить
0

Днс в прошлом году летом

Ответить
1

Just for suffer

Ответить
1

Я ТЕПЕРЬ ВИЖУ У СЕБЯ КАК ОН СДВИНУТ

Ответить
0

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

Ответить
0

посмотри на кнопку, внимательно всмотрис ь когда она будет чуть чуть смещена покрутись 4 раза и похлопай в ладоши и во 1) посмотри под поду шку там будет новый iphone во 2) за обман извени

Ответить
2

Видимо я сделал что-то не так

Ответить
0

Похоже баг. На MIUI ровно, но я ыключил кнопки и включил полноэкранный режим с жестами.

Ответить
0

И как?Долго привыкали к жестам, для меня это звучит как то неудобно

Ответить
1

Да, удобно. Через пару дней привык, еще надо выставить галочку, чтобы можно было вернуться на предыдущее приложение жестом, иначе ты игру не сможешь свернуть, только закрыть (почему-то не работает жест в игре "выйти на рабочий стол"). Не знаю, где еще такая функция есть, у меня Redmi Note 7 тоже, видимо начинается от андроид 9, вряд ли от прошивки MIUI зависит.

Ответить
0

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

Ответить
0

Жесты на всех устройствах доступны или только на определенных брендах ?

Ответить
1

По устройствам где это работает не знаю точно, скорее всего распространяется на все модели, у которых кнопки действий расположены на самом экране. До этого был redmi 4 pro, там кнопки были сенсорные, но под экраном, такой функции не было.

Ответить
0

Люди думают что это фигня, а вот однажды А380 чуть не разбился из-за такой вот фигни с ошибкой в центровке труб.

Ответить
0

Ещё и буква "T" в лого перевёрнута

Ответить
0

Жесты в помощь.

Ответить
0

Я не пойму где вы это видите?)
Это в андроидовском приложении дтфа?

Ответить
0

Нет, это постоянная панель кнопок андроида.

Ответить
0

А, давно андроидом не пользовался что-то. Раньше было иначе вроде)

Ответить
0

У меня уже больше года под жесты заточено.

Ответить
0

От лончера зависит. У меня всё идеально.

Ответить
0

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

Ответить
0

А если серьёзно (правда, пунктуация — это всегда серьёзно), то даже круг не ровно внутри своего кольца. Это липа какая-то. Я бы такой не выровненный дизайн интерфейса никогда бы живым людям не показал, даже друзьям, коллегам или заказчикам на промежуточной стадии разработки.

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

Ответить
0

Раньше с запятыми проблем больше было у меня. Потихоньку пытаюсь исправиться.

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-1134314964", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=clmf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudo", "p2": "ftjf" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvc" } } } ]
Узнавайте новости о мостах
Санкт-Петербурга первыми
Подписаться на push-уведомления