Android tools Draw9patch use dot. 9.png picture maker

Android Tools Draw9patch use points. 9.png Picture Production (original)@Author: DOLPHIX.J Qing

This article will be a sample of the form, explain the QQ chat bubbles. 9.png Picture Production process

1 Mobile phone screen cutting

Send empty message body--screenshot chat screen, intercept chat bubbles.

2 transparent. PNG Authoring

Online ps-> Select a computer already exists Figure->ctrl+j (duplicate background layer and create new layer), magic wand Tool--(delete) Delete No color

Unlock the background layer and delete the save new layer to the computer (that is, transparent. png)

3 production. 9.png

Find the SDK directory, go to Tools folder, open the upper left corner of Draw9patch tools, import picture

Figure 1 Initial state

which

Area A: controlling vertical stretching;

B area: Control horizontal stretching;

C region, D Region: Common control display area;

Figure 2 Making a good. 9.png picture

which

C, D at two, the black line to form a two-dimensional area E, the area is--content display area. (cannot be displayed outside the area)

A, the black line is very short-indicates that if the picture is not high enough, it stretches a.

b, the same black line is short-indicates that if the picture is not wide enough, it stretches B.

In order to facilitate the study of training, attached to the original document, transparency,. 9.png and other sets of dimensional drawings.

Attachment

OriginalDOLPHIX.J Qing

Android tools Draw9patch use dot. 9.png picture maker