Android
Obrazy 9-krotne
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.
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.
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:
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:
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:
Używanie obrazu z metadanymi Nine Patch:
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.
Obszar zawartości rozciągniętego obrazu wygląda następująco: