Программирование с нуля под андроид Урок 37 Векторные изображения

Автор Maksim Inshakov
Программирование с нуля под андроид Урок 37 Векторные изображения

в этой лекции.

Я хочу показать вам как добавлять изображения иконок которые есть в Android Studio — это делается довольно-таки просто нажимаем на папке drawable правой кнопкой мыши дали New и вот здесь вы видите две опции Image As Heavy As asset переводится с английского как ему или актив. Давайте нажмем на опцию Image asset здесь мы видим различные иконки верхней строки. Вот здесь мы можем выбрать тип иконок которые мы ищем здесь сейчас выбран Launcher icons — это иконки при помощи которых наше приложение запускается с экрана телефона или эмулятора.

Да если мы свернем приложение и вот здесь вот увидите есть такие иконки до которые используется во всех приложениях которые мы создавали Music Show и также playing Audio.

Вот видите такая же точно иконка по умолчанию идёт вот — это вот иконка — это выглядит форме круглого изображения с. Андроидом закроем — это окно и я покажу вам. Где находятся в проекте эти иконки. Они находятся в папке mipmap здесь вот и сила Under ias Launcher раунд папки какой видите здесь несколько файлов PNG. Есть ли открывать они все выглядят одинаково отличаясь только разрешением также внизу есть и xml отображение все файлы пенжи есть xml файл который тоже используется отображение точно такого же изображения этот файл — это так векторное изображение которое записывается при помощи xml кода. А эти файлы пенсии — это обычное изображение поэтому мы их и можем сразу просмотреть когда мы их открываем здесь их несколько давайте я расширил немного эту панель в конце каждого файла стоит в скобочках разрешении этого файла hdpi mdpi hdpi mdpi и точнее до. Пи — это значит средняя Medium разрешение если мы увеличим его-то видеть она становится размытым hdt-pe — это high-resolution высокое разрешение. Давайте откроем этот файл видите она уже не настолько размытое если мы увеличиваем далее Extra High разрешение она ещё с более высоким разрешением далее 2yxa HD самое высокое разрешение три икса hdt-pe. Ну если мы увеличим очень сильно она всё равно становится размытым. Для чего используется пять разных видов изображений можно было бы установить одно изображение например самым высоким. Дело в том, что чем больше разрешение изображения. Тем больше она занимает места в памяти изображение поэтому для девайсов с небольшим разрешением. Используй меньшее разрешение изображений, а для девайсов устройств с большим разрешением экрана используется большее разрешение в чём растут векторных изображений векторной изображение отображается на всех устройствах с любым о разрешении одинаково и она никогда не будет размытым если его увеличивать даже самое большое изображение самым большим разрешением она всё равно становится размытым если его сильно увеличить векторное изображение которое строится при помощи xml кода. Она никогда не будет размыто почему же всегда не использовать повторно изображение до вместо обычных png изображение. Дело в том, что векторные изображения требуют для своего отображать обработки xml кода процессором вот этого кода для того чтобы отобразить изображение процессор обработать. Этот кот и на основании этого xml кода выстроить. Это изображение на экране поэтому векторное изображение потребляет процессора во время отображения. Вы можете почитать подробнее ещё об этом. Если вам интересно по поводу векторных и обычных изображений по поводу плюсов и минусов. А мы. Давайте закроем сейчас все файлы откроем наш File Activity Main и поместим сюда изображение. Давайте поместим сюда иконку нажимаем на дрова был New и дальше выберем сначала имя. Асад и так как мы уже посмотрели тут есть иконки Launcher иконки далее мы можем выбрать другие Launcher иконки вот такие вот дали иконки для Action Bar и иконки для нотификация — это виды отображения разные вида отображения. Конор и мы видим как она будет выглядеть. Вот — это иконка будет выглядеть. Вот с таким вот белым фоном сзади в квадратном белым фоном эти иконки будут выглядеть вот таким вот образом эти иконки будут выглядеть без фона только сама иконка и иконки для notification будут выглядеть так чёрным фоном белое изображение с чёрным фоном далее мы можем вот здесь вот выбрать самую иконку если нажать на этом значке то нам выдаётся большое количество различных иконок которые вы можете здесь вот увидеть их можно выбрать по различным разделам здесь сейчас все иконки All если нажать на Action то будут отображаться иконки различных действий их уже меньше количества отображается. Далее идет о алларт. Это сигнал дали ivi аудио и видео иконки можно найти здесь до. Ну ещё много различного контента либо можно набрать в поиске на при по ключевому слову давайте выберем все пол если мы пишем Play и здесь есть различные иконки с текстом Play в названии например Player у которой отображаются на плеере да. Или например мы наберём Music то будет искать по ключевому слову music. Давайте например выберем вот эту иконку и нажмем. О'кей отображается она сейчас как notification если мы хотим чтобы она отображалась без загран без вот этого черного фона то нам нужно выбрать Action Bar icons здесь опять же нам нужно выбрать самой иконку music.

0 комментариев
0

Читайте также