Zmieniaj swoją aplikację
Podgląd
Aplikacja działająca obok czatu: pasek nad nią, edytowanie słowa na miejscu, motyw, przechodzenie między stronami i sekcjami oraz oglądanie jej w rozmiarze telefonu, tabletu lub komputera.
Podgląd to twoja aplikacja, uruchomiona, po prawej stronie czatu. Wszystko w nim działa tak, jak będzie działać po opublikowaniu: przyciski, formularze, strony.
Pasek nad nim
Od lewej do prawej:
| Co robi | |
|---|---|
| Preview, ikona kodu, ikona stosu | Aplikacja, jej kod i Manage. |
| Edit | Kliknij słowo w podglądzie i przepisz je albo kliknij element, żeby zmienić jego wygląd. Znak (i) obok mówi, jak. Zobacz niżej. |
| Theme | Kolory i czcionki całej aplikacji w jednym miejscu. |
| Pole pośrodku | Strona lub sekcja, na którą patrzysz. Otwórz je, żeby przejść do dowolnej innej. Strzałka po jego lewej stronie przeładowuje podgląd. |
| Kwadrat ze strzałką | Otwiera opublikowaną aplikację, gdy jest już opublikowana. |
| Strzałki wstecz i naprzód | Cofnij i ponów. Pojawiają się po pierwszej zmianie, a każde kliknięcie to jeden krok, tak daleko wstecz, jak sięga ta sesja. |
| Menu rozmiaru | No frame, Desktop, Tablet lub Mobile. Zobacz niżej. |
| Cztery rogi | Pełny ekran i powrót. |
| × | Zamyka podgląd, żeby czat miał całą szerokość. |
Na telefonie
Na telefonie jest miejsce na jeden panel naraz. Dwa przyciski na dole, Chat i Preview, przenoszą między rozmową a twoją aplikacją. Przycisk ×, który zamyka podgląd, jest tylko na większym ekranie, a Split view (zobacz Kod) jest tylko na komputerze.
W każdym rozmiarze
Menu rozmiaru pokazuje aplikację tak, jak będzie wyglądać na każdym ekranie.
- No frame wypełnia panel, jak na obrazku wyżej.
- Desktop umieszcza ją w oknie przeglądarki z jej opublikowanym adresem na górze.
- Tablet i Mobile umieszczają ją w tablecie lub telefonie, w ich prawdziwej szerokości.
Każda aplikacja jest zbudowana pod wszystkie trzy rozmiary i mierzona w szerokości telefonu po każdym budowaniu i każdej zmianie. Obejrzenie jej tutaj to nadal najszybszy sposób, żeby zobaczyć, co zobaczy odwiedzający na telefonie.
Edycja na miejscu
Gdy Edit jest włączone, przycisk zmienia napis na Editing, a podgląd przestaje być stroną do używania i staje się stroną do zmieniania. Wskaż tekst, a nad nim pojawi się Edit text: kliknij i pisz. Kliknij dowolny element, a zostanie obrysowany, z paskiem narzędzi u dołu podglądu.
| Narzędzie | Co robi |
|---|---|
| Edit Element | Opisz zmianę tego jednego elementu jednym zdaniem, a AI go przepisze. |
| Text | Przepisz tekst. |
| Background, Text color, Text style | Jego kolory oraz rozmiar, grubość, wyrównanie i wygląd jego tekstu. |
| Opacity, Spacing | Jak bardzo jest przezroczysty oraz miejsce wokół niego i w jego środku. |
| Image, Video | Zmień lub usuń obraz albo wideo, które zawiera. Na obrazie Adjust size & fit ustawia, jak wypełnia swoje miejsce. |
| Ikona kodu | Edit code: kod tego elementu, w panelu, do zmiany ręcznie. |
| Duplicate, Delete | Kopia tuż po nim albo jego usunięcie. |
| Cancel, Save | Odrzuć zmiany albo zapisz je w kodzie. |
Strzałka na końcu składa pasek, a × puszcza element. Kliknij przycisk dwukrotnie, żeby przejść do strony, którą otwiera.
Zmiany wprowadzone narzędziami nie kosztują kredytów. Edit Element jest pisany przez AI, więc zużywa ich kilka, jak odpowiedź na czacie. W przypadku czegokolwiek większego niż jeden element, nowej sekcji, formularza, strony, poproś o to na czacie.
Theme
Theme zbiera kolory i czcionki używane w całej aplikacji, w panelu po prawej. Zmień jeden, a każde miejsce, które go używa, pójdzie za nim, na każdej stronie.
- Colors wymienia każdy kolor, do czego służy i ile razy aplikacja go używa. Kliknij próbkę, żeby wybrać inny.
- Fonts wymienia każdą czcionkę wraz z liczbą użyć. Wybierz inną z listy.
Podgląd pokazuje każdą zmianę na bieżąco. Save & Apply zapisuje je w kodzie, a Cancel przywraca wszystko. Motyw nie kosztuje kredytów, a wersja przed nim jest zachowana w History.
Cofanie i History
Cofnij i ponów przechodzą przez zmiany tej sesji, jedna na kliknięcie. W przypadku czegokolwiek starszego każda zmiana jest zachowana w History, na górze edytora, nazwana tym, co zrobiła, i możesz wrócić do dowolnej wersji. Powrót też jest zachowany jako wersja, więc możesz znowu pójść do przodu.
Czy ta strona była pomocna?