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ı.
📊 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ı
| Tip | Kategori | Enerji | Özellik |
|---|---|---|---|
| LEVEL_H | Gösterim | 300⚡ | Yatay seviye çubuğu (salt okunur) |
| LEVEL_V | Gösterim | 300⚡ | Dikey seviye çubuğu (salt okunur) |
| LEVEL_SLIDER | Kontrol | 400⚡ | Yatay seviye + sürgü kontrolü |
| LEVEL_SLIDER_WITH_SWITCH | Kontrol | 400⚡ | Seviye slider + açma/kapama switch |
⚙️ Yapılandırma
| Alan | Açıklama | Varsayılan |
|---|---|---|
min | Minimum değer | 0 |
max | Maksimum değer | 100 |
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