Как настроить размер приложения

Программы для изменения разрешения экрана

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

Carroll

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

HotKey Resolution Changer

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

MultiRes

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

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

Помимо этой статьи, на сайте еще 12333 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Источник

Адаптация под различные экраны приложений Windows Store

Заметил, что у разработчиков возникает множество вопросов по поводу адаптации приложения под экраны различного размера. Для того чтобы была возможность предоставить ссылку, по которой есть необходимая информация, я и решил написать этот небольшой материал. Рассматривать буду не только приложения под Windows 8.1, будет затронута и разработка приложений Windows 10 UWP.

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

Коэффициент масштабирования — это соотношение реальных пикселей устройства и отображаемых. При расчете этого коэффициента учитывается также стандартная дистанция, с которой пользователи смотрят на экран устройства.
В приложениях под Windows 8.1 поддерживается три коэффициента масштабирования: 100%, 140% и 180%. У Windows Phone 8.1 приложений различных коэффициентов масштабирования больше.
В эмуляторе Windows Store приложений, при изменении разрешения экрана вы можете увидеть и само разрешение, и значение коэффициента масштабирования рядом.

Процесс адаптации изображений похож на локализацию изображений. Для того, чтобы для различных разрешений брался верный вариант картинки необходимо внутри папки images создать 3 папки с именами: scale-100, scale-140, scale-180. Внутрь этих папок уже и добавляем изображения с одинаковыми названиями.

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

Соответственно, вам нужно будет создать 3 версии изображения. Если ваше стандартное изображение имеет 200 пикселей в ширину, то для масштабирования 140% нужно будет умножить ширину на 1,4. То есть вам нужно будет создать такое же изображение 280 пикселей в ширину. Ну и для масштабирования 180% нужно будет иметь такое же изображение шириной 200*1,8=360 пикселей.
Во время выполнения приложения оптимальное изображение выбирается автоматически, в зависимости от того, какое разрешение экрана у пользователя.
Если вы задаете файл изображения из кода, то вывести картинку верного разрешения вам может помочь следующий официальный сниппет, который исходя из значения DisplayInformation.GetForCurrentView().ResolutionScale определяет текущий коэффициент масштабирования экрана:

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

Адаптация макета приложения под размер экрана
Если содержимое вашего приложения размещено в элементе-контейнере Viewbox, то при изменении размера экрана ваше содержимое будет автоматически растянуто и масштабировано с целью заполнить все доступное пространство. Для того, чтобы растровые изображения при таком увеличении выглядели прилично, необходимо добавить несколько вариантов различного размера, как мы это только что рассматривали.
Размещение приложения внутри Viewbox – это один из предлагаемых вариантов адаптации приложения под различные экраны. Другим вариантом может быть скрытие элементов приложения или изменение их размеров. Рассмотрим работу с различными размерами приложения на примере режима snap.
Стандартно приложение Windows 8.1 может быть минимум 500 пикселей в ширину. В случае, если ваше приложение хорошо будет выглядеть и при более узком виде, либо его вполне можно использовать с другими приложениями, а также если желательно оставлять его как можно дольше в рабочем положении – вы можете установить ему минимальной шириной 320 пикселей. Сделать это можно, указав в редакторе манифеста минимальную ширину 320 или добавив в код манифеста атрибут MinWidth со значением width320 (кстати, в Windows 8 приложениях режим snap был как раз 320 пикселей)

Самым простым вариантом адаптировать приложение под различную ширину может быть императивная установка видимости/невидимости, а также ширины и высоты контролов в событии изменения размера экрана. Сделать это можно приблизительно так:

Но так делать можно в небольших приложениях, в которых вам не будет трудно перебрать все существующие контролы в коде C#. Для нормальных приложений лучше всего изменения внешнего вида хранить в XAML VisualState состояниях. Таким образом, можно предоставить дизайнеру возможность комфортного изменения макета в Blend. Следующий пример содержит те же изменения, что и предыдущий код:

