Baidu mobile Phone Input Method skin production graphics and text tutorial

Baidu Mobile Input Method skin Strong, I can not give a comprehensive tutorial! In that case, you can write a book ... But want to be a friend of skin, I will sincerely help you.

Each input method has its own different colors and styles of skin choice, that place the official skin, we are also able to make their own mobile phone input method of skin it? below for you to introduce Baidu mobile phone input Method skin production methods, like DIY friends can try.

First download Baidu Mobile Input Method skin production tools, as well as 480 resolution skin installation files.

After downloading, change the suffix name of the. bds file to. zip, and then open with the decompression tool to see the following 3 folders.

which

Land for horizontal screen of the key layout file;

Port is the vertical screen key layout file;

Res resource folder, which is used to store the pictures used on the panel.

1. Change the background

An example of 480*800 resolution vertical screen background modification

Enter to port (for vertical screen), locate the Gen file, and note the following parameters:

The above parameter means that to replace the background, you need to find the size of the above picture to replace the background, the background picture format requirements: PNG. Prepare a picture of the size (the panel background image is named Back1, the candidate picture is named Back2), replace the corresponding picture in the res file, and modify the corresponding til file as shown:

Picture type picture size name modify corresponding til panel background 480*312back1 Enter to Res->back1.til source_rect to 0, 0,480,312, other invariant candidate size 480*60back2 into res-> Back2.til will change Source_rect to 0,0,480,60, other unchanged

2. Packing

How to use the modified skin? At this time to carry out the skin packaging:

Android, S60v5 and Symbina 3 users see here:

(1) Put the following four files together

(2) When all selected, right click, select Add Compressed file

(3) Compression type Select Zip, and then change the suffix name to. BDS

Put the skin file directly inside the Baidu/ime/skins (or put the skin directly to the phone anywhere, and then click Install, open mode-text; send way-Baidu input method, the skin will automatically install to baidu/ime/skins)

(4) Enter the set item-> virtual skin settings-> Skin settings you can see the skin that has just been loaded

iphone users please look here:

(1) Create a new "skin" folder (must be called skin) and put the following four files under this folder:

(2) Compress the folder in ZIP format and change the suffix to. BDI

(3) BDI "put to/var/mobile/library/keyboard/baiduinputmethod

Enter the Baidu Input method-> settings-> Select the skin can

3. Change key size and layout using skin tools

We use the vertical screen as an example to teach you how to change the button size and layout, open the Skin Tools folder, click the Execute file, and open the skin making tool. The following figure:

3.1 Introduction of skin tools

Click on the execution file to see the following main interface:

1. According to the following figure prompts, load the default vertical screen (port) skin file (to edit the horizontal screen skin, please select land), select port and click "OK".

Note: Do not select Res folder, the res is placed in pictures and style files, not the specific interface layout of the file.

2. After loading can see the skin of the preview map, we introduce the meaning of each piece of area.

3.2 Key Adjustment

Let's take a look at the significance of the parameters related to the key size adjustment: View_rect (visible key Rectangle size)

Take key 5 (JKL) as an example: Each button occupies an area on the panel, and we use four digits to define the position and size of the key.

"The upper left corner of X, the upper left corner of Y, wide, high", through these four values can be the position and size of the key to complete the display, where the top left vertex of the panel is the origin (0,0), excluding the candidate area. The following figure:

The size of Touch_rect (touch area) and the actual size of the keys mentioned above are consistent, or inconsistent, and can be adjusted according to their own needs.

3.3 Edit Key

We can edit the corresponding key by modifying the corresponding property value in the lower left corner, or we can make visual edits through the Preview window on the right side:

A mobile button: There are two ways

I. With the mouse click to select the key, drag through the ctrl+shirft+ mouse to move the keyboard position

Ii. using the mouse click to select the key and move through the ↑↓←→

b Change the size of the key: there are two ways

I. With the mouse click to select the key, hold down the left mouse button and drag the mouse, you can change the button size

Ii. using the mouse click to select the key to change the size by modifying the value in the View_rect in the parameter

The above drag and change size can be implemented in batch modification and drag

c) Batch modification: Hold down the CTRL key to click the button to select more than one key, when the key is selected, you can modify the above methods in batches. You may feel that the mouse drag the way is not accurate, you can also through the "View_rect" click the right mouse button, through the dialog box popped content to do batch processing.

D Right-click on the Left list box on the column header and click on the fill out the menu editor, will pop up a dialog box, we can in the dialog box to achieve a lot of changes in the size of the keyboard or position

The above modifications-move the mouse or directly modify the parameters, a certain point "save" or "Save as" can finally take effect.

4. Skin Tool Installation Environment requirements

Baidu Mobile Input Method skin Production tool for the green version, do not need to install, download after decompression, click the. exe file. Download Production Tools

Configuration requirements: The Windows operating system with the. NET Framework 2.0 installed.

Please check your version number before downloading, please download the corresponding version of the skin, each version of the skin is not universal.

View Method:

Enter Baidu Mobile Input method settings, left-click Menu-About, you can view the input method version.