Pierwsze kroki

Lopaka.app to przeglądarkowy edytor do projektowania wbudowanych interfejsów użytkownika i generowania kodu dla obsługiwanych platform wyświetlaczy.

Ten przewodnik pokazuje najszybszą drogę od zalogowania się do edycji pierwszego projektu.

Zaloguj się

Otwórz lopaka.app i kontynuuj jedną z dostępnych metod logowania:

• E-mail i hasło
• GitHub
• Google

Po uwierzytelnieniu Lopaka przeniesie cię na stronę Projekty. To twoje główne miejsce do zarządzania projektami w chmurze.

Strona Projekty

Strona Projekty pokazuje zapisane projekty jako karty. Użyj strzałek podglądu na karcie, aby przeglądać jej ekrany. Kliknij tytuł projektu lub podgląd, aby otworzyć przegląd projektu w edytorze.

Tutaj możesz:

• Utworzyć nowy projekt
• Otworzyć istniejący projekt
• Filtrować projekty według platformy, tytułu, rozmiaru wyświetlacza lub ulubionych
• Skopiować projekt za pomocą przycisku kopiowania na jego karcie

Aby dodawać ekrany lub nimi zarządzać, otwórz projekt w edytorze.

Jeśli na twoim koncie nie ma jeszcze projektów, Lopaka zaproponuje utworzenie pierwszego.

Utwórz nowy projekt

Kliknij Nowy projekt na stronie Projekty, aby otworzyć kreator projektu.

Kreator pyta o główne ustawienia projektu:

1. Tytuł: nazwa widoczna na liście twoich projektów
2. Platforma: docelowy framework lub rodzina urządzeń. Nie można jej zmienić po utworzeniu projektu. Zobacz Platformy, aby dowiedzieć się więcej.
3. Rozmiar ekranu: wybierz gotowy wyświetlacz lub włącz przełącznik Własny, aby wpisać własną szerokość i wysokość
4. Tło: wybierz domyślny kolor tła ekranu, gdy wybrana platforma to obsługuje
5. Opublikuj w galerii: włącz tę opcję, aby projekt był widoczny dla innych użytkowników w galerii

Po potwierdzeniu Lopaka tworzy projekt z początkowym ekranem o nazwie Screen 1 i otwiera go w edytorze.

Edytuj ustawienia projektu

Na stronie Projekty kliknij ikonę w nagłówku karty projektu, aby otworzyć Ustawienia projektu.

Dalsze kroki

Gdy twój pierwszy projekt będzie gotowy, kolejne kroki to zwykle:

• Otwarcie projektu w edytorze
• Wyeksportowanie wygenerowanego kodu
• Udostępnienie projektu innym osobom