Как сделать из картинки значок для ярлыка: Как сменить значок (иконку) ярлыка в Windows 10

Как добавить ярлык на рабочий стол и панели Windows 10

Ярлык – иконка, с помощью которой можно запустить какое-либо приложение, документ Ворд и т. д. Это ссылка на файл, а не сам файл. И весит она гораздо меньше, чем документ.  В том и польза: на рабочем столе лучше не размещать тяжелые файлы, иначе компьютер начнет подвисать. По удобству ярлык можно сравнить с горячими клавишами – только здесь не нужно запоминать комбинации кнопок. Нажал дважды на значок – окно открылось.

Содержание

• 1 Как добавлять ярлык на рабочий стол в Windows 10
  • 1.1 С помощью «Проводника Виндовс»
  • 1.2 Через мастер создания иконок
  • 1.3 Добавляем значок «Мой компьютер» на рабочий стол
  • 1.4 Создаем ярлык «Спящий режим»
  • 1.5 Ярлык для «Выключения компьютера»
• 2 Как добавить ярлык на разные панели в Windows 10
  • 2.1 Меню «Пуск»
  • 2.2 Автозагрузка
  • 2.3 Панель задач
  • 2.4 В трей

Как добавлять ярлык на рабочий стол в Windows 10

Чтобы отличить файл от ярлыка: на последнем стоит стрелка, в левом нижнем углу иконки. Если удалить ярлык, сам документ останется в системе.

Добавить ярлык на рабочий стол можно двумя методами: через «Проводник Виндовс» либо через мастер создания иконок, встроенный в ОС.

Для стандартных значков ОС («Мой компьютер», «Корзина» и т. д.) действуют другие методы, поэтому рассмотрим их отдельно.

С помощью «Проводника Виндовс»

«Проводник»  – встроенное приложение ОС, в котором можно искать файлы, хранящиеся на жестком диске ПК или на флешке.

Чтобы создать иконку программы, нужно найти в «Проводнике» файл для ее запуска. Как это сделать:

1. Нажать на значок лупы, расположенный справа от иконки «Пуск» в левом нижнем углу. Если его нет, кликнуть по значку «Пуск» правой кнопкой мышки и перейти к пункту «Найти».
2. Ввести название приложения/файла/документа в строку для поиска. Через некоторое время в верхней части панели появится искомый файл.
3. Нажать на приложение правой кнопкой мыши. Появится меню, в нем выбрать строку «Перейти к расположению файла». Загрузится окно «Проводник Windows», а в нем каталог с файлом, который запускает программу.
4. Выделить файл левой кнопкой мыши, а затем правой. В меню нажать на строку «Создать ярлык».

5. Если в текущей папке запрещено создавать иконки, появится уведомление с предложением перенести ярлык на рабочий стол. Нажать «Да», чтобы согласиться.
6. Если иконку сразу разместят в «Проводнике Виндовс», перетащить ее курсором мышки на рабочий стол Виндовс. Для этого зажать левой кнопкой значок и передвинуть его за пределы окна «Проводник». Отпустить мышку. При желании передвинуть иконку в нужную область стола.

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

Через мастер создания иконок

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

Покажем наглядно, как воспользоваться мастером:

1. Щелкнуть правой кнопкой мыши по пустому месту на столе (то есть там, где нет никаких иконок). В сером меню навести стрелку на строку «Создать». В новом окошке нажать «Ярлык». Откроется мастер создания иконок.
2. Кликнуть по «Обзор».
3. В новом окне открыть папку, в которой находится файл для запуска программы. Обычно все приложения устанавливаются в папку Program Files на системном диске С.
4. Выделить левой кнопкой мыши файл для запуска. Обычно у него расширение exe (стоит сразу после названия файла). Нажать ОК. 
5. В окне мастера щелкнуть по «Далее».
6. При желании ввести другое имя для иконки. По умолчанию название будущей ссылки совпадает с названием файла. Нажать «Готово».

Когда иконка будет добавлена на рабочий стол, можно передвинуть ее на более удобное место.

Добавляем значок «Мой компьютер» на рабочий стол

Значок «Мой компьютер» можно случайно удалить. Паниковать незачем: чтобы вернуть кнопку, нужно зайти в настройки Виндовс и обратно ее включить.

Наглядная инструкция:

