Flex i AIR

Własny wygląd aplikacji AIR

Wszystkim budującym aplikacje Adobe AIR którzy chcieliby, żeby wyglądały one odmiennie od systemowych “okienek” polecam zapoznać się z przykładowymi aplikacjami udostępnionymi na blogu gravity .tv

Jest to bardzo dobry materiał do przyjrzenia się jak można budować “custom chrome” i jak wykorzystywać integrację AIR z systemem w Windows (tray icon) czy OSX (dock icon) czy przyciski minimalizacji/zamykania aplikacji różne dla każdego systemu.

Mnie szczególnie urzekł pół-przezroczysty pasek tytułu okna. Czegoś takiego nie widziałem nigdzie wcześniej!
Edit: już wiem! To magia półprzezroczystych PNG’ów użytych jako tło… Wyśmienity pomysł!

Co prawda parę rzeczy jest tam niestety niedorobionych (np. kulejąca u mnie minimalizacja do systray czy brak zamykania okienka “Synchronization Settings” po ponownym kliknięciu na dolny pasek) ale myślę, że to tylko kwestia paru linijek kodu z poprawkami

Kod źródłowy dostępny jest po zainstalowaniu aplikacji pod prawym przyciskiem myszy (“View source”).  Polecam jednak wersję “Light” – kod wrzucony w obu appkach jest identyczny.

Więcej o odmiennie wyglądających aplikacjach/komponentach postaram się napisać przy okazji szerszego omówienia możliwości komponentu Degrafa. A jest o czym pisać

Źródło: blog gravity.tv

Kategoria: AIR, Degrafa | No Comments »

Wprowadzenie do Degrafy

Serwis insideRIA.com opublikował niedawno wprowadzenie do Degrafy, czyli deklaratywnego frameworka graficznego (Declarative Graphics Framework).

Degrafa pomaga tworzyć grafiki we Flexie za pomocą MXML’a, a nie poprzez skomplikowane Drawing API. Dzięki temu możemy szybko tworzyć krzywe, skomplikowane kształty, wypełnienia w ten sam sposób w jaki tworzy się standardowe komponenty Flexa.

Wszystkie takie obiekty mogą istnieć samodzielnie lub zostać użyte jako skiny dla standardowych komponentów.

Cechy Degrafy:

• zestaw gotowych kształtów, oraz oczywiście możliwość tworzenia własnych,
• tworzenie wypełnień i brzegów (strokes),
• możliwość korzystania z SVG do tworzenia skomplikowanych krzywych,
• wsparcie dla zaawansowanych CSS opartych na CSS3,
• “lekkość” biblioteki,
• kompatybilność z Flex 2 i Flex 3.

Więcej przykładów znaleźć można w dziale Degrafa Samples.

Oczywiście Adobe też nie śpi i już przygotowuje Thermo, czyli pełną integrację Flexa z narzędziami do designu (Photoshop, Ilustrator). Bardzo ciekawy wywiad na ten temat można znaleźć w grudniowym wydaniu magazynu Edge.

Kategoria: Degrafa, Flex | No Comments »