GO Launcher EX Theme Template

Release V1.2 Important This guidance is for windows systems. Please make sure that Java JDK has been installed, and the packaging tool will use it later. JDK download link http://www.oracle.com/technetwork/java/javase/downloads/index.html or http://www.onlinedown.net/soft/61003.htm

1. Templates files list

Unzip the zip file Theme_Template.zip, you can see the files list. And the usage for each directory and each file is showed below.

2. Make your own theme step by step.

2.1 Change the AndroidManifest.xml

2.2

Change the SRC

Remember the package name you modify in previous chapter. \src\com\gau\go\launcherex\theme\template\R.java

\src\com\gau\go\launcherex\theme\template\template.java

2.3

Change the files in \assets

A. themecfg.xml

B. app_func_theme.xml This xml is complicated, if you dont want to modify the app drawers structure, you can just read this part as reference, once you have question in app drawer, you can back to this chapter to find the answer.

Some conventions of the label (A) Use a 32 bits to express Hexadecimal color value Specific for #ARGB A:alpha; R:Red; G:Green; B:Blue.Each element uses 8 bits. (B) There are three kinds of drawing mode 0 Tiled 1 Stretched 2 Center but these modes are not for 9 patch map. (C) Distance unit is pixel <Folder> bg_frame_way_of_drawing Drawing mode of folderopenback.png line_enabled Draw a cut-off rule in a folder? 0 no 1 yes folder_open_bg_color The background color when folder is open bg_frame_image_bottom_heigth The distance from icon to background bottom inside a folder . </Folder> <AllTabs > bg_v_image The background image of the entire Tab bar (Vertical screen) nonefor no pictures can be replaced to \res\drawable-hdpi foldes image name W ithout extension and the selected images will be used as tab bar background image. bg_h_image The background image of the entire Tab bar (Horizontal screen) bg_way_of_drawing Mode to draw the background image </AllTabs> Within the meaning of this tag <Tab> background image is referred to in the <AllTabs> tag on background image, that is a single Tab's background picture <Tab> bg_way_of_drawing A single Tab background image tab_v.9.png and tab_h.9.png drawing way. selected_way_of_drawing A single Tab selected background image tablight_v.9.png and tablight_h.9.png drawing way focused_way_of_drawing A single Tab clicked or focused background image tabfocused_v.9.png and tabfocused_h.9.png drawing mode. cutLine_enabled Draw a cut-off rule in Tab? 0 no 1 yes. </Tab> <TabTitle> unselected Tab column not selected the color of Tab column name selected Tab column selected the color of Tab column name gap_v The distance between Name and bottom (Vertical screen) gap_h The distance between Name and bottom (Horizontal screen) </TabTitle> <Home> bg_way_of_drawing

The way of drawing the background of the bottom of the home

field homebg.png bg_color home area color </Home> <MoveToDesk> bg_way_of_drawing Mode of drawing background appfunc_movetodesk.png bg_color Color of text "Move to Screen" </MoveToDesk> <ClearHistory> bg_selected_way_of_drawing The drawing mdoe of the background image button_v2.9.png and button_h2.9.png when the button was being selected . The drawing method of the background image bg_unselected_way_of_drawing button_v.9.png and button_h.9.png when the button is not selected </ClearHistory> <CloseRunning> In the Template "running" Tab bar "close all programs" button and "Clear History" button are the same pictures. If the "Close all programs" button image need to be used in difference, it needs to set the new pictures under the /res/drawable-hdpi folder, and modify the <CloseRunning> label of the app_func_theme.xml .Projects must be amended of the label: bg_v_unselected_image The background image name of button not selected(Vertical screen) bg_h_selected_image: The background image name of button selected(Vertical screen) bg_h_unselected_image: The background image name of button not selected(Horizontal screen) bg_h_selected_image: The background image name of button selected(Horizontal screen) </CloseRunning> <AppIcon> text_color The color of program name text_bg_color the background color of program </AppIcon> <AppSetting> grid_format The count of the ranks of menu. </AppSetting>