Теперь в событии изменения размера окна мы можем перейти к нужному состоянию (в зависимости от текущего размера экрана):

Здесь для получения размера экрана в ширину и высоту мы опять использовали параметр SizeChangedEventArgs e.
В любой другой момент выполнения программы, ширину и высоту видимого окна приложения (так называемые эффективные пиксели, которые не зависят от размера экрана устройства) можно получить так:
Кроме эффективных пикселей есть еще и raw пиксели (англ. raw — сырой, необработанный) – реальное количество точек на экране или физические пиксели. Например, если экран устройства 1080 пикселей в ширину, то и количество raw пикселей будет 1080 по горизонтали.

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

Что по поводу приложений универсальной платформы Windows?

Универсальные приложения Windows 8.1 уже предоставляли нам возможность сделать свою отдельную XAML раскладку для WP и для Store. На следующем скриншоте два MainPage.xaml файла:

В приложениях UWP нам будет доступна возможность создать множество XAML файлов с представлениями внешнего вида приложения и выбрать нужный из них, в зависимости от различных факторов (размер экрана, разрешение и т.п.). Давайте попробуем.
Создадим в проекте директорию DeviceFamily-Mobile.
Кликнем на ней правой кнопкой мыши и выберем пункт Add new item
Из вариантов нам нужно выбрать XAML View и назвать наше представление так же, как и называется то представление, которое мы хотим заменить. В простом случае это может быть MainPage.xaml.
Теперь тот XAML код, который мы внесем в файл MainPage.xaml, расположенный в папке DeviceFamily-Mobile будет отображен на мобильных устройствах. На десктопах же и иных устройствах будет отображен дизайн приложения из основного MainPage.

RelativePanel
Теперь нам стал доступен новый контрол RelativePanel, который позволяет создавать взаимосвязи положений между своими дочерними элементами.
Например, следующий код:
задает оранжевой кнопке положение под светло синей:

Пример взят отсюда.

AdaptiveTrigger
Windows 10 приложения не только поддерживают VisualState состояния, но и расширяют их новым функционалом. Во первых, теперь стало можно использовать триггеры для UI. А во-вторых, VisualStateManager теперь поддерживает Setters. Теперь отпала необходимость создавать 0-секундную анимацию (даже более того – устарела). Благодаря этому код становится более читаемым. Сравните следующий пример с примером, который мы рассматривали ранее:

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

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

Device preview toolbar
В Windows 10 ожидается расширение возможностей масштабирования приложений. Уже сейчас вы можете протестировать отображение внешнего вида вашего XAML кода на различных устройствах, используя device preview toolbar:

Обратите внимание на скриншот. Вы можете заметить, что Windows 10 приложения поддерживают гораздо больше коэффициентов масштабирования, чем приложения Windows 8.1. Вот табличка с презентации BUILD 2015, сравнивающая возможности масштабирования различных платформ:

Как вы можете заметить Windows 10 приложения на высоте – они самые «скалистые».

Что-то еще? Узнаем совсем скоро, ведь совсем не за горами 20-ое июля — дата релиза Visual Studio 2015, а там до 29-ого июля и выхода Windows 10 уже рукой подать.

Источник

Как изменить масштаб приложение на Андроид

Если значки на экране телефона плохо видно, то можно настроить их подходящий размер. Изменить параметры экрана возможно при помощи стандартных средств и сторонних приложений. Давайте рассмотрим самые эффективные способы, как увеличить или уменьшить значки на экране телефона Андроид.

p, blockquote 1,0,0,0,0 —>

Данная статья подходит для всех брендов, выпускающих телефоны на Android 10/9/8/7: Samsung, HTC, Lenovo, LG, Sony, ZTE, Huawei, Meizu, Fly, Alcatel, Xiaomi, Nokia и прочие. Мы не несем ответственности за ваши действия.

