Solve picture fillet in Android ——. 9 figure

Directory:

I. Overview of the problem

Ii.. 9 Figure Introduction

Iii.. 9 Chart making

1. Development tools

2. Open the picture

3. Making pictures

4. Save the picture

I. Overview of the problem

In HTML development, you can set the fillet by setting the Border-radius of the CSS, and in Android development, the more common way to handle fillets is through. 9 Figure to solve

As an example:

Find a picture from the Internet

If we use this blue chart directly to do the background of the login button. After setting this image to the background

we can see that the four corners are all deformed, not a bit beautiful. for this issue, We are going through the. 9 figure to solve.

Ii.. 9 Figure Introduction

First, let's look at what the. 9 diagram, such as:

From the name of it and other pictures are not the same, of course, we must not think is the file name with. 9 The end is so simple, it is the unique image type of Android, he can ensure that our pictures in the process of use of automatic stretching, not distortion.

An overview of the problem using the dot nine chart after the effect is:

Iii.. 9 Chart making

So let's introduce how to make it. 9 figure

3.1 Development Tools

The development of Android is certainly inseparable from the SDK, There is a Tools folder in the SDK, there is a draw9patch.bat

  

Open later

3.2 Opening a picture

Click File to open the image we need

3.3 editing Pictures

Place the mouse in the white area, click the left button to drag, the black line appears

Then we make our own pictures according to our own needs.

3.4 Saving a picture

After saving the picture is:

Of course, it also automatically ends with. 9 in its file name. and then we set this picture as a background, and there's no corner blur.

and the. 9 chart occupies less space than the original, which also saves resources.

Solve picture fillet in Android ——. 9 figure