Компонентный вход что это: Компонентный вход на телевизоре — что это такое, краткое описание

Содержание

Компонентный вход на телевизоре — что это и для чего использовать?

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

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

Содержание статьи

  • Для чего используется компонентный (композитный) вход
  • Как выглядит и где находится
  • Какие бывают компонентные входы

Для чего используется компонентный (композитный) вход

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

  1. Первых из элементов называется одним символом, то есть — Y. Именно с его помощью осуществляется передача разности между уровнем яркости предоставляемого изображения и синхронизированных импульсах. Что касается маркировки отверстия, так это кружок с желто-зеленым оттенком, который запросто можно найти на панели.
  2. Следующий — Pb. Он предоставляет возможность для процесса различия яркости и непосредственно синего оттенка цветовой гаммы. Говоря про обозначение, стоит отметить, что оно напрямую соответствует маркировки углубления.
  3. И последний, завещающий разъем, который отмечается двумя буквами Pr. Благодаря ему, передается разность между красным уровнем и яркостью. Так же, как и предыдущих объект, он выглядит соответствующим образом: цвет точно совпадает с описанным предназначением — применение красного облика.

ВНИМАНИЕ! В некоторых моделях можно заметить, что для отметки отверстия применяется иная символика. Если же вы пользователь именно описанной конструкции, то, скорее всего, вход обозначен одной буквой — U. Однако, кроме изменения пометки, больше ничего не меняется: ни предназначение ни особенности устройства.

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

ВАЖНО! Этот вход позволяет принимать сигналы не только от DVD—плееров, компьютеров, телефонов, но и от цифровых спутниковых ресиверов и декодеров цифрового телевидения.

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

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

СПРАВКА! Описанная разновидность интерфейса может использоваться практисески со всей аппаратурой современного быта.

Причем, если сравнивать описанный агрегат с S-video или с композитными входом, где применяется непосредственно мультиплексирование, первый из них предоставляет подключать более высокую четкость (а именно вплоть до 270 ТВЛ).

Как выглядит и где находится

Говоря о месте нахождении данной разновидности входа, стоит отметить, что размещается он непосредственно там же, где и все остальные подобные ему объекты. Имеется в виду, что найти их можно прямо на обратной стороне устройства, на задней панели. Это обычное положение представленного рода отверстия, которое обозначается на каждом существующем изобретении. То есть не существует таких конструкций, где бы разъемы находились с передней части, так как там и устанавливается экран монитора, либо же телевизора.

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

Какие бывают компонентные входы

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

  • Цветоразностные входы в количестве двух штук;
  • Один, определяющий уровень яркости на изображении с импульсами синхронизации.

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

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

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

ВНИМАНИЕ! Кроме трех описанных компонентов, существуют ещё два сигнала для синхронизации: строчный и кадровый.

Причем передаются они с помощью четырех различных способов:

  • Элементы перемещаются одновременно по одним проводам.
  • Раздельный процесс.
  • Общий провод с зеленым каналом.
  • По единственной составляющей с синим и красным каналами.

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

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

Компонентный вход что это

Компонентный вход на телевизоре позволяет значительно улучшить качество изображения. Это актуально не только для просмотра телепередач, но и при использовании его в качестве одного из компонентов домашнего кинотеатра. Через этот разъём к телевизору подключают DVD-проигрыватели и спутниковые ресиверы. Его пропускная способность позволяет преобразовать аналоговый сигнал в соответствующее цифровому формату качество:. Поскольку к этому разъёму подключают устройства для длительной работы в паре с телевизором, то чаще всего он расположен на задней панели.


Поиск данных по Вашему запросу:

Схемы, справочники, даташиты:

Прайс-листы, цены:

Обсуждения, статьи, мануалы:

Дождитесь окончания поиска во всех базах.

По завершению появится ссылка для доступа к найденным материалам.

Содержание:

  • Подключение DVD-плеера к дисплею
  • Запутался: S-Video/компонентный/композитный (+)
  • Вход для компонентных видеосигналов YPBPR
  • Каталог интернет-магазинов
  • Что такое компонентный вход на телевизоре
  • Соединяем технику: что нужно знать о кабелях