p, blockquote 2,0,0,0,0 —>

Внимание! Вы можете задать свой вопрос специалисту в конце статьи.

p, blockquote 3,0,0,0,0 —>

1. Масштаб интерфейса Андроид
2. Первый метод
3. Второй метод
4. Приложение Beautiful Icon Styler
5. Minimal ADB and Fastboot для Windows
6. Приложение Google Now Launcher
7. Приложение Apex Launcher

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

На что масштаб оказывает влияние?

Самое важное, на что влияет большой масштаб экрана – это количество информации на 1 странице. Чем больше масштаб, тем больше информации поместится на экране. Это избавит пользователя от необходимости слишком часто перелистывать страницы на смартфоне.

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

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

Вот что затронет изменение масштаба:

1. Календарь, переводчик и другие приложения.
2. Диалоговые окна.
3. Меню настроек и СМС-приложения.
4. Play Market и прочее.

А на это изменения не повлияют:

1. Размер картинки и видео в игре.
2. Размер клавиатуры и текстов в целом.
3. Видеоплееры, фотографии в галереях и прочее.

На Android 7 нужный раздел находится прямо в главном меню настроек. На версиях 8 и новее – в подменю «Система», а на MIUI – в разделе «Расширенные настройки».

Альтернативный способ

Есть еще один способ изменить масштаб в ОС Android, который не требует использования настроек для разработчика, но обладает меньшей гибкостью. Для того, чтобы увеличить или уменьшить шрифт, найдите подменю «Специальные возможности». В чистом Андроиде он расположен в главном меню, в MIUI – в подменю «Расширенные настройки».

Найдите пункт «Масштаб изображения на экране» и в открывшемся меню используйте кнопки «+» и «-» для смены размера элементов интерфейса. Он меняется сразу, на экране наглядно демонстрируется размер шрифта. Однако эта регулировка не столь плавная, как в параметрах разработчика, и не позволяет менять показатель DPI плавно.

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

Все действия выполнены на телефоне Huawei Y6 Prime 2018.

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

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

Все действия выполнены на телефоне Huawei Y6 Prime 2018.

Сначала скачайте на компьютер пакет Android Debug (ADB) с официального сайта Android Developer. Для Windows его размер чуть меньше 11 МБ. Распакуйте архив в любую папку, например, platform-tools.

Откройте в телефоне режим разработчика. Для этого зайдите в настройки и включите соответствующий переключатель. В некоторых телефонах необходимо предварительно в разделе «Система» найти «Номер сборки» и нажать на него 7-10 раз подряд.

Зайдите в меню «Для разработчиков» и включите переключатель «Отладка по USB».

Подключите смартфон кабелем USB к компьютеру.

На ПК запустите командную строку cmd.exe, нажав Windows + R, и введите в окне cmd. В командной строке перейдите в папку со скачанным ADB, введя команду CD и путь к папке. Например: cd c:temporary_downloadsplatform-tools

В командном окне введите adb device, чтобы проверить, подключен ли ваш гаджет, – на экране должен появиться серийный номер.

Затем введите adb shell dumpsys display, чтобы узнать параметры экрана. Найдите значения DPI и разрешение.

Запишите эти цифры отдельно, чтобы можно было вернуться к ним впоследствии. В Huawei Y6 Prime 2018 это 720х1440 и 320 (272,955х270,933) dpi.

Введите команду adb shell wm density с цифрой желаемого DPI. Например, adb shell wm density 240. Экспериментальным путем подберите наилучшее значение. Для большинства телефонов параметр DPI находится в пределах от 120 до 640.

По завершении настройки введите команду adb reboot для перезагрузки смартфона.

Гаджет предоставлен магазином MOYO

можно ли плавно масштабировать размер шрифта с шириной тела или родительского элемента ? Я ищу решение без javascript. Можно ли указать rem на ширину ?

