Przejdź do głównej zawartości

Xamarin.Forms Previewer

Today I'll show you a tool for every Xamarin developer - Xamarin.Forms Previewer - a tool which will help you to design Xamarin.Forms views faster.

First we need a xaml view:

The view can't be easier. It contains only one label.
Now let's build the project and open Previewer from the View Menu:


It should results in displaying the new window which renders your xaml view:


Now the most interesting part. Let's add a few labels and change the screen background color. There is no need to save, the design will be changed on the previewer instantly.

This is a Xamarin.Forms previewer. I'm using it because it speeds up my view desting loop. I don't need to run the app on emulator or a device to see effects of my changes.

Komentarze

Popularne posty z tego bloga

Aplikacja 'Perfect Life' - planowanie funkcjonalności

W poprzednim wpisie przedstawiłem budowę historii użytkownika(ang. User Story). Dzisiaj korzystając z tego narzędzia zaplanujemy kilka funkcjonalności. Czas na zaplanowanie funkcjonalności aplikacji mobilnej Perfect Life. Aplikacja jest tworzona w oparciu o technologię Xamarin.Forms. Póki co jednak abstrahując od rozwiązań technologicznych skupimy się na funkcjonalnościach. Dobre planowanie swojej pracy to podstawa sukcesu każdego projektu programistycznego. US1: Jako użytkownik aplikacji mobilnej chcę ekran logowania aby mieć możliwość zapisywania swoich postępów US2: Jako użytkownik aplikacji mobilnej chcę mieć kalkulator wskaźnika BMI aby móc mierzyć poziom swojej kondycji US3: Jako użytkownik aplikacji mobilnej chcę widzieć wykresy aby móc wizualnie interpretować swoje postępy US4: Jako użytkownik aplikacji mobilnej chcę mieć możliwość rozwiązania quizu, żeby zbadać wskaźnik Body Age US5: Jako użytkownik aplikacji mobilnej chcę pobierać pliki PDF aby mieć dostęp do planó...

Dziś Premiera Visual Studio 2017

Dzisiaj ważny dzień dla programistów .NET. Premiera środowiska programistycznego Visual Studio 2017. Relację na żywo można oglądać tutaj: https://launch.visualstudio.com/ Jutro będzie dzień warsztatów, w których możemy wziąć udział online. Nowe VS możemy pobrać ze strony: https://www.visualstudio.com/ Co ciekawe pobierając VS teraz otrzymasz 60 dni darmowego dostępu do Xamarin University. To ważne jeśli chcesz się nauczyć tworzyć aplikacje mobilne. Co nowego? Lepsza integracja z VSTS Live unit testing - zwróćmy uwagę na ikony po lewej stronie: Dodatkowe ikony: Wyszukiwanie metod po fragmencie nazwy. Code suggestions, czyli podpowiedzi na temat najlepszych praktyk w trakcie pisania kodu. Możemy zdefiniować własne sugestie dot. kodu i dodac własne konfiguracje edytora kodu: Dodatkowo pojawiły się dodatkowe ikony, dzięki którym łatwo się zorientować gdzie kończy się klasa, a gdzie namespace. Wygląda to nieźle. Inne usprawnienia o których mówił Scott Hanselman...

Konkurs: Daj się Poznać

Perfect Life Nowy rok, nowy projekt. Dziś startuję z nowym projektem, który weźmie udział w konkursie Daj Się Poznać 2017. Więcej o konkursie znajdziesz tutaj. Jeśli chcesz być informowany o nowych wpisach, to użyj tego adresu w swoim czytniku RSS: http://kacban.blogspot.com/feeds/posts/default. Perfect Life to będzie aplikacja, która pomoże Ci zadbać o Twoje zdrowie. Idea jest prosta. Będziesz mógł obliczyć swój wskaźnik BMI i na tej zostanie Ci przedstawiony odpowiedni plan treningów i dieta. Podczas pracy będę się skupiał na wykorzystaniu technologii Xamarin.Forms i języka C#. Więcej o możliwościach Xamarin.Forms można znaleźć tutaj . Aplikacje już teraz można pobrać ze sklepu Google Play . Aktualna wersja 1.11 zawiera kalkulator BMI, obliczenia wykonywane są w serwisie (Web API) na platformie Azure. Już niedługo pojawią się kolejne opcje. Aktualne prace nad rozwojem aplikacji można obserwować na githubie .