Eksport ESP-IDF, przezroczyste obrazy RGB i zmiana kolejności dotykiem

Od czasu grup zagnieżdżonych i wypełniania Paint skupiliśmy się na przenoszeniu twoich ekranów na prawdziwy sprzęt: nowy cel eksportu, przezroczyste obrazy na kolorowych wyświetlaczach oraz czcionki działające bez dodatkowych plików.

Oto, co nowego w Lopaka.

Eksport dla ESP-IDF

Ekrany Adafruit GFX (kolorowe i monochromatyczne), Arduino_GFX i TFT_eSPI można teraz eksportować jako ESP-IDF C++. Wybierz ESP-IDF (C++) w selektorze szablonów kodu. Arduino (C++) pozostaje domyślne.

• Bez rdzenia Arduino: Kod kompiluje się w komponencie ESP-IDF.
• Twoje własne zadanie: Wywołuj wygenerowany kod rysowania i animacji ze swojego zadania ESP-IDF.
• Pasujące zasoby: Pobrane pliki obrazów i animacji podążają za wybranym szablonem.
• Podróż w obie strony: Kod ESP-IDF importuje się z powrotem do Lopaka.

Przydaje się to, gdy twój firmware jest zbudowany na ESP-IDF i nie chcesz warstwy Arduino tylko do narysowania ekranu.

Przezroczyste obrazy RGB

Ikony i obrazki z przezroczystymi obszarami mogą teraz leżeć na twoim tle na kolorowych wyświetlaczach.

Zaznacz obraz RGB z przezroczystymi pikselami i włącz Przezroczystość w inspektorze. Warstwy poniżej prześwitują na obszarze rysowania i na urządzeniu. Działa to na Adafruit GFX Color, Arduino_GFX, TFT_eSPI i LVGL.

Nowo zaimportowane obrazy zaczynają z wyłączoną Przezroczystością. W LVGL zaznacz ją, aby zachować przezroczystość obrazu.

Zmiana kolejności dotykiem

Na tablecie lub telefonie dotknij i przytrzymaj element, a następnie go przeciągnij:

• Drzewo projektu obszaru rysowania: Przenoś warstwy i ekrany.
• Oś czasu animacji: Zmieniaj kolejność klatek.

Drzewo projektu i oś czasu przewijają się, gdy trzymasz palec blisko ich krawędzi.

Wartość suwaka LVGL

Suwaki LVGL mają Wartość od 0 do 100. Gałka przesuwa się do tej pozycji na obszarze rysowania, a Lopaka ustawia wartość w wygenerowanym kodzie. Oznacz wartość jako zmienną, aby zmieniać ją z własnego kodu.

Bliżej tego, co pokazuje twój wyświetlacz

• Tekst: Litery takie jak g, p i y wychodzą poniżej linii bazowej na obszarze rysowania, a zaznaczenie je obejmuje.
• MicroPython: Elipsy na obszarze rysowania zapalają dokładnie te piksele, które rysuje MicroPython.
• GxEPD2: Próbnik kolorów przyciąga twój kolor do najbliższego, jaki wyświetlacz może pokazać.
• ESPHome: Tekst TrueType znajduje się tam, gdzie pokazuje go podgląd, a OLED-y w skali szarości, takie jak SSD1322, SSD1325 i SSD1327, pokazują twoje kształty.

Czcionki

• U8g2: Wbudowane czcionki wybierają wariant pokrywający twój tekst, w tym cyrylicę, grekę i łacinę z akcentami. Komentarz wymienia znaki, których czcionka nie może narysować.
• TFT_eSPI: Wolne czcionki pochodzą z samej biblioteki, więc nie ma nic do pobrania. Pozostaw LOAD_GFXFF włączone w konfiguracji TFT_eSPI.
• Adafruit GFX i GxEPD2: Wbudowane czcionki są dołączane z folderu Fonts biblioteki, więc szkic kompiluje się bez edytowania dyrektyw include czcionek.

Lepszy import kodu

Importowanie kodu przywraca teraz:

• U8g2: Rysowanie odwrócone (XOR), nazwy warstw i wypełnione kształty w kodzie ESP-IDF.
• Flipper Zero: Zaokrąglone prostokąty i trójkąty.
• Arduino_GFX: Elipsy.
• Wszystkie platformy: Tekst z escapowanymi cudzysłowami i pojedyncze piksele.

Poprawki błędów i ulepszenia

• Koła i elipsy Arduino_GFX nie są już przesunięte względem miejsca, w którym je umieściłeś.
• Trójkąty Flipper Zero pasują do edytora.
• Łuki TFT_eSPI używają swoich zmiennych w wygenerowanym kodzie.
• Szkice Arduino U8g2 z animacjami pokazują teraz ekran i jego animacje na wyświetlaczu.
• Kod Arduino U8g2 przestrzega ustawienia Wyczyść/Wypełnij wyświetlacz, które jest domyślnie wyłączone.
• MicroPython i CircuitPython generują poprawny kod dla ekranów bez tytułu i nieobsługiwanych warstw.
• Nowe widżety LVGL używają kolorów motywu.
• Ekrany używające różnych obrazów o tej samej nazwie kompilują się razem w jednym szkicu.
• Import obrazu pokazuje poprawny rozmiar w bajtach dla wybranych wymiarów.
• Importowanie czcionki BDF bez znaków ASCII nie psuje już menu czcionek.
• Ponów przywraca ukryte i pokazane warstwy.
• Upuszczanie plików na obszar rysowania zachowuje twoje zaznaczenie.
• Usuwanie klatek animacji utrzymuje głowicę odtwarzania na istniejącej klatce.
• Logowanie i Kreator obrazów działają, gdy twoja przeglądarka tłumaczy stronę.
• Lopaka działa na starszych wersjach Safari.

Otwórz swoje projekty i wypróbuj aktualizację.