ПОСМОТРИТЕ ВИДЕО ПО ТЕМЕ: Переходник HDMI на Компонентный. Разветвитель HDMI. Обзор.

Подключение DVD-плеера к дисплею


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

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

Тот факт, что сам разъем состоит из трех составляющих — забывать не стоит. Непосредственно информация о них:. В некоторых моделях можно заметить, что для отметки отверстия применяется иная символика. Если же вы пользователь именно описанной конструкции, то, скорее всего, вход обозначен одной буквой — U.

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

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

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

Описанная разновидность интерфейса может использоваться практисески со всей аппаратурой современного быта. Причем, если сравнивать описанный агрегат с S-video или с композитными входом, где применяется непосредственно мультиплексирование, первый из них предоставляет подключать более высокую четкость а именно вплоть до ТВЛ.

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

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

Для напоминания можно повторить, что первый — оттенка желтого цвета, второй — синего, третий — красного.

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

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

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

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

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

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

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

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

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

Содержание статьи Для чего используется компонентный композитный вход Как выглядит и где находится Какие бывают компонентные входы. Подписаться на наш канал в Яндекс Дзен. Подпишитесь на наши социальные сети. Рекомендуем похожие статьи по теме. Что такое dlna в телевизоре. Телевизор 0 комментариев. AV вход на телевизоре — что это? Телевизор 6 комментариев. Вредно ли спать при включенном телевизоре. Мониторы 0 комментариев. Отменить ответ Ваш e-mail не будет опубликован. Dpi — что это такое на мышке?

Стоит ли покупать беспроводные наушники. Какое хозяйственное мыло лучше в быту. Какова по стандарту высота установки ванны. В какое время можно пылесосить в квартире? Полезные заметки от журнала Setafi. Все права сохранены. Присоединяйтесь к нашим сообществам в социальных сетях.


Запутался: S-Video/компонентный/композитный (+)

Последнее обновление: 10 Октября на В этой статье находится информация о том, как подсоединить DVD-плеер с телевизором или проектором для следующих конфигураций:. Ни в коем случае не ставьте DVD-плеер на аппаратуру, которая может нагреваться. Перед подсоединением DVD-плеера выключите всю аппаратуру.

YPbPr — трёхмерное цветовое пространство, используемое в аналоговом компонентном «компонентным разъёмом», однако это не совсем точно, поскольку есть и другие типы компонентного видео (например, RGB).

Вход для компонентных видеосигналов YPBPR

По таким разъёмам производится подключение к телевизору различных устройств:. Добавлена поддержка видео p на Гц. Благодаря встроенным линиям питания USB позволяет подключать периферийные устройства без собственного источника питания. USB выдает питание 5В 0,5А это стандарт, но в связи с увеличением устройств которые потребляют питание более 0,5А, в телевизорах устанавливают порты и с возможностью выдачи увеличенного питания 1А. Компонентный вход предназначен для приёма на телевизоре аналогового сигнала. Производится передача следующих сигналов. Поскольку при передаче по компонентному входу сигнал меньше преобразуется происходит меньше потерь качества картинки по сравнению с стандартными RGB подключением тюльпаны, скарт. Тот же Samsung во многих моделях современных телевизоров уже не устанавливает RGB разъёмы, а только компонентные. Если говорить о входе сигнала то предназначены для п ередачи на телевизор аналогового видеосигнала и стерео сигнала, звукового левый и правый канал.

Каталог интернет-магазинов

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

HDMI получает в последнее время всё большее распространение.

Что такое компонентный вход на телевизоре

Component video — компонентный видеосигнал — видеосигнал, разложенный на три составляющих: сигнал яркости и два сигнала цветности обозначаемых как Y, B-Y, R-Y соответственно. Это наиболее совершенный метод передачи видеосигнала. Высококачественные DVD-проигрыватели снабжены выходом таких сигналов, называемых цветоразностными; при подключении к мониторам с аналогичным входом качество изображения вызывает восхищение. Компонентное видео состоит из трех сигналов. Первый носит название сигнала яркости.

Соединяем технику: что нужно знать о кабелях

Правила FAQ. Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0. Конференция работает на сервере Netberg. Вопрос о подключении по компонентному входу YPbPr. Добавлено: По документации на AIW эта возможность проходит как стандартная.

То что входы красят в красный-зеленый-синий не означает, что это RGB. На самом деле это и есть компонентный YPrPb.

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

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

Логин: Пароль: Запомнить меня Регистрация Забыли пароль? Страницы: 1 2 3 След.

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

Тема перенесена За это сообщение сказали спасибо: AzikAtom. Конференция iXBT. Frink ,


Сопоставление полей ввода компонента — Power Apps

  • Статья
  • 2 минуты на чтение

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

Совет

Чтобы узнать, что такое настраиваемые входные и выходные свойства в компонентах, см. раздел Настраиваемые свойства в компонентах.

Сопоставить столбцы

Используйте функцию RenameColumns() для переименования одного или нескольких столбцов таблицы. чтобы соответствовать схеме входных свойств для выбора входного столбца.

Например, рассмотрим компонент, который ожидает ввода таблицы в следующем формате:

Flavor Цена за единицу Количество продано
Клубника 1,99 20
Шоколад 2,99 45

Свойство ввода ожидает табличный тип данных:

Схема входного свойства выглядит как следующая формула:

 Таблица({Вкус: "Клубника",Цена за единицу: 1,99, Проданное количество:20})
 

Приложение, использующее этот компонент, имеет следующие Таблица IceCreams , которая не соответствует схеме компонента:

FlavorName Цена Номер продажи
Клубника 1,99 20
Шоколад 2,99 45

Чтобы сопоставить правильные поля, используйте функцию RenameColumn() для переименования ожидаемых столбцов.

 RenameColumns(IceCreams,"cra56_flavorname","Flavor","cra56_price","UnitPrice","cra56_salenumber","QuantitySold")
 

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

Сопоставить записи

Используйте функцию With() для сопоставления одной записи.

Например, продолжая предыдущий пример для сопоставления столбцов, настраиваемое свойство ввода компонента внутри приложения ожидает тип записи со следующей схемой:

 {Вкус: "Клубника", Цена за единицу: 1,99, Количество продано: 20}
 

Поскольку источник данных IceCreams ожидает имена столбцов как FlavorName , Price и SaleNumber , нам потребуется изменить сопоставление для записи после добавления компонента в приложение.

Используйте функцию With() , чтобы выбрать столбцы таблицы IceCreams и сопоставить их с полями ввода компонента: Номер продажи})

На следующей анимации показан пример компонента, добавленного в приложение, которое показывает выбранную запись из галереи (над компонентом):

Сопоставление таблиц

Используйте функцию ForAll() для сопоставления таблицы записей с записями, ожидаемыми компонентом, добавленным в приложение.

Например, в конце примера сопоставления столбцов вы можете использовать функцию ForAll() , чтобы сопоставить всю таблицу с определенными столбцами, чтобы указать на поля из компонента для каждой строки:

 ForAll(IceCreams,{Flavor:FlavorName,UnitPrice:Price,QuantitySold:SaleNumber})
 

Сопоставление с помощью раскрывающегося списка (устарело)

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

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

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

Вы по-прежнему можете использовать раскрывающийся список, чтобы выбрать сопоставление для существующих приложений, хотя это и не рекомендуется. Для новых приложений этот параметр будет недоступен по умолчанию. Чтобы включить или выключить эту устаревшую возможность, перейдите на Настройки > Предстоящие функции > Устаревшие и выберите Разрешить автоматическое назначение полей для входов компонентов .

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

См.

также
  • Формулы поведения компонентов
  • Устарело: Сопоставление полей компонента с использованием раскрывающегося списка
  • Компоненты полотна
  • Библиотека компонентов
  • Управление жизненным циклом приложения библиотеки компонентов (ALM)
  • Добавить мультимедиа к компоненту
  • Формулы поведения компонентов
  • Платформа компонентов Power Apps
  • Добавление компонентов холста на пользовательскую страницу в приложении на основе модели

Ввод — интерфейс Chakra

Import#

 

import {Input} from '@chakra-ui/react'

Usage#

Вот базовый пример использования компонента Input :

 

Изменение размера Input#

Компонент Input приходит в четырех размерах. Значение по умолчанию — md .

  • хз ( 24px )
  • см ( 32px )
  • мкр ( 40px )
  • LG ( 48px )
 

<Интервал стека={3}>

<Заполнитель ввода='очень маленький размер' size='xs' />

<Заполнитель ввода='маленький размер' size='sm' />

<Вход placeholder='medium size' size='md' />

Если вы хотите использовать собственный DOM размер атрибут вы можете использовать htmlSize опора Чтобы он работал должным образом, вам также необходимо предоставить ширина опора установить на авто .

 

Изменение внешнего вида ввода#

Компонент ввода доступен в 4 вариантах: контур , нестилизованный , окрашенный и заполнено . Передайте вариант prop и установите для него одно из этих значений.

 

<Расстояние между стопками={3}>

<Входной вариант='контур' заполнитель='Контур' />

< /Stack>

Надстройки слева и справа #

Как и при начальной загрузке, вы можете добавлять надстройки слева и справа от ввода составная часть. Пользовательский интерфейс Chakra экспортирует InputGroup , InputLeftAddon и InputRightAddon , чтобы помочь с этим вариантом использования.

 

{/* Если вы добавите параметр size в `InputGroup`, он передаст его всем своим дочерним элементам. */}

Добавить элементы внутрь Input#

В некоторых сценариях может потребоваться добавить значок или кнопку внутрь input составная часть. Пользовательский интерфейс Chakra экспортирует InputLeftElement и InputRightElement , чтобы помочь с этим вариантом использования.

Если слева или справа находится значок или текст, вы можете передать pointerEvents="none" в InputLeftElement или InputRightElement , чтобы гарантировать, что нажатие на них сфокусировал ввод.

 

pointerEvents='none'

children={}

pointerEvents='none'

font='gray.300'

  • 5

    '1.2em'

    детей='$'

    />

    } />

  • Пример ввода пароля#

    Давайте используем эти компоненты для создания ввода пароля с отображением/скрытием пароля функциональность:

     

    function PasswordInput() {

    const [show, setShow] = React.useState(false)

    const handleClick = () => setShow(!show)

    return (

    pr='4.5rem'

    type={show ? 'text' : 'password'}

    placeholder='001 password'

    />

    4 4

    )

    }

    Контролируемый ввод#

     

    function Example() {

    const [value, setValue] = React.useState('') ​​

    const handleChange = (event) => setValue(event.target.value)

    return (

    <>

    Value: {value}

    value={value}

    onChange={handleChange}

    placeholder='Вот образец-заполнитель'

    size='sm'

    />

    )

    }

    Изменение цвета границы фокуса и ошибки #

    Вы можете изменить цвет границы, который отображается, когда ввод получает фокус ( focusBorderColor ) и когда isInvalid устанавливается в true ( errorBorderColor ). В качестве значения можно задать цвет в объекте темы, например бирюзовый. 400 , или необработанный Значение CSS.

    FOCUSBORDERCOLOR = 'PINK.400'

    Placeholder = 'Вот пример заполнителя'

    />

    ISINVALID

    ERROU является заполнителем образца'

    />

    isInvalid

    errorBorderColor='crimson'

    placeholder='Вот образец заполнителя'

    />

    90> 90 0Stack0236 Стилизация заполнителя#

    Заполнитель ввода можно стилизовать с помощью реквизита _placeholder . Пер по умолчанию заполнитель имеет непрозрачность 0,6, поэтому может потребоваться установить непрозрачность до 1, если вы хотите, чтобы заполнитель имел определенный цвет.

    <Интервал стека={3}>

    <Вводной заполнитель='заполнитель по умолчанию' />

    <Вводной

    заполнитель='пользовательский заполнитель'

    _placeholder={{ непрозрачность: 1, цвет: серый.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *