Zmienianie właściwości

Każdy element w aplikacji Google Web Designer ma zestaw właściwości takich jak rozmiar, położenie i styl. Wiele elementów ma podobne właściwości, ale niektóre, na przykład komponenty, mają właściwości występujące tylko w ich przypadku.

Właściwości możesz przeglądać i edytować w panelu Właściwości.

Właściwości wspólne

Wiele elementów ma wspólne właściwości. Niektóre elementy mogą nie mieć pełnego zestawu wspólnych właściwości.

Identyfikator elementu

Właściwość	Opis
Element	Wskazuje typ elementu. Typy elementów są tworzone domyślnie dla każdego elementu lub komponentu wizualnego. Można też tworzyć elementy niestandardowe.
Identyfikator	Identyfikator elementu. Tylko elementy z identyfikatorem mogą być celem lub odbiornikiem zdarzenia.

Położenie i rozmiar

Właściwość	Opis
Lewo	Odległość od lewej krawędzi sceny (lub elementu nadrzędnego) wyrażona w pikselach bądź jako procent całej szerokości sceny (lub elementu nadrzędnego).
Góra	Odległość od górnej krawędzi sceny (lub elementu nadrzędnego) wyrażona w pikselach bądź jako procent całej wysokości sceny (lub elementu nadrzędnego).
Szerokość	Szerokość elementu wyrażona w pikselach bądź jako procent całej szerokości sceny (lub elementu nadrzędnego).
Wysokość	Wysokość elementu wyrażona w pikselach bądź jako procent całej wysokości sceny (lub elementu nadrzędnego).

Aby wybrać między pikselami a procentami:

Kliknij jednostkę miary (px lub %) i wybierz z menu tę, której chcesz użyć.

Możesz też zmienić właściwości pozycji i rozmiaru na procenty, klikając przycisk W procentach .

W przypadku niektórych typów elementów ta opcja może być niedostępna.

Aby zachować stosunek szerokości do wysokości:

Kliknij przycisk Zablokuj współczynnik proporcji . Gdy zmieni się szerokość lub wysokość, drugi wymiar zostanie automatycznie dostosowany proporcjonalnie.

Aby zmienić szerokość lub wysokość bez zmiany drugiego wymiaru, kliknij ponownie przycisk .

Utwierdzenie pozycji

Zakotwiczenie umożliwia trwałe wyrównywanie elementów w kontenerze, które nie zmienia się nawet po zmianie rozmiaru, dopełnienia lub szerokości obramowania elementu. Każda ustawiona pozycja lub właściwość przesunięcia spowoduje przesunięcie elementu od punktu zakotwiczenia.

Wybierasz tryb zakotwiczenia w poziomie i w pionie. Domyślne ustawienie to „lewy górny róg”.

Tryby zakotwiczenia w poziomie

Tryb	Efekt
lewo	Lewa krawędź elementu jest wyrównana do lewej krawędzi kontenera.
do środka	Oś pozioma elementu jest wyrównana do osi poziomej kontenera.
prawo	Prawa krawędź elementu jest wyrównana do prawej krawędzi kontenera.

Tryby zakotwiczenia w pionie

Tryb	Efekt
góra	Górna krawędź elementu jest wyrównana do górnej krawędzi kontenera.
środek	Oś pionowa elementu jest wyrównana do osi pionowej kontenera.
dół	Dolna krawędź elementu jest wyrównana do dolnej krawędzi kontenera.

Ograniczenia dotyczące rozmiaru

Ograniczenia dotyczące rozmiaru wpływają na wymiary elementu, nawet jeśli określone wymiary nie mieszczą się w ramach ograniczenia. Aby usunąć ograniczenie rozmiaru, usuń tę wartość, tak aby pole było puste (–).

Właściwość	Opis
Min. szer.	Minimalna szerokość elementu wyrażona w pikselach bądź jako procent całej szerokości sceny (lub elementu nadrzędnego).
Min. wys.	Minimalna wysokość elementu wyrażona w pikselach bądź jako procent całej wysokości sceny (lub elementu nadrzędnego).
Maks. szer.	Maksymalna szerokość elementu wyrażona w pikselach bądź jako procent całej szerokości sceny (lub elementu nadrzędnego).
Maks. wys.	Maksymalna wysokość elementu wyrażona w pikselach bądź jako procent całej wysokości sceny (lub elementu nadrzędnego).

Przesunięcie, obrót i skala

Typy wartości 3D

Typ	Opis
Delta	Uumożliwia zmianę położenia obiektu w 3D, jego obrotu lub skali w odniesieniu do jego bieżących wartości. Między korektami wartości są ustawiane na 0.
Bezwzględne	Wyświetla pozycję obiektu w 3D, jego obrót i skalę w odniesieniu do sceny.

Wartości X, Y i Z przesunięcia, obrotu i skali

Właściwość	Opis
Tłumaczenie	Wartości X, Y i Z w górnym wierszu wskazują przesunięcie 3D elementu.
Obrót	Drugi wiersz informuje o obrocie wokół każdej osi.
Skala	Trzeci wiersz reprezentuje skalę. Kliknij przycisk Skaluj równomiernie , aby zastosować te same wartości skalowania na osiach X, Y i Z.

Styl

Wypełnienie

Właściwość	Opis
Przezroczystość	Przezroczystość elementu jako wartość z zakresu od 0 (zupełnie przezroczysty) do 1 (zupełnie nieprzezroczysty).
Wypełnienie	Kliknij pole koloru, by wybrać kolor wypełnienia elementu.
Przepełnienie	Określa sposób wyświetlania zawartości, która nie mieści się w kontenerze: visible – zawartość wyświetla się na zewnątrz kontenera; hidden – zawartość jest przycięta równo z krawędziami kontenera i nie widać pasków przewijania; scroll – zawartość jest przycięta równo z krawędziami kontenera; Paski przewijania są zawsze widoczne, nawet gdy cała zawartość mieści się w kontenerze; auto – zawartość jest przycięta równo z krawędziami kontenera, a paski przewijania wyświetlają się w razie potrzeby; initial – przywracane jest początkowe ustawienie zawartości, która nie mieści się w kontenerze; inherit – kontener dziedziczy zasady wyświetlania zawartości, która się w nim nie mieści, ze swojego kontenera nadrzędnego.
Widoczność	Widoczność elementu: visible – element jest widoczny (wartość domyślna); hidden – element jest ukryty, ale wciąż wpływa na układ; collapse – element jest ukryty, a wiersze tabeli są zwinięte; initial – element jest ustawiony na początkową widoczność; inherit – element dziedziczy zasady widoczności z kontenera nadrzędnego.

Obramowanie

Właściwość	Opis
Kolor obramowania	Kliknij próbkę koloru, by wybrać kolor obramowania elementu.
Szerokość obramowania	Ustawia szerokość obramowania w pikselach lub punktach.
Styl	Styl obramowania. Możesz wybrać jedną z tych opcji: none solid hidden dotted dashed double groove ridge inset outset
Promień narożnika	Ustawia promień zaokrąglenia w pikselach, punktach lub procentach. Domyślnie narożniki mają taki sam promień. Kliknij przycisk Zachowaj identyczne , aby ustawić każdy narożnik osobno.

Marginesy

Margines elementu można ustawić w pikselach lub procentach. Domyślnie marginesy mają taką samą szerokość. Kliknij przycisk Zachowaj identyczne , aby ustawić każdą stronę osobno.

Dopełnienie

Dopełnienie elementu można ustawić w pikselach lub procentach. Domyślnie dopełnienia mają taką samą szerokość. Kliknij przycisk Zachowaj identyczne , aby ustawić każdą stronę osobno.

Właściwości ścieżki animacji

W przypadku elementów ze ścieżkami animacji po dodaniu punktu zakotwiczenia lub zmianie kształtu ścieżki animacji na krzywą panel Właściwości wyświetla też właściwości ścieżek animacji.

Właściwości strony

Każda strona ma własny zestaw właściwości, które możesz przeglądać i zmieniać, gdy nie są wybrane żadne elementy.

Właściwości reklam wideo i animowanych GIF-ów

W przypadku reklam wideo i animowanych GIF-ów możesz zmieniać rozmiar i liczbę klatek reklamy wideo, gdy nie są wybrane żadne elementy.

Właściwości komponentu

Oprócz wspólnych właściwości każdy komponent ma też własne. Ich opisy znajdziesz na stronach pomocy poświęconych poszczególnym komponentom.