Programowanie aplikacji RIA
Wpisy otagowane nauka Flex
Flex 4 i przezroczyste tło aplikacji
września 29th
Ostatnio, robiąc niewielką aplikację kalkulator BMI (zapraszam do sprawdzenia, czy już nie nadszedł czas, by przestać podgryzać siedząc przy kompie
, potrzebowałam wygenerować dla swojej aplikacji przeźroczyste tło. We Flex 3 sprawa była banalnie prosta. Dla znacznika Application należało ustawić właściwość css “contentBackgroundAlpha” na 0 i pozamiatane. W Flex 4 możesz próbować, bo właściwość została, ale niestety nic to nie da. Zatem, by zaoszczędzić Ci czasu, jaki spędzisz na poszukiwaniach rozwiązania, postanowiłam napisać, jak to zrobić w Flex 4. Więcej >
Zmiana wyglądu komponentów we Flex cz. 1
września 19th
Tak jak obiecałam w poprzednim wpisie o architekturze Spark trochę dokładniej przyjrzymy się, w jaki sposób możemy zmieniać wygląd aplikacji we Flex 4. Jak już wiesz (jak nie wiesz to zapraszam do poczytania o Spark) nowa architektura wprowadzona w Flex 4 znacznie ułatwiła zadanie osobom, które lubią, by ich aplikacje wyglądały naprawdę sexy. Wiadomo, użytkownicy nie docenią wyrafinowanej architektury aplikacji, za to wygląd …. o tak
Zobaczmy, zatem na prostych przykładach, jak można zmienić wygląd komponentów w Flex. Więcej >
Flex – niezłe Ciacho, czyli Flex i CakePHP
sierpnia 18th
Lubię CakePHP. Może z sentymentu, bo od niego zaczęłam moja przygodę z web developmentem. Jak mam coś napisać w PHP to zawsze najpierw sięgam po ten sprawdzony framework. Społeczność rozwijająca Cake’a zadbała o to, by można było połączyć aplikacje Flash-owe z frameworkiem za pomocą protokołu amfphp. Pluginów powstało kilka, ale w tym wpisie opisze w jaki sposób skorzystać z CpAmf. Więcej >
Architektura Spark – wprowadzenie
sierpnia 10th
Mam hopla na punkcie “ubierania” i zmiany wyglądu aplikacji. Moje skrzywienie zapewne wynika z tego, że przez dość długi czas zajmowałam się tradycyjnym front-endem, czyli cięciem i kodowaniem layoutu (HTML, XHTML, CSS, JavaScript itp.). Zresztą co tu dużo mówić, nadal się tym zajmuje i zajmować będę, bo to lubię
Flex, aż do swojej trzeciej odsłony miał jedną poważną wadę – znaczna zmiana wyglądu komponentów była zdecydowanie zbyt czaso – i pracochłonna. Pamiętam dobrze, że mój “pierwszy raz” ze zmianą wyglądu komponentu zajął mi chyba z 1,5 godziny i to w dodatku z książką na kolanach, która mnie prowadziła krok po kroku przez terra incognita. Jak już skończyłam wklepywać to, co było w książce, efekt był raczej mizerny, a mnie naszła tylko jedna myśl: “Jak do cholery zrobić we Flex jakąś seksowną aplikację, skoro zrobienie własnego przycisku zajmuje tyle czasu ?”. Na szczęście, zanim zdążyłam porzucić Flex’a na rzecz cięcia wymuskanych w Photoshopie layoutów, nastała era Flex’a 4 i weszły duże zmiany, które wzrokowcom (do których niewątpliwie należę) obiecywały łatwą, szybką i efektowną zmianę wyglądu aplikacji. Więcej >
Flex loves Java
lipca 18th
Przygotowuje prezentację możliwości Flex i AIR dla osób z mojej firmy (w ramach nawracania niewiernych
. Moje audytorium jest mocno Java-owe, więc przy okazji przygotowywania przykładów integracji Flex’a z Javą pomyślałam, że popełnię posta na temat BlazeDS. Więcej >
Animowane gif-y w aplikacji Flex
lipca 4th
Pisząc aplikację niewielkiego kalkulatora (na pewno się pochwalę jak skończę
, potrzebowałam w niej umieścić animowanego gif-a. Sądziłam, że największym wyzwaniem będzie tutaj zrobienie takiego gif-a, bo cóż, znam się na robieniu grafiki “jak świnia na gwiazdach”. Na szczęście wujek google zawsze pomoże. Tutoriali jest masa (jak nie wiesz jak stworzyć takiego gif-a zajrzyj np. tutaj). Nawet szybko i sprawnie mi poszło, gif skacze tak jak powinien. Nieświadomie umieszczam gif’a tak jak każdy inny obrazek w aplikacji Flex:
<mx:Image source="images/moj_obrazek.gif"/>
Kompiluje aplikację, odpalam przeglądarkę, a obrazek ani drgnie
Okazuje się, że klasa Image nie obsługuje animowanych obrazków! No cóż, to co w HTML jest banalne, we Flex jest trochę bardziej skomplikowane. Więcej >
Przejścia w aplikacji Flex
maja 16th
Jeżeli jesteś developerem, który do tej pory tworzył aplikacje webowe w tradycyjnych technologiach, takich jak HTML, CSS, JavaScript itp., na pewno jesteś przyzwyczajony do czegoś takiego jak strona. W tradycyjnym podejściu do aplikacji webowych każdy serwis składa się z pewnej ilości stron, pomiędzy którymi użytkownik porusza się za pomocą linków. W czasie przejść najczęściej zachodzi potrzeba przeładowania całego serwisu, choć oczywiście takie technologie jak Ajax przyniosły nam dobrodziejstwo w postaci zapytań asynchronicznych, które pozwalają dostarczyć użytkownikowi wrażeń chociaż zbliżonych do obcowania z aplikacjami desktopowymi.
Jako, że od wielu lat zajmuje się tworzeniem aplikacji webowych w tenże, nazwijmy to, tradycyjny sposób, moje pierwsze podejście do Flex-a, zaczęło się od tego, że stworzyłam kilka plików aplikacji i cóż, próbowałam się linkować między nimi
Potem przyszło oświecenie, w postaci bardzo ciekawego artykułu na stronie Adobe, że architektura aplikacji w Flex jest diametralnie różne od tej, do której byłam do tej pory przyzwyczajona. Więcej >
HTTPService, ArrayCollection i jeden rekord w bazie danych
maja 1st
Pisząc moją aplikację we Flex (wspomagającą naukę słówek w języku obcym), trafiłam na pewien problem, z którym początkowo nie mogłam sobie poradzić. Mianowicie miałam listę języków (ArrayCollection), która to służyła jako dataProvider dla AdvancedDataGrid. Listę języków pobierałam z serwera za pomocą żądania HTTPService. Server zwracał listę języków w postaci XML-a. Więcej >
Data binding, czyli przyjazny mechanizm kopiowania danych
kwietnia 24th
Data binding (ponieważ po polsku trochę niezręcznie to brzmi – wiązanie danych, będę korzystać z nazwy angielskiej), to bardzo użyteczny mechanizm Flex’a. Dzięki niemu w wygodny sposób możemy przekazać dane między obiektami po stronie klienta. Data binding automatycznie kopiuje wartości właściwości z obiektu źródłowego do obiektu docelowego, który ulega zmianie. Więcej >
Jak zacząć, czyli kilka rad dla początkujących
kwietnia 18th
To, co mi bardzo zaimponowało w momencie, gdy zaczynałam naukę Flexa, to ogromna ilość wysokiej jakości materiałów, jakie można odnaleźć w sieci. Co ważne, wiele z nich jest tworzonych przez firmę Adobe, której najwyraźniej zależy na tym, by technologia jak najszybciej rozpowszechniła się w świecie programistów. Flex jest całkowicie darmowym frameworkiem (na licencji open source), więc teoretycznie możesz pisać w nim całkowicie za darmo. Dlaczego teoretycznie? Adobe, sprecjalnie dla Flex-a stworzyło specjalne, płatne środowisko programistyczne – Flash Builder (obecnie w wersji 4) – które diametralnie ułatwia i przyspiesza pisanie aplikacji w Flex. Flash Builder ma wiele przydanych funkcji: np. debugger kodu, podpowiedzi kodu, wbudowaną dokumentację i wiele innych funkcjonalności, które powodują, że pisanie projektów w Flex staje się przyjemnością. Więcej >