Szukaj…


Uwagi

Plik obrazu z 9 łatami to specjalnie sformatowany plik, dzięki czemu Android wie, które obszary / części obrazu można skalować, a których nie. Rozbija twój obraz na siatkę 3x3. Narożniki pozostają nieskalowane, boki są skalowane w jednym kierunku, a środek jest skalowany w obu wymiarach.

jak skaluje się obraz z 9 łatami

Obraz Dziewięć łatek (9 łatek) to bitmapa, która ma szeroką ramkę z jednym pikselem wokół całego obrazu. Ignorowanie 4 pikseli w rogach obrazu. Ta ramka zapewnia metadane dla samej mapy bitowej. Granice są oznaczone ciągłą czarną linią (liniami).

Obraz Dziewięciu .9.png jest przechowywany z rozszerzeniem .9.png .

Górna ramka wskazuje obszary rozciągające się w poziomie. Lewa ramka wskazuje obszary rozciągające się pionowo.

Dolna ramka wskazuje wypełnienie w poziomie. Prawa ramka wskazuje wypełnienie w pionie.

Obramowania wypełnienia są zwykle używane do określenia, gdzie ma zostać narysowany tekst.

Istnieje doskonałe narzędzie dostarczone przez Google, które znacznie upraszcza tworzenie tych plików.

Znajduje się w android-sdk\tools\lib\draw9patch.jar Android SDK: android-sdk\tools\lib\draw9patch.jar

Podstawowe zaokrąglone rogi

Klucz do prawidłowego rozciągnięcia znajduje się w górnej i lewej ramce.

Górna ramka kontroluje rozciąganie w poziomie, a lewa ramka kontroluje rozciąganie w pionie.

Ten przykład tworzy zaokrąglone rogi odpowiednie dla Toast.

Przykład 9 zaokrąglonych rogów

Części obrazu znajdujące się poniżej górnej ramki i po prawej stronie lewej ramki zostaną rozszerzone, aby wypełnić całe nieużywane miejsce.

Ten przykład rozciąga się na wszystkie kombinacje rozmiarów, jak pokazano poniżej:

wprowadź opis zdjęcia tutaj

Podstawowy spinner

Spinner może być ponownie skórowana zgodnie z własnymi wymaganiami stylu za pomocą Dziewięciu łatek.

Jako przykład zobacz tę Dziewięć Łat:

Przykład poprawki dziewięciu spinnerów

Jak widać, ma zaznaczone 3 wyjątkowo małe obszary rozciągania.

Górna ramka pozostała tylko po zaznaczonej ikonie. Który wskazuje, że chcę z lewej strony (pełna przezroczystość) z rozciągliwej wypełnić Spinner widok aż osiągnięta zostanie ikona.

Lewa ramka ma zaznaczone przezroczyste segmenty u góry iu dołu ikony. Oznacza to, że zarówno góra, jak i dół zostaną powiększone do rozmiaru widoku Spinner . Spowoduje to pozostawienie ikony wyśrodkowanej pionowo.

Używanie obrazu bez metadanych Nine Patch:

Obraz tarczy bez dziewięciu łatek

Używanie obrazu z metadanymi Nine Patch:

Obraz tarczy z dziewięcioma łatkami

Opcjonalne linie wypełniające

Dziewięć łatek pozwala opcjonalnie zdefiniować linie wypełnienia na obrazie. Linie dopełniające to linie po prawej i na dole.

Jeśli widok ustawia obraz 9-łatkowy jako tło, linie dopełniania są używane do zdefiniowania przestrzeni dla zawartości widoku (np. Tekst wprowadzany w EditText ). Jeśli linie dopełniania nie są zdefiniowane, zamiast nich używane są linie lewa i górna.

wprowadź opis zdjęcia tutaj

Obszar zawartości rozciągniętego obrazu wygląda następująco:

wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow