Nudziliście o demówkę wiele razy, więc w końcu znalazłem czas i przygotowałem małą aplikację do potestowania. Co prawda nie są w niej zawarte wszystkie komponenty, bo nie wszystkie są gotowe, a i pełna ich funkcjonalność też nie jest przedstawiona. Choć tyle powinno wystarczyć – mało nie jest.
Demówka po uruchomieniu powinna wyglądać tak:
Okno powinno przykrywać cały ekran, łącznie z paskiem zadań. Kolorowa ramka z oknem ma taki rozmiar a nie inny – na potrzeby demówki jest nieduża. We właściwej aplikacji zajmuje 90% powierzchni ekranu, a obszar ze znakiem wodnym stanowi niewielki margines (zwykle nieco większy po bokach).
No dobrze, teraz czas na opis zawartości, ale nie opiszę szczegółowo każdej z nich, bo dnia mi braknie.
Na kolorowym pasie (po lewej stronie) są zwykłe małe przyciski, separatory, przyciski zakładek i znacznik aktywnej zakładki. Zwykłe przyciski nie mają przypisanych akcji po kliknięciu. Przyciski zakładek zmieniają zawartość widoczną wewnątrz okna, więc można poklikać.
U góry jest grid z kolorami interfejsu – po kliknięciu w daną kostkę, okno zostanie przemalowane na dany kolor. Niebiestki jest domyślny, choć sam preferuję pomarańczowy i czerwony.
Pod separatorem są boksy ze zgrupowanymi kontrolkami dla zakładek. Pierwsza zakładka zawiera jedną dużą formatowalną etykietę, a na dole są nieformatowalne będące linkami – po lewej poziomy link, po prawej pionowy. Druga zakładka zawiera dużą etykietę oraz trochę przycisków z przypisanymi etykietami – można poklikać. Trzecia zakładka zawiera etykietę i trzy duże przyciski, w dwóch stylach.
Wszystkie kontrolki obsługują hinty – większość z nich pokazuje je automatycznie, z wyjątkiem tabelki kolorów. W niej hinta pokazuje się i ukrywa prawym przyciskiem myszy. Wszystkie kontrolki dają się stylować na żywo – po kliknięciu w kostkę koloru interfejs zostanie przemalowany.
Po kliknięciu w przycisk 4:3 interfejs zostaje wyszarzony, po ponownym znów pokolorowany. Oryginalnie ten przycisk służy do czegoś innego, jednak nie miałem czasu na zmianę grafik. Samo wyszarzanie interfejsu, we właściwej aplikacji, realizowane jest przed pokazaniem innego okna modalnie – tutaj robi się to ręcznie, tylko dla podglądu możliwości.
No cóż – pobawcie się, poklikajcie, have fun. Gdzieniegdzie mogą pojawić się błędy – nie wszystkie bugi zdołałem załatać, więc nie zdziwcie się, jeśli coś nie zostanie prawidłowo odmalowane (bo głównie z tym miewam problemy). Część funkcjonalności nie jest jeszcze zaimplementowana – np. focus i sterowanie klawiaturą (jeszcze zastanawiam się nad wyglądem focusa).
W załącznikach spakowana demówka – częstujcie się. Jeśli podoba się to komentujcie lub łapka w górę – jak tam chcecie. Jeśli macie pytania to pytajcie, jeśli coś się nie podoba to krytykujcie. Jestem otwarty na dyskusję i ew. propozycje.
Edit: załącznik demo.zip wymieniłem na ten zawierający poprawnie działającą demówkę. Dla potomnych się przyda, aby nie musieli czytać całego wątku i szukać odpowiednio działającej wersji.