2012-05-18 6 views
13

제공되는 유틸리티가 좋지 않습니다. 예를 들어 "다른 이름으로 저장"을 수행하거나 유사한 슬라이스로 여러 버튼 상태를 그리는 것은 허용되지 않습니다.Photoshop에서 9 패치를 만드는 방법은 무엇입니까? 9.png 인코딩이란 무엇입니까?

포토샵에서 9.png을 그릴 수 있습니까? 나는 생성 된 png가 바깥 쪽 가장자리에 검정색 픽셀을 포함하고 있음을 발견했습니다. 이것이 조각을 표시하는 것입니까?

검은 색 픽셀이 반대쪽 두 가장자리에 있으면 어떻게 될까요?

안드로이드에 표시 할 때 바깥 쪽 가장자리가 잘리지 않습니까?

답변

45

예, 포토샵에서 아홉 개의 모든 패치를 수행합니다. 여기에 9 패치를 만들기위한 기본 규칙은 다음과 같습니다

  1. 외부의 1 픽셀의 마진은 100 % 검은 포함 할 수 있습니다 (RGB 0, 0, 0) 또는 완전 투명.

  2. 위쪽 여백과 왼쪽 여백의 검정색 픽셀은 늘이기 지점을 정의하며 실선, 단일 점 또는 두 개의 개별 점이어야합니다. 두 개의 점이 정의되면 두 점 사이에서 균등하게 늘어납니다.

  3. 아래쪽 여백과 오른쪽 여백에 검은 색 픽셀이 내용 영역을 정의합니다. 이 픽셀은 하나의 인접한 라인이어야합니다.

  4. 저장시 .9.png 확장자를 추가해야합니다.

희망이 있습니다. :)

편집 : 예, 레이아웃에 사용하면 제대로 표시되며 형식이 제대로 지정되어 있고 .9.png로 저장했다면 표시되지 않습니다. 좋아

enter image description here

enter image description here

, 그래서 정상은 스피너에 대한 간단한 구 패치 될 것입니다. 두 번째 이미지에서 가로 지르는 선은 어떤 픽셀의 행/열이 복제되는지 보여줍니다. 두 번째 이미지의 파란색 직사각형은 Android에서 콘텐츠를 배치 할 수있는 영역을 보여줍니다. 예를 들어, 텍스트는 단순히이 사각형 내부에 머물러 있기만합니다.

+0

그리고 스트레치 영역과 콘텐츠 영역의 차이점은 무엇입니까? 나는 9 패치가 3x3 = 9 조각을 포함한다고 가정합니다. 중앙 부분은 내용과 늘이기, 4 가장자리는 수직으로 2, 수평으로 2, 4 모서리가 고정되어 있습니다. 따라서 중앙 조각 만 정의하면되므로 두 개의 검은 색 선이 충분합니다. 다른 두 가지는 무엇입니까? –

+0

스트레치 영역은 반복되는 행과 열을 결정합니다. 즉, 위쪽 열 중 하나에서 픽셀을 선택하면 9 패치를 더 넓게 만들어야하는 경우 해당 열을 확장 (픽셀 열을 복제)하고 주변을 둘러싼 두면을 펼칩니다. 행과 동일합니다. 컨텐츠 영역 - 패딩을 정의하는 것으로 생각하십시오. 내용 (텍스트, 일반적으로)을 포함해서는 안되는 9 패치의 부분이 있다면, 그 영역에 픽셀을 배치하지 않을 것입니다. 나는 그래픽 예제를 곧 만들려고 노력할 것이다. – kcoppock

+0

내가 가진 것처럼 보입니다 –

관련 문제