Как мне масштабировать размер шрифта выше?

2 ответа

Как изменить размер шрифта logcat в Android Studio 1.0.0? Я только нашел способ изменить цвет шрифта в Android Studio.

Я регулировал размер шрифта android studio (gui) в его настройках, но (похоже) Я набрал что-то не так, и размер шрифта изменился на 100+. Теперь я не вижу ничего, кроме одного символа на всем экране, и я не могу перейти к настройкам, чтобы изменить его обратно. Что же мне теперь делать? Какой файл.

Нажмите на File -> Settings -> Editor и проверьте поле: Change font-size with CRTL + Mouse Wheel и нажмите control и отрегулируйте размер шрифта с помощью колеса мыши!

Для MacBook Пользователей:

Чтобы изменить размер шрифта:

1. Выберите меню Android Studio (которое находится рядом со значком Apple)
2. Предпочтения
3. Редактор
4. Шрифт
5. Размер (дайте размер)— > ok

Для увеличения и уменьшения масштаба в Редакторе:

1. Выберите меню Android Studio
2. Редактор
3. Общие
4. изменить размер шрифта (масштабирование) с помощью команды и колесика мыши— > ok

Похожие вопросы:

Размер шрифта в редакторе Android Studio кажется слишком маленьким. Как я могу сделать размер шрифта больше?

можно ли плавно масштабировать размер шрифта с шириной тела или родительского элемента ? Я ищу решение без javascript. Можно ли указать rem на ширину ?

Я знаю, как изменить размер шрифта в android studio, но можно ли изменить размер шрифта android studio в режиме презентации.

Как изменить размер шрифта logcat в Android Studio 1.0.0? Я только нашел способ изменить цвет шрифта в Android Studio.

Я регулировал размер шрифта android studio (gui) в его настройках, но (похоже) Я набрал что-то не так, и размер шрифта изменился на 100+. Теперь я не вижу ничего, кроме одного символа на всем.

Как изменить размер шрифта пользовательского интерфейса в Android Studio? Все предыдущие ответы сосредоточены на изменении размера шрифта в Редакторе.

У меня есть приложение Apple Watch, которое я хотел бы масштабировать размер шрифта в зависимости от размера экрана. В настоящее время единственный способ, который я нашел для масштабирования.

На самом деле у меня нет вопроса, но я просто хочу поделиться своими знаниями здесь. Это обмен знаниями о том, как автоматически масштабировать размер шрифта в echarts.js на основе размера div.

Я использую проекты Android Studio fo Flutter, и одна вещь, которую я хотел бы улучшить,-это размер всплывающего шрифта в окне редактора. Я думаю, что то же самое актуально для разработчиков a java.

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

Firefox — это популярный альтернативный браузер на Android, который, как и Google Chrome, также позволяет обойти ограничения масштабирования, позволяя увеличивать масштаб изображения на любой веб-странице.

Включить принудительное увеличение в Chrome на Android

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

В раскрывающемся меню нажмите «Настройки».

В меню «Настройки» прокрутите вниз и коснитесь «Специальные возможности», чтобы войти в меню специальных возможностей Chrome.

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

С включенной опцией «Принудительно изменять масштаб» Chrome теперь позволяет увеличивать любой веб-сайт, включая те, которые ограничивают масштабирование. Чтобы увеличить масштаб, используйте жесты пальцами.

Подобный жест работает в Google Photos, Google Maps и Google Chrome (версии iOS Chrome это не касается).

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

Подобный жест работает в Google Photos, Google Maps и Google Chrome (версии iOS Chrome это не касается).

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

Приложение позволяет изменить масштаб шрифта от 50% до 300%, но для своей работы требует наличия Root-прав. Если у вас их нет, рекомендую прочитать эту статью. Если же вы вообще не знаете что такое Root, узнать можете здесь.

