--- title: "Twórz wykresy i diagramy, które będą wyświetlane poprawnie na każdym urządzeniu mobilnym w środowisku BYOD (Bring Your Own Device)" date: "2014-12-10" categories: - "development" tags: - "charts" - "mobile-development" - "mobiletogether" - "software-tools" description: Odkryj, jak formatować wykresy i diagramy dla różnych urządzeń mobilnych w środowiskach BYOD (Bring Your Own Device), wykorzystując globalne i lokalne zmienne w programie Altova MobileTogether, aby zwiększyć efektywność procesu tworzenia aplikacji. --- Status: #blog Tags: #charts #mobile-development #mobiletogether #software-tools Categories: [development](/blog/pl/category/development.md) # Twórz wykresy i diagramy, które będą wyświetlane poprawnie na każdym urządzeniu mobilnym w środowisku BYOD (Bring Your Own Device) Jednym z wyzwań w rozwoju mobilnych rozwiązań biznesowych jest dostosowanie ich do różnorodnych urządzeń, których używają użytkownicy. Każdy system operacyjny dla urządzeń mobilnych obsługuje szeroki zakres rozmiarów ekranów, od najmniejszych smartfonów po największe tablety. Co więcej, przechodząc na konkurencyjny system operacyjny, wszystkie rozmiary ekranów ulegają zmianie. Konieczność obsługi wielu różnych urządzeń mobilnych może spowalniać rozwój mobilnych rozwiązań dla firm, które stosują politykę BYOD (Bring Your Own Device – "przynieś własne urządzenie"). ![Wykres kołowy dla dowolnego urządzenia mobilnego, stworzony przy użyciu programu Altova MobileTogether](https://lh5.ggpht.com/-7Xh6qdjc2N0/VIc8xfEsPgI/AAAAAAAAB30/DNEO_7zmRMg/Opening%252520Chart%252520Capture%25255B2%25255D.png?imgmax=800 "Pie chart for any mobile device created using Altova MobileTogether") Altova MobileTogether to [platforma do tworzenia aplikacji mobilnych, działająca na różnych systemach operacyjnych](https://www.altova.com/pl/mobiletogether.html), która umożliwia tworzenie aplikacji raz, a następnie ich wdrażanie na wielu platformach: - Android - iOS - Windows 8 - Windows Phone 8 - Klient działający w przeglądarce internetowej, oparty na technologii HTML5 Platforma MobileTogether obsługuje wszystkie dostępne rozmiary ekranów dla każdego systemu operacyjnego, oferując jednocześnie specjalne funkcje, które przyspieszają pracę programistów. **Zmienne globalne wkraczają na ratunek** Program MobileTogether Designer udostępnia bibliotekę zawierającą ponad trzy tuziny zmiennych globalnych i lokalnych, które można wykorzystać do różnych celów podczas projektowania aplikacji mobilnej. Zmienne globalne są statyczne, co oznacza, że ich wartość nie zmienia się w trakcie działania aplikacji. Zmienne lokalne są dynamiczne i mogą być dostępne tylko w określonych sytuacjach. Wiele zmiennych globalnych przechowuje wartości dotyczące urządzenia, na którym uruchomione jest rozwiązanie mobilne, podczas jego działania ![Zmienne globalne w programie Altova MobileTogether](https://lh4.ggpht.com/-vNpe-nYOYfI/VIc8xs2WRLI/AAAAAAAAB34/AMbi82MP8SM/Global%252520Variables%252520Crop%25255B2%25255D.png?imgmax=800 "Global Variables in Altova MobileTogether") Można przypisywać zmienne globalne bezpośrednio w oknie właściwości w programie MobileTogether Designer, lub można tworzyć funkcje, które zawierają zmienne globalne i definiować wyniki w oparciu o ich wartość. Jeśli nie możesz znaleźć konkretnej zmiennej, której potrzebujesz w swoim projekcie, możesz zdefiniować własne zmienne użytkownika. Oczywiście, wszystkie te zmienne są dostępne oprócz elementów w Twoich źródłach danych, które również mogą przechowywać wartości, które możesz wykorzystać w funkcjach. **Ustaw zmienny rozmiar wykresu** Jeśli w oknie właściwości przypiszesz zmiennej globalnej $MT_DeviceWidth wartość odpowiadającą szerokości wykresu, to podczas działania programu wykres automatycznie dopasuje się do szerokości urządzenia wyświetlanego w trybie pionowym, niezależnie od systemu operacyjnego urządzenia mobilnego lub jego rozmiaru ekranu. Nie trzeba nawet określać wysokości wykresu. Wysokość jest generowana automatycznie, dzięki czemu cały wykres można zobaczyć bez konieczności przewijania. Można również używać zmiennych globalnych i lokalnych z opcją "Widoczność zależna od urządzenia" (dostępną w menu kontekstowym), aby definiować zachowanie w określonych warunkach, takich jak orientacja pionowa lub pozioma. Rozwiązanie "Dane sprzedaży widgetów" na serwerze demonstracyjnym Altova MobileTogether pokazuje, jak wykorzystać zmienne lokalne do prezentacji danych wykresów w różny sposób, w zależności od orientacji urządzenia. Na przykład, strona "Sprzedaż według regionu" wyświetla wykres liniowy w orientacji pionowej lub trójwymiarowy wykres słupkowy w orientacji poziomej. ![Wykres słupkowy 3D, zaprojektowany w programie MobileTogether, wyświetlany na telefonie z systemem Android](https://lh4.ggpht.com/-7ijQLURgs5c/VIc8xypd59I/AAAAAAAAB4A/hgwqmhCvwFY/Android%252520shot%25255B4%25255D.png?imgmax=800 "A 3-D Bar Graph Designed in MobileTogether as Viewed on an Android Phone") Rozwiązanie do analizy danych sprzedaży widgetów jest zawarte w przykładach zainstalowanych wraz z programem MobileTogether Designer, dzięki czemu można je przeanalizować, aby zobaczyć, jak zostało zbudowane. Wykresy definiowane przez zmienną `$MT_DeviceWidth` zachowują ten sam rozmiar, niezależnie od orientacji urządzenia, i nie wykorzystują w pełni dostępnej przestrzeni ekranu, jak widać na przykładzie wykresu słupkowego poniżej. ![Przykład wykresu słupkowego poziomego nr 1](https://lh6.ggpht.com/-Q-fzzxWIwwc/VIc8yUVZ97I/AAAAAAAAB4E/A8do4TBfJyE/photo1framed%25255B23%25255D.png?imgmax=800 "Horizontal Bar Graph Example 1") Lepszą alternatywą jest globalna zmienna o nazwie $MT_CanvasX. Wartość tej zmiennej zmienia się, gdy urządzenie jest obracane, a wykres jest automatycznie rysowany ponownie. Jeśli użyjemy zmiennej $MT_CanvasX do określenia szerokości wykresu w oknie właściwości, wykres zostanie narysowany ponownie w bardziej estetyczny sposób, aby dopasować się do ekranu w trybie poziomym, z większą przestrzenią na tekst legendy wzdłuż osi poziomej. ![Wykres słupkowy poziomy, automatycznie dopasowywany do rozmiaru ekranu przez MobileTogether](https://lh6.ggpht.com/-8-LS-SPDvAU/VIc8yyI_eWI/AAAAAAAAB4M/XfeVo6k1nlQ/photo2framed%25255B3%25255D.png?imgmax=800 "Horizontal Bar Graph Automatically Sized to Fit Screen by MobileTogether") **Można** [**obejrzeć film instruktażowy**](https://www.altova.com/pl/mobiletogether/demos.html) **pokazujący, jak tworzyć wykresy w programie MobileTogether Designer, na stronie internetowej firmy Altova,** [**pobrać wersję próbną za darmo**](https://www.altova.com/pl/download/mobiletogether-designer.html) **zawierającą ponad 30 przykładowych rozwiązań i zacząć tworzyć własne!**