1. Открыть меню «Пуск» и нажать на шестеренку. Либо одновременно зажать две клавиши – Windows и I.

2. В окне «Параметры» выбрать плитку «Персонализация».
3. В списке слева перейти в блок «Темы». Прокрутить страницу справа и кликнуть по ссылке «Параметры значков рабочего стола».
4. В новом окне поставить галочку рядом с пунктом «Компьютер». Нажать «Применить», а затем ОК.
5. Если не нравится стандартная картинка ярлыка, можно поставить другую. Для этого выделить значок «Этот компьютер» левой кнопкой мыши, а затем нажать «Сменить значок».
6. Выбрать картинку и кликнуть по ОК.

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

Как установить комбинацию:

1. Кликнуть по значку правой кнопкой – выполнить действие «Создать ярлык».
2. Теперь щелкнуть правой кнопкой по только что созданному ярлыку. Зайти в «Свойства» иконки.
3. В строке «Быстрый вызов» написать слово «Нет».
4. Придумать комбинацию горячих клавиш и зажать ее. Комбинация тут же появится в строке «Быстрый вызов». Нажать «Применить» и ОК.
5. Удалить первую иконку, которая идет без стрелки на значке. Для этого зажать ее левой кнопкой мыши и перетащить на значок «Корзина».

В Windows 10 иконка «Мой компьютер» имеет немного другое название – «Этот компьютер».

Предлагаем прочитать статью про горячие клавиши и их установку.

Создаем ярлык «Спящий режим»

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

Как создать ярлык «Спящий режим» классическим способом:

1. Зажать на клавиатуре сочетание клавиш Windows и R на пару секунд. В окне «Выполнить» написать cmd. Зажать одновременно кнопки Ctrl + Shift + Enter. Это позволит запустить «Командную строку» от имени администратора.
2. В «Командной строке» написать код powercfg -hibernate off. Нажать на Enter для выполнения команды. Она позволит отключить режим гибернации. Если не выполнить этот шаг, ярлык будет переводить ПК в состояние гибернации, а не сна. Закрыть окно черного редактора.
3. Нажать на пустую часть стола правой кнопкой. Выполнить действие «Создать ярлык» в появившемся списке опций.
4. Скопировать команду rundllexe powrprof.dll,SetSuspendState 0,1,0. Для этого выделить левой кнопкой мыши сам код, а затем зажать вместе клавиши Ctrl и C. Вставить ее в поле «Указать расположение» с помощью кнопок Ctrl + V. (читайте более подробно про буфер обмена) Нажать «Далее».
5. Дать ярлыку какое-либо имя. Любое на ваше усмотрение, но чтобы было понятно, для чего иконка. Кликнуть по «Готово».

Есть еще один способ – использовать любой текстовый редактор для создания иконки. Что нужно сделать:

1. Нажать на значок лупы рядом с кнопкой «Пуск» в левом нижнем углу экрана.
2. Ввести слово «Блокнот» либо название другого текстового редактора, установленного на компьютере. Подойдет и обычный Microsoft Word. Открыть приложение в результатах.
3. Скопировать и вставить команду rundll32.exe powrprof.dll,SetSuspendState 0,1,0 в текстовый редактор.
4. Нажать «Файл», а затем «Сохранить как».
5. В списке слева выделить «Рабочий стол», чтобы документ сохранился именно там. В названия файла ввести «Спящий режим.bat». Нажать «Сохранить».

На столе вы увидите документ с расширением bat и шестеренками. Если по нему дважды кликнуть, компьютер «заснет».

Ярлык для «Выключения компьютера»

Как добавить ярлык «Выключить компьютер»:

1. В пустой области рабочего стола нажать правой кнопкой мыши. Щелкнуть по строчке «Создать ярлык» в списке.
2. Ввести в строке команду Shutdown.exe /s /t 00. Если выключать ПК нужно через несколько секунд после запуска ярлыка, вместо 00 поставить время в секундах. Нажать «Далее».
3. Написать название ярлыка, например «Завершение работы». Кликнуть по «Готово».

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

Кнопку для выключения ПК можно сделать и с помощью файла bat, как и в случае со «Спящим режимом». Нужно выполнить все те же шаги из предыдущего раздела, только в сам текстовый файл вставить такую команду: shutdown.exe /s /t 00.

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

Также предлагаем ознакомиться с правилами выключения компьютера.

Как добавить ярлык на разные панели в Windows 10

