Фото контакта на весь экран — это не только красиво, но и информативно. Но, к сожалению, у многих смартфонов на Андроид фотография контакта во время вызова занимает совсем небольшое окошко, что очень неудобно. Я расскажу вам, как можно сделать фото звонящего на весь экран телефона.
Что должно получиться:
Перед тем как сделать картинку на весь экран, давайте разберёмся, как установить фотографию на контакт.
Это совсем не сложно. Держите пару способов, как это можно сделать:
Через приложение «Контакты»
Откройте телефонную книгу и выберите нужный контакт.
- Нажмите на иконку редактирования контакта.
- В окне редактирования нажмите на изображение человечка (на фото ниже обозначено стрелкой)
Система предложит выбрать фото из галереи или сделать новую фотографию камерой смартфона.
Установить фото на контакт через стандартную галерею
Откройте приложение «Галерея» на своём телефоне и выберите необходимое изображение.
- Нажмите на кнопку дополнительных опций, в данном случае это три точки в верхнем правом углу.
- Нас интересует опция «Уст. изображение как «, нажимаем на неё. Нам предлагают выбрать в качестве чего будет данная картинка.
- Жмём кнопку «Фотография контакта » и выделяем область на картинке, которая должна отображаться при вызове и подтверждаем «ОК».
Теперь во время вызова будет отображаться выбранная картинка.
#2 Как сделать фото на весь экран
И так, фото на контакт мы установили, теперь давайте разберёмся, как сделать его на весь экран во время вызова.
На некоторых устройствах фотография при звонке по умолчанию отображается на весь экран. Но что если ваш смартфон не поддерживает такую функцию? В этом случае нам помогут специальные утилиты, одну из них мы рассмотрим ниже.
Приложение одно из лучших в своём роде, имеет дружелюбный интерфейс и большое количество настроек. С настройками давайте познакомимся поближе.
Скриншоты
Основные возможности:
- Фото звонящего во весь экран в HD качестве
- Входящее смс во весь экран
- Уведомление о пропущенных звонках на весь экран
- Черный список (black list) вызовов
- Управление вызовами с помощью жестов
- И другие настройки
Бесплатная версия программы поддерживает:
- Фото при звонке на весь экран
- Блокировка вызовов
- Управление жестами
Настройки программы:
Настроек у приложения очень много. Изменить можно практически всё — окно вызова, большое количество параметров жестов, уведомлений и прочее. Понравится даже самому искушённому пользователю.
При первом запуске приложения откроется мастер настройки, который по шагам поможет выставить оптимальные значения.
Теперь, через встроенный менеджер контактов необходимо присвоить картинки для абонентов. После этого фото звонящего будет отображаться на весь экран.
Если Вы много работаете за компьютером, то однообразный фоновый рисунок со временем может надоесть и появится желание заменить его на что-то более оригинальное. Кроме того, заменив фоновый рисунок, вы покажете другим сотрудникам, что вы, оказывается, разбираетесь в компьютере!
Нажав правую кнопку мыши (курсор должен быть на чистом рабочем столе, а не на каких-нибудь вкладках, ярлыках), вызываете контекстное меню.
В открывшемся меню выбираем Персонализация
Рис.2
Рис.3
В открывшемся окне вы можете выбрать фон из нескольких десятков рисунков, которые есть по умолчанию в операционной системе Windows 7. Для просмотра, кликаете по эскизам рисунков и они, на ваших глазах, появляются на экране монитора. Когда выберете рисунок - нажмите кнопку Сохранить изменения, чтобы понравившийся рисунок стал фоном рабочего стола.
Если поставить галочки на нескольких изображениях, тогда станет активным поле Сменять изображение каждые и из выпадающего списка вы можете выбрать интервал времени, через который изображения будут сменять друг друга.
Но, возможно вы хотите сделать фоном рабочего стола свой рисунок, или фотографию. Тогда нажимаете кнопку Обзор А и находите папку с вашими фотографиями. Только имейте ввиду, что, если фотография, или рисунок не соответствуют размерам экрана, тогда нужно нажать кнопку Заполнение Б и из выпадающего списка выбрать, что нужно сделать с рисунком: растянуть, разместить по центру и т.д.
Изменение фона рабочего стола в Windows XP
Нажав правую кнопку мыши на пустом экране, вызываете контекстное меню. В нем выбираете нижнюю строчку - Свойства.
В открывшемся окне Свойства: Экран нажимаем вкладку Рабочий стол :
Рис.4
Именно здесь вы можете установить цвет или фоновый рисунок экрана.
Если вы хотите, чтобы экран вашего монитора был одноцветным, тогда на вкладке Цвет 1 из выпадающего списка выбираете любой цвет, который вам нравится (черный, желтый, красный и т.д.). А в поле Фоновый рисунок 2 щелкаете по верхней строчке (нет) . При этом на экране монитора, который виден посередине вкладки, появится выбранный вами цвет. Если этот цвет вам нравится, тогда нажимаете кнопку применить, а потом ОК. Все - экран монитора окрасился в ваш любимый цвет.
Но красивее будет, если экран не одноцветный, а установлен фоновый рисунок. Рисунок можно выбрать из стандартного набора Windows. Для этого в поле Фоновый рисунок 2 щелкаете курсором по названиям рисунков и эти рисунки будут появляться на экране монитора-образца. В данный момент там виден стандартный рисунок Windows XP под названием Безмятежность. Выбрав какой-то рисунок, вы нажимаете кнопку Применить, а потом ОК и этот рисунок появится на вашем рабочем столе - на экране вашего монитора.
Но, через некоторое время вам надоедят все стандартные рисунки и появится желание найти что-нибудь новенькое.
Множество рисунков есть на CD - дисках и в Интернете. Можете подобрать себе несколько рисунков и потом менять их каждую неделю. Чтобы вывести на экран такой рисунок, нажимаете кнопку Обзор и с помощью проводника Windows находите файл с этим рисунком на вашем компьютере. Выбранный файл появится в списке Фоновый рисунок 2 Теперь нажимаете кнопку Применить, а потом ОК и ваш рисунок на экране.
Обращаю внимание только на то, что рисунок должен находиться на жестком диске, а не на CD. То есть, понравившийся рисунок нужно сначала скопировать с CD - диска, а потом уже устанавливать его фоновым рисунком.
Но, возможно, вам и этого покажется мало. Вы пожелаете сделать фоновым рисунком свои фотографии. Это тоже возможно.
Только желательно, чтобы рисунок соответствовал вашему экранному разрешению. Если разрешение экрана 1024 х 768, то и размер фотографии должен быть таким же. Потому что, если фотография больше экрана, то на экране разместится только часть фотографии и не обязательно лучшая.
Если размер фотографии будет меньше экрана, то тогда нужно будет в поле Расположение 4 выбирать вариант. Фотографию придется или разместить по центру или растянуть, или замостить ею экран, что, в любом случае, будет не очень красиво. Значит, фотографию нужно предварительно подготовить.
В каждом персональном компьютере имеется свое виртуальное рабочее место для пользователя. Оно так и называется – «Рабочий стол». На нем расположены главные программные папки и элементы быстрой навигации по системным службам. На рабочем столе компьютера, также, как и на письменном столе в офисе, можно прибираться – менять местами документы, настраивать время, устанавливать календарь, убирать мусор в корзину, и, конечно же, украшать свое рабочее место фото-обоями. Чтобы красивый пейзаж обоев был максимального размера, необходимо зайти в специальный раздел по тому, как сделать фоновой рисунок на весь экран.
Инструкция
Фон рабочего стола (или обои для рабочего стола) можно настраивать, согласно Вашим желаниям и предпочтениям. В Windows, например, это займет всего несколько минут.
Есть два способа для изменения обоев. Самый простой – щелкнуть правой кнопкой мыши на изображение и выбрать параметр, который будет устанавливать его как фон рабочего стола. Также можно изменить фон рабочего стола, щелкнув правой кнопкой мыши по окну рабочего стола и выбрав параметр Свойства (Properties ), чтобы изменить настройку с помощью вкладки Внешний вид (Appearance Tab ). Затем фоновое изображение можно растянуть, установить в плитки или по центру.
Что такое фоновый рисунок рабочего стола
Фон рабочего стола – это изображение или обои, которые используются в качестве фона на экране компьютера. Обои – общий термин, используемый для обозначения графического интерфейса в Microsoft Windows .Изменить фоновый рисунок рабочего стола
Самый простой способ изменить фон рабочего стола – выбрать изображение, которое Вы хотите установить в качестве фона, и щелкнуть по нему правой кнопкой мыши. Затем выберите опцию Установить как фоновый рисунок рабочего стола (Set as Desktop Background ):
Существует три способа установить фоновый рисунок: в плитки, в центре и растянуть.
Для Windows 95, 98 и предыдущих версий нужно щелкнуть правой кнопкой мыши на рабочем столе и выбрать Свойства экрана (Display Properties ):
В открывшемся окне нажмите Рабочий стол (Desktop ). Здесь также можно выбрать свой фон и даже просматривать изображения, которые будут установлены в качестве фона. В разделе Положение (Position ) можно выбрать, как Вы хотите, чтобы фон отображался (плитки, по центру или растянутый на весь экран).
Изменить фон рабочего стола в Windows 10
Windows 10 , щелкните значок Windows > Настройки (Settings ) > Персонализация (Personalization ) > Фон (Background ):
Затем щелкните раскрывающееся меню под фоном, чтобы выбрать, какой тип фона Вы хотели бы иметь. Возможные варианты: Изображение
(Picture
), Заливка
(Solid Color
) или Слайд-шоу
(Slideshow
):
Чтобы сделать фоновый рисунок, выберите Изображение
(Picture
), затем прокрутите вниз и нажмите Обзор
(Browse), чтобы выбрать, какую фотографию с жесткого диска Вы хотели бы установить в качестве фона. Если Вам не нравится отображение фотографии, нажмите Выбрать подходящий
(Choose a Fit
), чтобы внести изменения.
Изменить фоновый рисунок рабочего стола в Windows 7
Чтобы изменить фон рабочего стола в Windows 7 , щелкните правой кнопкой мыши на пустой части рабочего стола и выберите Персонализировать (Personalize). Затем выберите Фон рабочего стола (Desktop Background) в левом нижнем углу окна.Вы можете выбрать фон из представленных по умолчанию, или же выбрать свою картинку на жестком диске. Затем нажмите Сохранить изменения (Save Changes) и закройте окно.
Изменение фона рабочего стола для всех пользователей в Windows
Если Вы управляете большой сетью компьютеров с ОС Windows и хотите изменить фон рабочего стола на всех них, Вам не нужно делать это на каждом по отдельности.Перейдите в меню Пуск (Start ) и введите Запуск командной строки (Run ). Затем введите команду gpedit.msc и нажмите OK :
Затем нажмите Конфигурация пользователя
(User Configuration
) > Административные шаблоны
(Administrative Templates
) > Рабочий стол
(Desktop
) > Обои для рабочего стола
(Desktop Wallpaper
) > Включено
(Enabled
):
Теперь введите источник изображения, которое Вы хотите использовать в качестве фона рабочего стола, в поле рядом с именем
(Name). Затем нажмите Применить
(Apply
), чтобы сохранить изменения, и ОК
, чтобы закрыть окно.
Изменить фон рабочего стола на Mac
Также легко можно изменить фон рабочего стола и на Mac .
Если нужное изображение уже находится на Вашем рабочем столе, просто щелкните его правой кнопкой мыши и выберите Установить изображение на рабочий стол
(Set Desktop Picture
):
Изображение: © quka - Shutterstock.com
Веб технологии, как и различного рода тенденции в дизайне, не стоят на месте, поэтому каждый раз появляются какие-то оригинальные фишки и нюансы для сайтов. Одним из подобных «направлений» является использование фона (backgorund), который растягивается на весь экран по ширине и высоте. Что-то вроде около года назад или больше я рассказывал — изображение помещалось в шапку блога и плавно «переходило» в основной фоновый цвет веб-страницы. При желании можно даже добавить .
Размещение в качестве бекграунда большой масштабируемой картинки — это что-то новое и более сложное занятие, решение которого нашел в этой статье .
Цель данного урока разместить на сайте фоновую картинку, которая бы постоянно закрывала весь фон окна браузера. Что же конкретно нужно сделать:
- заполнить всю страницу одним изображением без пробелов;
- изменение размеров картинки при необходимости (уменьшении окна браузера);
- сохранение пропорций изображения;
- расположение изображения в центре страницы;
- отсутствие полос прокрутки на странице;
- кросс-браузерное решение, подходящее для разных браузеров;
- реализация без всяких сторонних технологий типа flash.
Итак, имеется сразу несколько подходящих решений для фона сайта на весь экран.
Замечательное, простое и прогрессивное решение с помощью CSS3
Для реализации задачи мы можем использовать свойство background-size в CSS3. Будем использовать элемент html который получше body. Установим фиксированный и центрированный бэкграунд, после чего будем использовать в background-size значение cover.
| html { background : url (images/bg.jpg ) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size : cover; } |
html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
Решение поддерживают почти все популярные в сети:
- Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
- Opera 10+ (Opera 9.5 поддерживает background-size но без значения cover)
- Chrome Whatever+
- IE 9+
- Safari 3+
Некий Goltzman нашел решение, которое позволяет работать хаку в IE
| filter : progid: DXImageTransform.Microsoft .AlphaImageLoader(src= ".myBackground.jpg" , sizingMethod= "scale" ) ; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")" ; |
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=".myBackground.jpg", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")";
Но внимание!!! при этом могут возникнуть некоторые проблемы с работой ссылок на странице. Кстати, чуть позже Matt Litherland добавил что код, в принципе, можно использовать но для этого нельзя применять элементы html или body а нужно реализовать все через div с 100% высотой и шириной.
CSS -хак номер 1
Альтернативную версию представляет Doug Neiner. В этом случае используется встроенный в страницу элемент , который может изменять размер в любом браузере. Устанавливаем значение min-height, которое способствует заполнению окна браузера вертикально и ставим 100% для width, что заполняет страницу горизонтально. Также ставим min-width чтобы изображение никогда не было меньшим, чем оно есть на самом деле.
| img.bg { /* Set rules to fill background */ min-height : 100% ; min-width : 1024px ; /* Set up proportionate scaling */ width : 100% ; height : auto ; /* Set up positioning */ position : fixed ; top : 0 ; left : 0 ; } @media screen and (max-width : 1024px ) { /* Specific to this particular image */ img.bg { left : 50% ; margin-left : -512px ; /* 50% */ } } |
img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } }
Работает в любых версиях качественных браузеров — Safari / Opera / Firefox и Chrome. Для IE как всегда есть свои нюансы:
- IE 9 — работает;
- IE 7/8 — чаще всего функционирует правильно, но не центрирует изображения меньше окна браузера;
- IE 6 — можно настроить, но кому вообще нужен этот браузер.
CSS -хак вариант 2
Еще один вариант решения задачи с помощью CSS стилей это разместить встроенное изображение на странице с фиксированной позицией в левом верхнем углу, после чего задать для min-width и min-height значение 100% сохраняя пропорции.
|
| #bg { position : fixed ; top : -50% ; left : -50% ; width : 200% ; height : 200% ; } #bg img { position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; margin : auto ; min-width : 50% ; min-height : 50% ; } |
#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; } #bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }
Хак работает в:
- Safari / Chrome / Firefox (слишком ранние версии не тестировались, но в последних работает хорошо)
- IE 8+
- Opera (любая версия) и вместе с IE both оба глючат одинаково с ошибкой позиционирования.
Метод с jQuery
Данный вариант намного легче (с точки зрения CSS) если мы знаем что соотношение сторон картинки (img используется в качестве фона) больше или меньше текущего соотношения окна браузера. Если меньше, то мы можем использовать только width = 100% и при этом по ширине и высоте окно будет одинаково заполнено. Если больше — можно указать только height = 100% для заполнения всего окна.
Доступ ко всем данным идет через JavaScript, коды используются следующие:
|
|
| #bg { position : fixed ; top : 0 ; left : 0 ; } .bgwidth { width : 100% ; } .bgheight { height : 100% ; } |
#bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; }
| < aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); }); |
$(window).load(function() { var theWindow = $(window), $bg = $("#bg"), aspectRatio = $bg.width() / $bg.height(); function resizeBg() { if ((theWindow.width() / theWindow.height()) < aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); });
По моему, центрирование в этом случае не производится (насколько я понял), но его можно сделать. Поддерживается большинство десктопных браузеров, в том числе IE7+. Напоследок автор статьи про хаки подготовил набор файлов примеров, в которых это все реализована — скачать можно . В комментариях к статье-оригиналу также содержится некоторая информация и обсуждение, хотя большинство важных деталей автор добавлял в виде апрейтов к посту и у меня он также переведены и указаны. Конечно, разобраться во всем этом помогут и примеры. В целом, если бы не постоянные «приколы» от IE7 все упомянутые хаки были бы идеальными.
P.S. Хотите купить книгу? — не обязательно ходить в магазине ведь сейчас онлайн книжный интернет магазин позволяет сделать все через сеть — выбрать, оплатить и оформить доставку на дом.
