Widget Rehberleri

Button Widget Kullanım Rehberi

MicroControlPanel Button widget'ı ile cihazlarınıza anlık tetikleme veya toggle komutu gönderin. Styled Button, Icon Button ve Image Button varyantları dahil tüm buton tiplerinin yapılandırması ve firmware entegrasyonu.

admin@microcontrolpanel.com 10 Temmuz 2025 10 görüntülenme

🔘 Button Widget Nedir?

Button widget'ı, kullanıcının dokunuşuyla cihaza anlık veya kalıcı komut gönderir. Basıldığında 1, bırakıldığında 0 değeri gönderilir. Toggle modda ise her basışta durum tersine döner.

Button Varyantları

Tip	Görünüm	Enerji	Fark
BUTTON	Standart düz buton	200⚡	Temel push/toggle butonu
STYLED_BUTTON	Renkli ON/OFF durumlu	200⚡	Açık/kapalı renk özelleştirmesi
ICON_BUTTON	Emoji ikonlu buton	200⚡	Özel emoji ikonu (⚡🔔💡)
IMAGE_BUTTON	Resimli buton	200⚡	Özel resim URL'si ile görsel buton

⚙️ Yapılandırma Seçenekleri

Alan	Açıklama	Varsayılan
`onColor`	Açık durumdaki renk	`#4ADE80` (yeşil)
`offColor`	Kapalı durumdaki renk	`#3A3B55` (koyu gri)
`icon`	Emoji ikonu (sadece Icon Button)	⚡
`imageUrl`	Resim URL (sadece Image Button)	—

📡 Datastream Ayarları

Alan	Değer
Pin Code	`V0`
Data Type	Integer
Pin Mode	Output
Min / Max	0 / 1

💻 Firmware Örneği (ESP8266)

#define MCP_PRINT Serial
#define MCP_USE_SSL
#define MCP_SERVER "api.microcontrolpanel.com"
#define MCP_PORT   443

#include <MCPSimpleEsp8266.h>

#define RELAY_PIN D1

// V0: Button widget'ından gelen komut
MCP_WRITE(V0)
{
    int val = param.asInt();
    digitalWrite(RELAY_PIN, val == 1 ? LOW : HIGH);
    Serial.printf("Buton: %s\n", val ? "BASILDI" : "BIRAKILDI");
}

MCP_CONNECTED() { MCP.syncVirtual(V0); }

void setup() {
    Serial.begin(115200);
    pinMode(RELAY_PIN, OUTPUT);
    digitalWrite(RELAY_PIN, HIGH); // Röle OFF
    MCP.begin("TOKEN", "SSID", "PASS", MCP_SERVER, MCP_PORT);
}

void loop() { MCP.run(); }

💡 Kullanım Senaryoları

Röle kontrolü: Lamba, fan, pompa açma/kapama
Buzzer tetikleme: Anlık ses uyarısı
Kapı kilidi: Anlık tetikleme ile kapı açma
Restart komutu: Cihazı uzaktan yeniden başlatma

💡 İpucu: Anlık tetikleme için BUTTON, kalıcı açma/kapama için SWITCH widget'ını tercih edin. Button basıldığında 1 gönderir ve bırakıldığında 0'a döner.

#Button #Widget #Switch #Röle #LED #Kontrol #MicroControlPanel #IoT #ESP8266 #ESP32