Widget Rehberleri

Level Widget Kullanım Rehberi

MicroControlPanel Level widget'ları ile seviye verilerinizi yatay veya dikey çubuk olarak görselleştirin. Level H, Level V, Level Slider ve Level Slider With Switch varyantları.

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

📊 Level Widget Nedir?

Level widget'ları, değerleri yatay veya dikey doluluk çubuğu olarak gösteren görsel araçlardır. Tank seviyesi, pil durumu, doluluk oranı gibi yüzdelik verilerin gösteriminde idealdir.

Level Varyantları

TipKategoriEnerjiÖzellik
LEVEL_HGösterim300⚡Yatay seviye çubuğu (salt okunur)
LEVEL_VGösterim300⚡Dikey seviye çubuğu (salt okunur)
LEVEL_SLIDERKontrol400⚡Yatay seviye + sürgü kontrolü
LEVEL_SLIDER_WITH_SWITCHKontrol400⚡Seviye slider + açma/kapama switch

⚙️ Yapılandırma

AlanAçıklamaVarsayılan
minMinimum değer0
maxMaksimum değer100
colorÇubuk rengi (Level Slider)#FBBF24

💻 Firmware Örneği — Tank Seviyesi

#define TRIG_PIN D5
#define ECHO_PIN D6
#define TANK_HEIGHT 100  // cm

MCPTimer timer;

void sendLevel()
{
    // Ultrasonik mesafe ölçümü
    digitalWrite(TRIG_PIN, LOW);
    delayMicroseconds(2);
    digitalWrite(TRIG_PIN, HIGH);
    delayMicroseconds(10);
    digitalWrite(TRIG_PIN, LOW);

    long duration = pulseIn(ECHO_PIN, HIGH);
    float distance = duration * 0.034 / 2.0;

    // Mesafeyi yüzdeye çevir (sensör tepede)
    float level = constrain((TANK_HEIGHT - distance) / TANK_HEIGHT * 100, 0, 100);

    MCP.virtualWrite(V0, level);  // Level H widget'ına gönder
    Serial.printf("Tank: %.1f%%\n", level);
}

void setup() {
    Serial.begin(115200);
    pinMode(TRIG_PIN, OUTPUT);
    pinMode(ECHO_PIN, INPUT);
    MCP.begin("TOKEN", "SSID", "PASS", MCP_SERVER, MCP_PORT);
    timer.setInterval(15000L, sendLevel);
}

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

💡 Kullanım Senaryoları

  • Su tankı: Ultrasonik sensörle su seviyesi (Level V)
  • Pil durumu: ADC ile voltaj okuma → yüzde (Level H)
  • Parlaklık kontrolü: LED parlaklığı ayarı (Level Slider)
  • Fan hızı + toggle: Hız ayarı + açma/kapama (Level Slider With Switch)
  • Yakıt seviyesi: Araç yakıt tankı izleme
💡 İpucu: LEVEL_V dikey gösterim tank, silo ve termometre benzeri kullanımlarda daha sezgiseldir. LEVEL_SLIDER_WITH_SWITCH ise tek widget'ta hem değer ayarı hem açma/kapama kontrolü sağlar.

#Level #Widget #Seviye #Tank #Pil #Display #Kontrol #MicroControlPanel #IoT