Иконки приложений можно добавлять не только на рабочий стол. Есть еще панели:

• меню «Пуск»,
• панель задач (нижняя полоса, с помощью которой можно переключаться между окнами программ),
• автозагрузка,
• трей Виндовс.

Меню «Пуск»

В Windows 10 панель «Пуск» разделили на две части: в первой находится перечень программ, установленных на ПК, во второй – начальный экран с плитками приложений, которые пользователь чаще всего открывает. Там же может располагаться виджет погоды и другие значки.

В левом списке могут быть указаны не все программы. Если обнаружилось, что какого-то приложения там нет, нужно добавить туда ярлык вручную. Каким образом:

1. Открыть «Проводник Windows» с помощью иконки «Этот компьютер» на рабочем столе.
2. Перейти на вкладку «Вид». В разделе «Показать и скрыть» поставить отметку на строке «Скрытые элементы». Это действие откроет доступ к некоторым системным папкам Виндовс.
3. Теперь открыть локальный диск С либо диск с другой буквой, но тот, на котором установлен Windows. Последовательно перейти в такие папки: Users («Пользователи») – «Имя текущего аккаунта» – AppData – Roaming – Microsoft – Windows – «Главное меню» – «Программы».
4. Перетащить ярлык приложения с рабочего стола в папку «Программы». Для этого зажать значок левой кнопкой мыши и передвинуть его на окно «Проводника». Когда появится фраза «Переместить в «Программы», отпустить мышку. Кстати, более подробно о программе Skype можно почитать тут.

Вместо программы в левый список, можно добавить какой-либо пользовательский файл. Ход действий будет таким же.

Как еще добавить иконку в меню «Пуск» (в правую область с плитками): отыскать ярлык приложения на рабочем столе, щелкнуть по нему правой кнопкой. В сером меню нажать на действие «Закрепить на начальном экране».

Также разрешается открыть саму панель «Пуск». В левом перечне отыскать приложение, щелкнуть по нему правой кнопкой, а затем закрепить его на начальном экране.

То же самое можно сделать, если отыскать файл приложения в «Проводнике Windows» (документ с расширением exe для его запуска).

Автозагрузка

В Виндовс 7 и версиях ниже на панели «Пуск» есть папка «Автозагрузка». Туда можно добавлять иконки программ, которые запускаются вместе с компьютером.

В Виндовс 10 этой папки нет, но только в меню «Пуск», из системы она никуда не исчезла. Этот каталог можно найти с помощью «Проводника Windows» на системном диске С. В него нужно поместить ярлык приложения – тогда система начнет его автоматически запускать вместе с входом в Виндовс.

Покажем, как добавить ярлык в автозагрузку:

1. Зажать клавиши Windows и R. В окне «Выполнить» ввести команду shell:startup. Нажать ОК – откроется папка «Автозагрузка» в «Проводнике».
2. Если нужно, чтобы приложение запускалось вместе с системой для всех учетных записей на ПК, в окне «Выполнить» написать shell:common startup.
3. Зажать левой клавишей ярлык программы на рабочем столе и перетащить его на область программы «Проводник». Когда появится фраза «Переместить в автозагрузку», отпустить кнопку мыши – ярлык появится в перечне приложений на автозапуск.

Панель задач

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

Есть немного другой способ:

1. Запустить приложение любым удобным способом – через некоторое время его окно сразу появится на нижней панели.
2. Щелкнуть по этому окну правой кнопкой. В меню выполнить предпоследнее действие «Закрепить».
3. Закрыть приложение – значок останется на месте. Теперь с помощью него можно быстро открывать программу.

Также на нижней панели можно включить некоторые системные кнопки. Для этого нажать на свободную область панели правой клавишей. Навести стрелку на первую строчку «Панели». В новом меню отметить галочками значки, которые нужно включить: адрес, ссылки, голосовой помощник, языковая панель.

Также в главном меню можно активировать кнопку «Просмотр задач». Если потом нажать на эту кнопку, на экране появятся мини-окна приложений, которые сейчас запущены в Виндовс.

Через экран «Просмотр задач» можно создать еще несколько рабочих столов.

Чтобы включить кнопку «Поиск», навести стрелку на второй пункт и выбрать второе или третье значение – «Показать значок поиска» и «Показать поле поиска». Рядом с «Пуском» вы увидите иконку в виде лупы. Если на нее нажать, откроется панель, в которой можно искать приложения, файлы, разделы настроек Виндовс и т. д.