Далеко не всем подходит стандартный размер шрифта в ОС Android: для кого-то он слишком мелкий, а для других наоборот – крупный. В любом случае, если вас не устраивает этот параметр в своем телефоне или планшете – выход есть. В одной из прошлых статей я уже писал о том, как установить собственный шрифт на планшет или смартфон. Сегодня я расскажу, как с помощью бесплатного приложения Big Font уменьшить, или же увеличить размер шрифта.

Приложение позволяет изменить масштаб шрифта от 50% до 300%, но для своей работы требует наличия Root-прав. Если у вас их нет, рекомендую прочитать эту статью. Если же вы вообще не знаете что такое Root, узнать можете здесь.

Инструкция по использованию приложения Big Font

1. Для начала найдите приложение Big Font в Play Market и установите его. Либо скачайте по этой ссылке.
2. Запустите приложение, нажмите кнопку «Назад» на своем телефоне или планшете, чтобы закрыть экран «Что нового».
3. Теперь с помощью перелистывания или выпадающего списка сверху выберите необходимый размер шрифта (как показано на скриншоте). В центральной части экрана доступен предосмотр выбранного масштаба, а в нижней – текущего, чтобы вы могли сравнить изменения.
4. После выбора необходимого значения – нажмите кнопку «Применить», чтобы изменения вступили в силу. Сделано!
5. Если готовая градация масштабирования шрифтов в программе вас не устраивает – нажмите на иконку «+» и с помощью специального ползунка выставьте свое значение в процентах. После этого нажмите «Добавить этот размер шрифта». Теперь вы сможете выбрать его в выпадающем списке.

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

1. Скрыть/показать лупу — дважды нажмите на экран тремя пальцами.
2. Изменить масштаб — дважды нажмите на экран тремя пальцами за пределами лупы и, удерживая, проведите вверх или вниз, чтобы увеличить или уменьшить изображение на экране.
3. Перемещать лупу — нажмите на край лупы и, удерживая, перемещайте ее по экрану.
4. Прокручивать изображение — прокручивайте увеличенное изображение тремя пальцами.

Справка для ПК

Справка для моб. устройств triangle-down

Для увеличения масштаба на сайте m.facebook.com можно использовать встроенные функции устройства.

Чтобы поменять масштаб в приложении Facebook для Android, используйте функцию увеличения.

Чтобы включить увеличение:

1. Перейдите в настройки специальных возможностей для слабовидящих.
2. Нажмите Жесты для увеличения.
3. Нажмите параметр, чтобы включить жесты для увеличения.

Чтобы использовать функцию увеличения:

1. Скрыть/показать лупу — трижды нажмите на экран одним пальцем.
2. Изменить масштаб — сведите или разведите пальцы, чтобы изменить масштаб.
3. Перемещать лупу — сведите пальцы и, удерживая, перемещайте лупу по экрану.

Настройка масштаба также может быть доступна в мобильном браузере Android.

1. Перейдите на главный экран телефона или планшета.
2. Нажмите Настройки .
3. Нажмите Общие > Специальные возможности > Масштаб.
4. Нажмите рядом с параметром Увеличение, чтобы включить его.

Чтобы использовать функцию изменения масштаба:

1. Скрыть/показать лупу — дважды нажмите на экран тремя пальцами.
2. Изменить масштаб — дважды нажмите на экран тремя пальцами за пределами лупы и, удерживая, проведите вверх или вниз, чтобы увеличить или уменьшить изображение на экране.
3. Перемещать лупу — нажмите на край лупы и, удерживая, перемещайте ее по экрану.
4. Прокручивать изображение — прокручивайте увеличенное изображение тремя пальцами.

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

Надеемся, что эта статья была вам полезной, а если у вас остались вопросы, пишите нам на [email protected] .

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

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

Актуально для Android версий 9.0 и выше.

Надеемся, что эта статья была вам полезной, а если у вас остались вопросы, пишите нам на [email protected] .

Источник