수색…


비고

9 패치 이미지 파일은 특별히 형식이 지정된 파일로 Android에서 이미지의 어느 부분이나 크기를 조정할 수 있는지 여부를 알고 있습니다. 이미지를 3x3 격자로 나눕니다. 모퉁이는 크기가 조정되지 않은 상태로 유지되고 측면은 한 방향으로 크기가 조정되고 중심은 두 차원 모두에서 크기가 조정됩니다.

9- 패치 이미지의 크기 조정 방법

Nine Patch (9-Patch) 이미지는 전체 이미지 주위에 단일 픽셀 너비 경계가있는 비트 맵입니다. 이미지 모서리의 4 픽셀을 무시합니다. 이 테두리는 비트 맵 자체에 대한 메타 데이터를 제공합니다. 경계는 단색 검정 선으로 표시됩니다.

9 패치 이미지는 .9.png 확장자로 저장됩니다.

위쪽 테두리는 가로로 늘어나는 영역을 나타냅니다. 왼쪽 테두리는 세로로 늘어나는 영역을 나타냅니다.

아래쪽 테두리는 가로로 패딩을 나타냅니다. 오른쪽 테두리는 세로로 패딩을 나타냅니다.

패딩 테두리는 일반적으로 텍스트를 그릴 위치를 결정하는 데 사용됩니다.

Google에서 제공하는 탁월한 도구로 이러한 파일을 크게 단순화합니다.

Android SDK에 있습니다. android-sdk\tools\lib\draw9patch.jar

기본 둥근 모서리

올바르게 늘이기위한 키는 상단과 왼쪽 경계에 있습니다.

위쪽 테두리는 가로 늘이기를 제어하고 왼쪽 테두리는 세로 늘이기를 제어합니다.

이 예에서는 토스트에 적합한 둥근 모서리를 만듭니다.

9- 둥근 모서리 예제 패치

위쪽 테두리 아래 및 왼쪽 테두리 오른쪽에있는 이미지의 부분이 확장되어 사용되지 않은 모든 공간을 채 웁니다.

아래 그림과 같이이 예는 모든 크기 조합으로 확장됩니다.

여기에 이미지 설명을 입력하십시오.

기본 회 전자

Spinner 는 Nine Patch를 사용하여 자신의 스타일 요구 사항에 따라 다시 스키닝 할 수 있습니다.

예를 들어,이 Nine Patch :

스피너 9 패치 예제

보시다시피 3 개의 아주 작은 스트레칭 영역이 표시되어 있습니다.

위쪽 테두리에는 아이콘이 표시된 채로 있습니다. 이는 드로어 블의 왼쪽면 (완전한 투명도)이 아이콘에 도달 할 때까지 Spinner 뷰를 채우기를 원한다는 것을 나타냅니다.

왼쪽 테두리에는 표시된 아이콘의 위쪽과 아래쪽에 투명 세그먼트가 표시되어 있습니다. 이는 상단과 하단 모두가 Spinner 보기의 크기로 확장됨을 나타냅니다. 이렇게하면 아이콘 자체가 세로로 가운데에 남습니다.

Nine Patch 메타 데이터없이 이미지 사용 :

9 개의 패치가없는 회 전자 이미지

Nine Patch 메타 데이터로 이미지 사용하기 :

9 개의 패치가있는 회 전자 이미지

선택적 패딩 라인

9 개의 패치 이미지는 이미지의 패딩 라인을 선택적으로 정의 할 수 있습니다. 패딩 선은 오른쪽과 아래에있는 선입니다.

뷰가 9 패치 이미지를 배경으로 설정하면 패딩 라인을 사용하여 뷰 내용의 공간을 정의합니다 (예 : EditText 의 텍스트 입력). 패딩 라인이 정의되어 있지 않은 경우 왼쪽과 맨 위 행이 대신 사용됩니다.

여기에 이미지 설명을 입력하십시오.

펼쳐진 이미지의 내용 영역은 다음과 같습니다.

여기에 이미지 설명을 입력하십시오. 여기에 이미지 설명을 입력하십시오. 여기에 이미지 설명을 입력하십시오.



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow