Làm thế nào để tạo ra 9 bản vá trong Photoshop? Mã hóa 9.png là gì?

Question

Tiện ích được cung cấp trông có vẻ xấu, ví dụ như nó không cho phép thực hiện "Lưu dưới dạng" hoặc để vẽ một số trạng thái nút có cách cắt tương tự.

Có thể vẽ 9.png trong photoshop không? Tôi nhận thấy, png được tạo ra chỉ chứa các pixel đen ở cạnh ngoài. Đây có phải là những gì đang đánh dấu các lát không?

Điều gì sẽ xảy ra nếu pixel đen có hai cạnh đối diện, cách này hoạt động như thế nào?

Cạnh ngoài có bị cắt khi hiển thị trên Android không?

Answer 1

Vâng, tôi làm tất cả 9 bản vá trong Photoshop. Dưới đây là các quy tắc cơ bản để tạo bản vá 9:

1. Lề ngoài 1px chỉ có thể chứa 100% màu đen (RGB 0, 0, 0) hoặc trong suốt.

2. Các pixel đen cho lề trên và lề trái xác định các điểm kéo dài và phải là đường liền nét, một điểm hoặc hai điểm riêng biệt. Nếu hai điểm được xác định, nó sẽ kéo dài bằng nhau giữa hai điểm.

3. Pixel đen cho lề dưới và lề phải xác định khu vực nội dung. Các pixel này phải là một đường liền nhau.

4. Khi lưu, hãy đảm bảo nối thêm phần mở rộng .9.png.

Hy vọng điều này sẽ hữu ích. :)

EDIT: Và có, những thứ đó sẽ không được hiển thị khi được sử dụng trong bố cục của bạn, miễn là định dạng phù hợp và bạn đã lưu nó dưới dạng .9.png.

Được rồi, vì vậy đầu sẽ là một chín vá đơn giản cho một spinner. các dòng trên và xuống trong hình ảnh thứ hai hiển thị các hàng/cột pixel nào sẽ được nhân đôi. Hình chữ nhật màu xanh trong hình ảnh thứ hai hiển thị vùng mà Android sẽ cho phép đặt nội dung. Vì vậy, văn bản, ví dụ, chỉ đơn giản là quấn để ở bên trong hình chữ nhật này.