В трей

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

Как добавить что-либо в трей Виндовс пошагово:

1. Щелкнуть правой кнопкой мыши по свободному полю панели задач. Нажать на последнюю строку «Параметры».
2. В новом окне прокрутить страницу до раздела «Область уведомлений» (это другое название трея Виндовс). Перейти по ссылке «Выберите значки, отображаемые в панели задач».
3. Включить с помощью тумблеров те или иные значки программ.
4. Перейти также по второй ссылке «Выключение и включение системных иконок», чтобы активировать либо удалить такие значки Виндовс: часы, громкость, питание, сеть и т. д.

Теперь вы умеете добавлять ярлыки с помощью «Проводника Виндовс» и специального мастера по созданию иконок. Самое важное в этих способах – найти папку, в которой находится файл для запуска приложения. Стандартные значки «Этот компьютер», «Корзина» и прочие включаются в настройках Виндовс, а не с помощью «Проводника». Также мы знаем, как добавить на рабочий стол кнопки «Выключение ПК» и «Спящий режим». Для более быстрого запуска окон можно перенести ярлыки на такие панели: в меню «Пуск», панель задач, трей Виндовс, папку «Автозагрузка».

Насколько вам была полезна статья?

Кликните по звездочке, чтобы оставить оценку!

Средний рейтинг 5 / 5. Оценок: 4

Пока оценок нет! Очень нужна ваша.

Нам очень жаль, что статья вам не понравилась!

Помогите нам ее улучшить!

Скажите, как мы можем улучшить статью?

Как поменять иконку приложения на Android

Руководства • Руководства Android

12. 09.2020

Автор: Ярослав Драгун

Часто бывает так, что стандартные иконки программ, установленных на смартфоне, надоели. Хочется чего-то нового. Обойти представления разработчика о том, как должна выглядеть иконка довольно просто. Мы подробно расскажем о процессе.

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

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

Содержание

• 1 Использование специализированного приложения
• 2 Использование стороннего лаунчера
• 3 Заключение

Использование специализированного приложения

Мы рекомендуем для смены иконок любой программы использовать приложение Awesome Icons. Оно действительно работает в отличие от того, что предлагает Google Play по большей части (совершенно бесполезные продукты).

Тем не менее, с данной программой нужно уметь работать. Ведь новичкам будет трудно разобраться в ее интерфейсе. Сейчас мы расскажем об использовании данного приложения на Xiaomi Redmi 8. Вот подробная инструкция.

Шаг 1. На главном экране аппарата запускаем Google Play с помощью соответствующего значка.

Шаг 2. В поисковой строке вводим «Awesome Icons» и тапаем по иконке для запуска поиска.

Шаг 3. Далее просто нажимаем кнопку «Установить».

Шаг 4. Дожидаемся завершения процесса и затем запускаем программу при помощи нужного ярлыка.

Шаг 5. Далее в списке выбираем приложение, для которого нужно заменить иконку и нажимаем на кнопку с изображением картинки.

Шаг 6. После этого в галерее выбираем нужное изображение и тапаем по кнопке с иконкой галочки.

Шаг 7. Осталось только отредактировать название приложения и тапнуть «ОК».

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

Внимание! Учтите, что после удаления Awesome Launcher иконки программ вернутся к своему классическому виду. Если вы желаете постоянно видеть альтернативные значки, то вам придется держать данное приложение на своем смартфоне. Зато можно будет поменять иконки на альтернативные в любое время.

Использование стороннего лаунчера

Лаунчер – это рабочий стол, на котором отображаются значки всех приложений. Также на нем размещаются виджеты. Если установить альтернативный лаунчер, то вполне возможно поменять и тему иконок.

Из всего многообразия соответствующих программ на Маркете лучше выбрать Nova Launcher. Этот продукт имеет наиболее гибкие настройки и не особо сильно грузит систему. Вот что нужно сделать для его установки и настройки.

Шаг 1. Запускаем Google Play при помощи нужного значка.

Шаг 2. В строке поиска вводим «Nova Launcher» и жмем кнопку с пиктограммой лупы.

Шаг 3. Далее жмем на кнопку «Установить».