C. desk.xml This xml is complicated, if you dont want to modify the desks structure, you can just read this part as reference, once you have question in desk, you can back to this chapter to find the answer.

D. drawable.xml, The form is<item drawable="icon file name">; List the picture which need to show in turn; Users need to replace the same name file in the \res\drawable-hdpi document, at the same time users can add/remove the files in both \assets\drawable.xml and \res\drawable-hdpi

The other files in \assets will be introduced later. Here you can just let it unchanged.

2.4

Change the files in \res

2.4.1 Change the files in \res\drawable-hdpi

All the files in this folder are corresponding to the files in \assets, you can just replace/delete/add the image files here. A. The images for APP Drawer. app_func_theme.xml You can change the APP Drawer background and icons, just make your own picture to a specific file name, replace the same name file in \res\drawable-hdpi. Please try to use the correct size to replace. You should know corresponding images size before you make your own image. Otherwise the images may appear strangely. Note: *.9. Png is the android picture format: nine-patch map /tools/draw9patch.bat to generate images into this format

More info please read http://developer.android.com/guide/developing/tools/draw9patch.html If you think this is complicated, you can just modify the color of *.9.png simply.

you can use

The pictures can be replaced in APP Drawer are as follows: File Name funbg.jpg appfunc_folderback.png appfunc_folder_open.png appfunc_foloder_close_up.png: Description The background of APP Drawer The background of folder thumbnails The cover appeared on the folder icon when dragging program icon to the folder icon. The cover appeared on the folder icon when long pressing folder icon. The background of open folder The button of closing folder The icon appeared when hide button is clicked The background of single Tab(Vertical screen) The background of single Tab (Horizontal screen) The background of the single Tab selected (vertical screen) The background of the single Tab selected (Horizontal screen) The background of the single Tab clicked or focused (vertical screen) The background of the single Tab clicked or focused (Horizontal screen) The icon of "All Tab column not selected The icon of "All" Tab column selected The icon ofHistory Tab column not selected The icon of Recent Tab column selected The icon ofRunning Tab column not selected The icon of Running Tab column selected The icon of Home icon not selected The icon of Home icon selected The background of Home (vertical screen) The background of into( vertical screen) Home when icon moves

folderopenback.png folderclose.png folder_close_light.png tab_v.9.png tab_h.9.png tablight_v.9.png tablight_h.9.png tabfocused_v.9.png tabfocused_h.9.png allapp.png allapp_selected.png history.png history_selected.png run.png run_selected.png appfunchome.png shortcut_light_iconbg.png homebg.png appfunc_movetodesk.png button_v.9.png button_v2.9.png button_h.9.png button_h2.9.png

The background of Clear History button in History (vertical screen) The background of Clear History button selected vertical screen The background of Clear History button not selected Horizontal screen The background of Clear History button selected Horizontal screen

appfunc_screennow.png appfunc_screenother.png

The highlighting indicator icon of current screen The indicator icon of other screen

B. The images for APP Drawer. desk.xml Users need to replace the same name file in the \res\drawable-hdpi document. The following description will describe the replaceable images: File Name folder_back.png folder_open.png folder_close_up.png screennow.png screenother.png phone.png contacts.png d_home.png messaging.png browser.png d_add.png Description Base map thumbnail folder on the desktop When you drag the program icon to a folder icon, the cover on the folder icon When press the folder icon, the cover on the folder icon The highlighting indicator icon of current screen The indicator icon of other hide screen icon phone in Dock bar shown as in the menu icon contacts in Dock bar shown as in the menu icon APP Drawer in Dock bar icon message in Dock bar shown as in the menu icon browser in Dock bar shown as in the menu icon + in Dock bar

C. The images for App Icons Here, lets talk about \assets\appfilter.xml first.

