2010-04-26 3 views

답변

11

This 내가 주제에 발견 한 가장 간단한 링크입니다.

+0

이 링크는 신축성 대 패딩 경계 기능에 대한 더 나은 정보를 제공하므로 승인 된 답변으로 변경하십시오. – Roddy

7

이미지 뷰어에서 9 patch 이미지를 살펴보십시오. 이것은 단지 신축성있는 영역을 둘러싼 검은 픽셀과 정적 인 부분을 투명하게 표시하는 단지 1px 경계입니다. 이 이미지를 확대하면

당신은 검은 색 테두리가 신축성 영역을 표시 볼 수 있습니다

example http://web6.twitpic.com/img/91916457-a53b6866db73378bda07c039151c69aa.4bd6119a-full.png

+0

필자는 문서화 된 사양을 기대했지만 충분히 좋았다고 생각합니다! – Roddy

+0

문서화가 더 이상 필요 없다고 생각합니다. 1 픽셀 경계선이있는 정상적인 PNG 일뿐입니다. – stealthcopter

+0

1 픽셀 경계가 해석되는 방식, 특히 인접하지 않은 픽셀 선택 및 상단 여백과 하단 여백의 차이에 대해서는 완전히 명확하지 않습니다. – Roddy

6

몇 가지 이유로 다른 플랫폼에서 9patch 시스템을 구현하지 않기를 강력히 제안합니다.

나는 1 년 동안 Android의 개발자 도구를 사용해 왔으며 9 개 파일을 광범위하게 사용했습니다.

악몽입니다. PNG는 데이터 형식이 아니며 이미지 형식입니다. .9.png 파일에서 두 파일을 혼합하면 문제가 있는지 묻습니다.

9 패치 파일은 이미지와 데이터 형식을 디자이너 나 개발자가 모두 관리 할 수없는 단일 파일로 결합하기 때문에 좋지 않습니다.

9 개의 패치 파일 : 유지 관리, 지원 및 업데이트 단계 중 어느 시점에서 사용자의 참여를 후회하게됩니다.

예를 들어, 추후에 9patch 파일에 대한 지원이 여러 가지 고급 도구에 추가 된 경우 (예 : PS CS4는 9patch 파일을 특정 형식으로 인식하지 못하거나 유효한 9 가지 패치 형식 규칙을 준수하지 않을 수 있습니다 .)

9 개의 패치 파일을위한 기존 도구는 끔찍합니다. 제가 고용 한 대부분의 디자이너의 의견에는 근본적으로 사용할 수 없습니다.

+0

+1 강력한 견해에 대해 - 도구가 훌륭하지 않다는데 동의합니다. 그러나 '확장형'이미지의 9 패치 기능이 필요하다면 어떤 대안을 사용할 수 있습니까? 바퀴의 재발견은 심지어 멍청 할 수도 있습니다. – Roddy

+1

9 패치 개념은 최악의 방식으로 구현 된 정말 훌륭한 아이디어의 예라고 생각합니다. 또 다른 접근법은 4 차원을 포함하는 PNG 파일 (업계 표준)과 XML 형식을 갖는 것입니다. 스트레치 X, 스트레치 Y, 패드 X 및 패드 Y. 그런 다음 사용자 정의 파서 (PNG 대신 XML)를 사용하고 PNG를 조작하여 스트레치합니다. 이 방법으로 PNG는 다른 것들 (및 포토샵에서 작동)을 위해 여전히 재사용 가능하며 레이아웃 시장은 프로그래머가 쉽게 사용할 수있는 XML 형식입니다. –

+2

코리와 나는 완전히 의견이 맞지 않는다. 필자는 포토샵에서 9 개월 동안 PNG를 10 개월 동안 사용해 왔으며 매력적으로 작동합니다. 사실,이 기술로 내 UI가 선명 해 보입니다. –

1

현대 브라우저는 CSS 9 경로 기반 배경을 지원 http://www.css3.info/preview/border-image/

+0

좋은 링크, 소개 텍스트 9 매개 변수를 동기; 그래서 9 패치는 캔버스의 좌표에 비트 맵을 배치하는 9 가지 관심 영역을 명시 적으로 정의한 것입니다. 이 경우 – Vass

0

는 9 패치 파일의 확장자가 xxxx.9 및 xxx.9.png하지를해야 이해하는 데에 시간이 좀 걸렸습니다

+0

은 9 패치 데이터를 모두 무시합니다. – MrJre

1

이 링크는 매우 유용 할 것으로 나타났습니다 : link to blog post. 9 패치를 만들 때 정의 된 여러 테두리에 대해 몇 가지 예를 사용합니다. 이미지의 크기 (x, y)를 조정할 때 추가 정보가 사용되는 방법을 보여줍니다.

경계에 끊김을 포함하여 이미지 크기를 조절하지 못하도록 보호 할 영역을 추가하는 방법을 설명하는 Richard L.의 멋진 의견이 있습니다. 예. 이미지의 섹션 크기를 조정하지 않습니다.