Шаг 4. После завершения инсталляции возвращаемся на рабочий стол и видим предложение выбрать лаунчер для использования. Отмечаем «Запомнить выбор» и тапаем по пункту «Nova Launcher».

Шаг 5. Теперь просто жмем «Далее».

Шаг 6. Выбираем темную тему (если требуется) и жмем «Далее».

Шаг 7. Выбираем тип запуска меню и тапаем «Применить».

Шаг 8. Получаем новый рабочий стол с совершенно другими значками и приступаем к его настройке.

Стоит заметить, что стандартная тема значков у Nova Launcher не особенно интересная. Но сторонние лаунчеры тем и хороши, что позволяют скачать альтернативное оформление и наслаждаться необычным внешним видом рабочего стола.

Внимание! Если вы решите вернуться к системному рабочему столу, то достаточно будет удалить Nova Launcher при помощи настроек смартфона в соответствующем пункте меню. Как только лаунчер исчезнет, системный рабочий стол снова будет установлен по умолчанию. Как правило, никаких сбоев после этого не случается.

Заключение

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

Так что лучше следуйте нашим рекомендациям.

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

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

Метка SwiftUI: стандартный способ маркировки элементов пользовательского интерфейса

Метка в SwiftUI — это представление, предназначенное для маркировки других представлений. Метка состоит из текста и значка .

Вы можете использовать символы SF или пользовательское изображение ^[1] для значка.

 struct ContentView: View { 
 var body: some View { 
 VStack { 
 // Символы SF 
  Label("Избранное", systemImage: "heart") 
 // Пользовательское изображение 
 Label("Избранное", image: "обычай-сердце") 
 } 
 } 
 } 
 

Вы можете использовать символы SF или собственное изображение для значка.

Метка также имеет инициализатор, который принимает два построителя представления для текста и изображения, если вы чувствуете себя творчески.

 struct ContentView: View { 
  var body: some View { 
 Label { 
 Text ("Избранное") 
 .bold() 
 .foregroundColor(.pink) 
 } icon: { 
 Image(systemName: "heart") 
 .symbolVariant(.fill) 
 .foregroundColor(.pink) 
 } 
 
 } 
 } 
 

У вас может быть собственный вид для текста и значка.

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

 Label("Избранное", systemImage: "heart") 
 .font(.body.bold()) 
 .symbolVariant(.fill) 
 .foregroundColor(.pink) 

Стиль

Встроенные стили

Мы можем управлять стилем метки, установив его через

labelStyle(_:) . У вас есть три стиля на выбор:

1. titleOnly : стиль этикетки, который отображает только заголовок этикетки.
2. iconOnly : Стиль метки, который отображает только значок метки.
3. titleAndIcon : стиль метки, в котором отображаются заголовок и значок метки с использованием стандартного для системы макета.

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

Вот пример этикеток в другом стиле.

 struct ContentView: View { 
 var body: some View { 
 VStack { 
 Label("Избранное", systemImage: "heart") 
 // равно .labelStyle(.automatic) 
 Label("Избранное", systemImage: "сердце") 
 .labelStyle(.titleOnly) 
 Ярлык("Избранное", systemImage: "сердце") 
 .labelStyle(.iconOnly) 
 Ярлык("Избранное", systemImage: "сердце") 
 .labelStyle(.titleAndIcon ) 
 } 
 } 
 } 

Стили меток сверху вниз: автоматический, titleOnly, iconOnly и titleAndIcon.

Пользовательский стиль

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

LabelStyle .

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

Я создал AdaptiveLabelStyle , который отображает значок и заголовок вертикально в книжной ориентации и представляет значок и заголовок горизонтально в альбомной ориентации, где пространство по вертикали ограничено (класс компактного вертикального размера).

 struct AdaptiveLabelStyle: LabelStyle { 
 @Environment(\.verticalSizeClass) var verticalSizeClass: UserInterfaceSizeClass? 
  func makeBody(configuration: Configuration) -> some View { 
 if verticalSizeClass == .compact { 
 // 1 
 HStack { 
 configuration.icon 
 configuration. title 
 } 
 } else { 
 // 2 
 VStack { 
 configuration.icon 
 configuration.title 
 } 
 } 
 } 
 } 
 
 struct ContentView: View { 
 var body: some View { 
 Label("Избранное", systemImage: "heart") 
 .labelStyle(AdaptiveLabelStyle()) 
 } 
 } 
 

1 Когда пространство по вертикали ограничено (альбомная ориентация), значок и заголовок отображаются горизонтально.
2 В портретном режиме мы показываем их вертикально.

AdaptiveLabelStyle — это настраиваемый стиль меток, который выравнивает заголовок и значок в зависимости от вертикального пространства.

Преимущества

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

SwiftUI обрабатывает Label именно так. Вы увидите много встроенных представлений для инициализатора, которые принимают метку

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

Несмотря на то, что представление принимает метку Label в своем инициализаторе, фактическая реализация представляет собой просто представление .

Вот интерфейс кнопки .

 public struct Button : View where Label : View { 
 public init(action: @escaping() -> Void, @ViewBuilder label: () -> Label) 
 } 

Как видите, Label здесь просто общее имя для представления, предназначенного для использования в качестве метки (не представление

Label ). Таким образом, вы можете использовать любое представление в качестве аргумента для метки. Но если вы выберете вид Этикетка , это принесет вам пользу в двух областях .

1. Динамический интерфейс.
2. Доступность.

Динамический пользовательский интерфейс

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

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

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

.

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

 struct contentView: view {
 // 1 
 let favouriteslabel = label ("Favorites", Systemimage: "Heart") 
 VAR Body: Некоторое представление {
 TabView {
 NavigationView {
 vstack {
 / / 2 
 Favigate {
 vstack {
 / / 2 
 favigate {
 vstack {
 / / 2 
 Favigate {
 vstack {
 / / 2 
 Favigate {
.  
 // 3 
 Кнопка { 
 
 } метка: { 
 избранная метка 
 
 } 
 
 // 4 
 Переключатель (isOn: .constant (true)) { 
 избранная метка 
 } 
 
 // 5 
 Slider(value: .constant(5), in: 0...10) { 
 избранноеLabel 
 } 
 }.toolbar { 
 // 6 
 ToolbarItem(placement: .primaryAction) { 
 Кнопка { 
 
 } метка: { 
 избранноеЯрлык 
 
 } 
 } 
 } 
 }.tabItem { // 7 
 избранноеЯрлык 
 } 
 } 
 } 
 } 9 0007 

1 Мы создаем общую метку, которая будет передаваться как аргумент для каждого представления.
2 Автономная метка отображает значок рядом с текстом.
3 Кнопка также использует значок и текст для представления себя.
4 Переключение метки рендеринга вместе с переключателем.
5 Ползунок вообще не отображает метку .
6 Для кнопки в качестве элемента панели инструментов используется только значок. Это отличается от обычной кнопки ( 3 ) .
7 Элемент вкладки отображает как текст, так и изображение вертикально в портретной ориентации.

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

Пример разных представлений, использующих одну и ту же метку, но отображаемых по-разному.

Вы можете переопределить стиль метки по умолчанию, установив стиль с помощью labelStyle(_:) .

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

 .tabItem {
 избранноеЯрлык 
 .labelStyle(.iconOnly) 
 } 

Как видите, метка используется в наилучшей форме, которая соответствует представлениям контейнера. Это может быть иконка, заголовок, и то, и другое или ничего!

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

Доступность

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

В каком бы стиле ни отображалась метка, заголовок используется в качестве описания метки (метка доступности). В нашем случае, даже если кнопка выбирает отображение только значка сердца, она будет читаться как «кнопка избранного», а не как «кнопка сердца».

Это также верно, когда метки используются для маркировки других представлений SwiftUI. Название метки используется в качестве голосового описания (метки доступности) для этого конкретного представления даже без значка и текста. Голос за кадром будет описывать ползунок в нашем предыдущем примере как «Избранное пять регулируемых».

Заключение

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

Я думаю, что это простое представление значительно улучшает доступность в среде SwiftUI. Надеюсь, вы учтете это при создании собственного представления.

---

1. Иконка с https://www.iconfinder.com/Icojam ↩︎

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

Если вам нравится то, что я пишу, зайдите на мой Patreon https://www.patreon.com/sarunw и поддержите меня. Распространение статьи также приветствуется.

html — Выравнивание значка по правому краю внутри тега метки

Я попытался изменить стиль тега i на ‘float:right’, чтобы выровнять значок по правому краю, но это не сработало. Идеальный вид будет таким, как на изображении ниже. Заранее спасибо.

 <дел>
<дел>
    ТЕКСТ
    <дел>