Кнопки с подсветкой: Улучшение проектов с помощью стильных и функциональных элементов управления

Что такое кнопка с подсветкой (LED Button)?

Это кнопка со встроенным светодиодом. При нажатии загорается — визуальная обратная связь: цепь замкнута/разомкнута. Два в одном: кнопка + индикатор. Цвета: красный, зеленый, желтый, синий, белый, RGB. 4 ножки: 2 для кнопки, 2 для LED (анод/катод).

Принцип работы

Один контакт кнопки → 5V (через резистор к аноду LED), второй → GPIO входа MCU. При нажатии: цепь замыкается → ток течет через LED → он светится + MCU видит HIGH/LOW. Отпускание → разрыв цепи → LED гаснет. Варианты: тактовая (momentary) или фиксирующаяся (latching).

Характеристики (Grove LED Button пример)

• Напряжение: 3.3–5 В;
• Ток LED: 50 мА (ном.);
• Вес: 4.3 г;
• Размер: 40×20×13 мм;
• Ресурс: 100 000 нажатий (без нагрузки);
• Сопротивление замкнутого контакта: <100 мОм;
• Сопротивление разомкнутого: >100 МОм.

Управление LED-лентой с телефона (Bluetooth)

Компоненты

• Bluetooth модуль HC-05/06;
• RGB LED-лента (WS2812B / SK6812);
• Провода-перемычки;
• Evive (или Arduino + Shield);
• Приложение Dabble (Android);
• Среда PictoBlox (Scratch 3.0 based).

Подключение

• LED VCC → Evive +5V;
• LED DIN → Evive D7;
• LED GND → Evive GND;
• HC-05: VCC→5V, GND→GND, TX→RX, RX→TX (через делитель 2к/3к).

Настройка Dabble

1. Сопрягите телефон с HC-05 (пароль 1234/0000).
2. Откройте Dabble → Gamepad.
3. Кнопки геймпада управляют лентой:
   • ↑ — Rainbow;
   • ↓ — Rainbow Cycle;
   • → — Theater Chase;
   • ← — Theater Chase Rainbow;
   • △ — Color Wipe Blue;
   • □ — Sky Blue;
   • ○ — Red;
   • × — Yellow.
4. Цвета/эффекты полностью настраиваются в коде.

Код в PictoBlox

Скачайте PictoBlox и .sb3 файл проекта. Блоки: Bluetooth connect, нажатие кнопки → вызов функции эффекта (Adafruit NeoPixel библиотека внутри).

LED Button + Arduino (Grove система)

Компоненты

• Grove LED Button;
• Seeeduino V4.2 (Arduino Uno совместимый);
• Grove Base Shield.

Подключение

1. Grove LED Button → порт D3 Base Shield (синий разъем).
2. Base Shield → Seeeduino.
3. Seeeduino → USB ПК.

Код (Fade in/out эффект)

#include 
const int buttonPin = 3; // D3
const int ledPin = 3;    // LED на той же ноге (Grove LED Button)

void setup() {
  pinMode(buttonPin, INPUT);
}

void loop() {
  static int brightness = 0;
  static int fadeAmount = 5;
  int buttonState = digitalRead(buttonPin);

  if (buttonState == HIGH) {
    analogWrite(ledPin, brightness);
    brightness += fadeAmount;
    if (brightness <= 0 || brightness >= 255) fadeAmount = -fadeAmount;
    delay(30);
  } else {
    analogWrite(ledPin, 0);
    brightness = 0;
  }
}

3. Загрузите в Seeeduino.
4. Нажмите кнопку — плавное затухание/распыхание (Fade in/out).

Итог

Кнопка с подсветкой — элегантное 2-в-1: ввод + индикация. Дешево, надежно, красиво. Ардуино-код прост, эффекты — на ваш вкус. Добавьте в свой проект сегодня! Вопросы — пишите.