<iconback> marks the base image of icon, the template provides five bases to be used by applications randomly. <iconback img1="iconback" img2="iconback2" img3="iconback3" img4="iconback4" img5="iconback5"/> where the first base image is iconback.png, the second is iconback2.png ... ... Users can make changes based on the number of base, which the naming rule is imgN = "image file name (without extension) ", (N is the Nth base). Base pictures are in res/ drawable-hdpi. If you have only 3 or 1 base icon(s), you should modify the code to <iconback img1="iconback"/> <iconback img1="iconback" img2="iconback2" img3="iconback3" /> And above code is corresponding to the icons in res / drawable-hdpi Some commonly used programs can be set to a particular icon, the user can replace the corresponding images in \res\drawable-hdpi , as follows:

File Name market.png messaging.png contacts.png phone.png calendar.png clock.png settings.png browser.png camera.png music.png gallery.png calculator.png maps.png email.png gtalk.png googlesearch.png facebook.png twitter.png opera.png weibo.png renren.png handcent.png operamin.png taskmanager.png skype.png kikmessenger.png meno.png picsay.png qq.png uc.png yahoomail.png yahoomessenger.png pdf.png gochat.png dropbox.png kakaotalk.png

Description Google Market SMS message Contacts Phone Calendar Clock Settings Browser Camera Music Gallery calculator Google maps E-mail Google Talk Google Search Facebook Twitter Opera

Sina microblogging renren.com Handcent sms Opera mini Task Manager Skype Kik Messenger Meno PicSay QQ UC browser Yahoo Mail Yahoo Messenger Adobe Reader Go!Chat Dropbox KakaoTalk

If you dont want these icons to be showed, please delete these icons in \res\ drawable-hdpi. And the above icons are corresponding to the \assets\appfilter.xml

D. The image for your app Icon You should replace the icon.png in \res\drawable-hdpi, \res\drawable-mdpi and \res\drawable-ldpi with your themes icon; pay more attention to the different size of the different dpi.

2.4.2 Modify the files in \res\values

A. array.xml

You can add the wallpaper in array.xml, if you have only one wallpaper, please remove the unused wallpaper name in both array.xml and \res\drawable-hdpi B. String.xml Modify "Theme Template GO Launcher EX"

These changes are for the default language but for Simplified Chinese, Traditional Hong Kong, Traditional Taiwan, respectively need to edit \res\values-zh-rCN\strings.xml, \res \values-zh-rHK\strings.xml, \res\values-zh-rTW\strings.xml corresponding fields. C. themeinfo.xml

These changes are for the default language but for Simplified Chinese, Traditional Hong Kong, Traditional Taiwan, respectively need to edit \res\values-zh-rCN\strings.xml, \ res\values-zh-rHK\strings.xml, \res\values-zh-rTW\themeinfo.xml corresponding fields. For the other language, you can copy the \res\values to \res\values-???, then modify it by yourself. You can find the language info in the below link. http://www.icanlocalize.com/site/tutorials/android-application-localization-tutorial/

2.5

Change the Do_path.bat

Note: If you want to sign with your own generated keystore, please set KEYSTORE_FILE, KEYSTORE_PASS, KEYSTORE_ALIAS to the corresponding options. See http://blog.sina.com.cn/s/blog_54b5ea250100ewn1.html or http://developer.android.com/guide/publishing/app-signing.html

2.6

Change the theme information

In the console called "makeall.bat your own package name" will generate "your own package name _signed.apk ",install this installation package to the phone, and then see the effect of it!

3. Troubleshooting
First, check that whether it generated the theme package strictly according to the tutorial above. And if there are problems still, turn to the console to run "Do_path", "make_res", "make_apk your own package name", "sign your own package name," observing the output of each command and solving your problem based on false information . The most likely problem is make_res command. In fact we use Notepad to open makeall.bat ,we will find makeall.bat is in turn to call the four commands above.