Widget Rehberleri

Slider Widget Kullanım Rehberi

MicroControlPanel Slider widget'ı ile cihazlarınıza analog değer gönderin. Yatay, dikey, adımlı slider varyantları, PWM kontrolü ve servo motor entegrasyonu.

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

🎚️ Slider Widget Nedir?

Slider widget'ı, kullanıcının belirlenen minimum ve maksimum aralıkta sürgü ile değer göndermesini sağlar. PWM kontrolü, servo motor açısı, fan hızı, LED parlaklığı gibi analog değerlerin ayarlanmasında kullanılır.

Slider Varyantları

Tip	Yön	Enerji	Özellik
SLIDER	Yatay	400⚡	Standart sürekli slider
VERTICAL_SLIDER	Dikey	400⚡	Dikey yönde sürgü
STEP_SLIDER	Yatay adımlı	400⚡	Belirli adım aralıklarında ilerler
VERTICAL_STEP_SLIDER	Dikey adımlı	400⚡	Dikey + adım aralığı
STEP_H / STEP_V	+/- butonlu	400⚡	Butonla adım adım artır/azalt
SLOPE_CONTROL	Yatay	400⚡	Eğim kontrol sürgüsü

⚙️ Yapılandırma

Alan	Açıklama	Varsayılan
`min`	Minimum değer	0
`max`	Maksimum değer	255
`step`	Adım aralığı (Step Slider)	1
`color`	Slider rengi	`#7C6BFF`

📡 Datastream Ayarları

Alan	Değer
Pin Code	`V0`
Data Type	Integer veya Double
Pin Mode	Output
Min / Max	0 / 255 (PWM) veya 0 / 180 (servo)

💻 Firmware Örnekleri

1. PWM ile LED Parlaklık Kontrolü

#define LED_PIN D2

MCP_WRITE(V0)
{
    int pwm = constrain(param.asInt(), 0, 255);
    analogWrite(LED_PIN, pwm);
    Serial.printf("Parlaklık: %d\n", pwm);
}

2. Servo Motor Açı Kontrolü

#include <Servo.h>
Servo myServo;

MCP_WRITE(V0)
{
    int angle = constrain(param.asInt(), 0, 180);
    myServo.write(angle);
    MCP.virtualWrite(V1, angle); // Gauge'da göster
}

3. Hedef Sıcaklık Ayarı (Float)

float targetTemp = 22.0;

MCP_WRITE(V3)
{
    float val = param.asFloat();
    if (val >= 15.0 && val <= 30.0) {
        targetTemp = val;
        Serial.printf("Hedef: %.1f°C\n", targetTemp);
    }
}

🔧 Throttle Mekanizması

Web ve mobil uygulamada slider kaydırılırken değerler 250ms throttle ile gönderilir. Bu sayede sunucu ve cihaz aşırı yüklenmez. Kullanıcı sürgüyü bıraktığında son değer mutlaka gönderilir.

💡 Kullanım Senaryoları

LED parlaklığı: PWM 0-255 (SLIDER, min:0, max:255)
Servo motor: Açı 0-180° (SLIDER, min:0, max:180)
Fan hızı: RPM kontrolü (STEP_SLIDER, step:10)
Hedef sıcaklık: 15.0-30.0°C (SLIDER, step:0.5)
Ses seviyesi: Volüm 0-100 (SLIDER)

💡 İpucu: Ondalıklı değerler için datastream'de Decimals alanını #.# olarak ayarlayın — slider otomatik 0.1 adımla çalışır.

#Slider #Widget #PWM #Servo #Fan #Kontrol #MicroControlPanel #IoT #ESP8266 #ESP32