Android.9.png"점 9"그림 사용 에 대한 자세 한 설명

'점 9'사진 개술
 
'점 9'는 andriod 플랫폼 의 응용 소프트웨어 개발 에서 특수 한 이미지 형식 으로 파일 확장자 가 9.png 이다.
안 드 로 이 드 플랫폼 은 다양한 해상 도 를 가지 고 있다 는 것 을 잘 알 고 있 습 니 다.많은 컨트롤 의 컷 파일 이 확대 되 어 스 트 레 칭 된 후에 모서리 가 모호 하고 일 그 러 질 수 있 습 니 다.점 9 PNG 기술 을 사용 하면 그림 의 가로 와 세로 를 동시에 스 트 레 칭 하여 다 중 해상도 에서 의 완벽 한 디 스 플레이 효 과 를 실현 할 수 있 습 니 다.
그리고*.9.png 이미지 기술 을 사용 하면 한 세트의 인터페이스 컷 으로 서로 다른 해상 도 를 맞 추고 설치 가방 의 크기 를 대폭 줄 여야 합 니 다.프로그램 은 전문 적 으로 처리 하지 않 아 도 스 트 레 칭 을 실현 할 수 있 고 코드 양 과 개발 작업량 도 줄 일 수 있다.
[일반 스 트 레 칭 과 점 구 스 트 레 칭 효과 대비]
 
분명히 알 수 있 듯 이 점 9 를 사용 한 후에 도 이미지 의 그 라 데 이 션 질감 과 원 각 의 정밀 도 를 유지 할 수 있다.
그 중에서 우 리 는 왜'점 구 PNG'라 고 부 르 는 지 이해 할 수 있다.사실은 한 장의 png 그림 을 9 개의 부분(구 궁 격)으로 나 누 어 각각 4 개의 각,4 개의 변,그리고 하나의 중간 구역 으로 나 누 는 것 과 같다.4 개의 각 은 끌 어 올 리 지 않 기 때문에 원 각 의 뚜렷 한 상 태 를 유지 할 수 있 고 2 개의 수평 변 과 수직 변 은 각각 수평 과 수직 스 트 레 칭 만 할 수 있다.따라서 가장자리 가 굵 어 지 는 경 우 는 없 으 며 중간 에 검 은 선 으로 지 정 된 구역 만 스 트 레 칭 을 한다.결 과 는 그림 이 달라 지지 않 는 다 는 것 이다.
자신의'점 9'그림 만 들 기
'점 9'사진 제작 은 두 가지 방식 이 있 는데 그것 이 바로'draw9patch'도구 와 PS 기술 을 사용 하 는 것 이다.여기 서 우 리 는 앞의 한 가지 만 이야기 하고 절 차 는 다음 과 같다.

설치 도구
우선 시스템 의 기본 디 렉 터 리 에 JDK 를 설치 해 야 합 니 다.
그리고 android-sdk-windows 를 사용 하여 SDK/tools 디 렉 터 리 에 있 는"draw9patch.bat"파일 을 열 고 불 러 오 는 창 이 나타 납 니 다.

가 져 오기 및 편집
png 그림 을 이 창 에 끌 어 다 놓 거나 File C>Open 9 patch,다음 그림 은 자동 으로 편집 인터페이스 에 들 어 갑 니 다.그림 에서 각 지역 의 내용 과 기능 주석 을 소개 했다.

오른쪽 은 보기 의 미리 보기 영역 으로 세로 스 트 레 칭 미리 보기,가로 스 트 레 칭 미리 보기 와 양 방향 스 트 레 칭 미리 보기 에 대응 합 니 다.
현재 우 리 는 그림 가장자리 에서 왼쪽 단 추 를 누 르 면 검 은 선 을 그립 니 다.즉,그림 이 늘 어 나 야 할 영역 과 내용 표시 영역 입 니 다.위의 그림 과 같이 네 개의 검 은 선 에 대해 주석 을 달 았 다.
위의 검 은 선:가로 스 트 레 칭 구역 은 반드시 그 려 야 합 니 다.스 트 레 칭 은 가로 스 트 레 칭 입 니 다.예 를 들 어 오른쪽 구역 의 두 번 째 스 트 레 칭 은 가로 스 트 레 칭 효과 입 니 다.
왼쪽 검 은 선:세로 스 트 레 칭 구역 은 반드시 그 려 야 합 니 다.스 트 레 칭 은 세로 스 트 레 칭 입 니 다.예 를 들 어 오른쪽 구역 의 첫 번 째 스 트 레 칭 은 세로 스 트 레 칭 효과 입 니 다.
아래 검 은 선:선택 가능,가로 내용 표시 영역
오른쪽 검 은 선:선택 가능,세로 내용 표시 영역
주의 하 세 요.1.검 은 선 은 연속 이 어야 합 니 다.그림 을 잘 그리 지 못 한 것 같 으 면 shift+마우스 왼쪽 단 추 를 누 르 고 지우 고 다시 그립 니 다.2.이것 이 텍스트 를 표시 하 는 창 이 라면 오른쪽 과 아래쪽 의 검 은 선 은 생략 할 수 없습니다.그렇지 않 으 면 텍스트 위 치 는 왼쪽 과 위쪽 의 검 은 선 이 제어 하 는 스 트 레 칭 구역 에 표시 되 어 오 류 를 일 으 킬 수 있 습 니 다.
[draw9patch.bat 기타 기능 설명]
Show lock:그림 을 그 릴 수 없 는 영역 표시
Show patches:이 그림 의 확장 가능 한 궁 격 을 미리 봅 니 다.
Show patches:보기 의 하 이 라이트 영역 미리 보기(보라색 영역)
Show bad patches:궁 격 구역 주변 에 빨간색 경 계 를 추가 합 니 다.그림 이 연장 되 었 을 때 인공 흔적 이 생 길 수 있 습 니 다.모든 나 쁜 궁 격 을 없 애 면 보기 의 시각 적 일치 성 을 유지 할 수 있 습 니 다.
저장 및 출력
왼쪽 위 file-save 를 누 르 면 파일 을 저장 하고 접두사 이름 이'*.9.png'인 그림 을 자동 으로 생 성 합 니 다.그림 상하 좌우 에 각각 1px 의 검 은 선 이 추 가 됩 니 다.
마지막 으로 두 항목 안의 그림 을 자 르 면 효 과 를 볼 수 있 습 니 다.배경 은 수직 으로 늘 어 난 후에 전혀 왜곡 되 지 않 았 습 니 다.


이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.