GOWidget Theme Maker Template v1.0

59
GOWidget Theme Maker Template Version v1.0 GOWidget Theme Maker Template is only available for WindowsXP, Windows 2000 and Windows 7. Before using the template, please make sure JDK which will be used for generating the theme package is installed. JDK can be downloaded in the following link: http://www.oracle.com/technetwork/java/javase/downloads/index. html or http://www.onlinedown.net/soft/61003.htm 1. Files instruction Unzip the file “GOWidget_Template_V1.0.zip” and you’ll see the files and the folders shown in the following picture.

Transcript of GOWidget Theme Maker Template v1.0

Page 1: GOWidget Theme Maker Template v1.0

GOWidget Theme Maker Template

Version v1.0

GOWidget Theme Maker Template is only available for WindowsXP, Windows 2000 and

Windows 7. Before using the template, please make sure JDK which will be used for

generating the theme package is installed.JDK can be downloaded in the following link:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

or http://www.onlinedown.net/soft/61003.htm

1. Files instruction

Unzip the file “GOWidget_Template_V1.0.zip” and you’ll see the files and the folders

shown in the following picture.

Note: By default, the theme package supports simple Chinese, Hongkong Chinese and Taiwan

Chinese. If you don’t want to support them, you must remove the 3 folders in folder “res”: values-

zh-rCN, values-zh-rCN and values-zh-rTW.

Page 2: GOWidget Theme Maker Template v1.0

2. Create your themes

2.1. Modify AndroidManifest.xml

Note:the package name of your GOWidget theme must obey the following rule:

com.gau.go.launcherex.theme.gowidget.***.

The keywords “com.gau.go.launcherex.theme.gowidget” cannot be changed. Other words in

tail can be changed freely.

2.2. Modify the files in folder \SRC\

Remember your theme package name changed in file Androidmanifest.xml in section 2.1

(shown in the green circle).

Modify the file “\src\com\gau\go\launcherex\theme\gowidget\template\template.java”

as shown in the following picture

Page 3: GOWidget Theme Maker Template v1.0

2.3. Modify the files in folder \assets

2.3.1.Overview

1. This folder contains the configuration files for all GOWidgets. For the instruction of the

files, please refer to the following sections. If your theme package doesn’t support some

GOWidgets, please delete the corresponding configuration files as well as the resources

files mentioned in those files.(For the explanation of the folder where those resources

files are placed, please refer to the 4th point.)。

2. For easy to be understood, if the attribute is for a picture, it’s instructed with picture name

+ suffix. However, the suffix must be ignored in the configuration file. For example, the

9-patch picture “twitter_login_pic.9.png” was recorded as “twitter_login_pic”. The

Android control selection file (refer to the 3rd point) “xxxx_selector.xml” was recorded as

“xxxx_selector”.

3. Android picture selection file “xxxx_selector.xml” is used to show the press effect for

controls in an easy way. You can open and edit it with any editor. The construction of the

file is shown below:

If you want to change the press effect, you should open the file with any editor and find

the corresponding name of the picture. Then replace the original picture in folder \

res\drawable-hdpi with yours. Likewise, if you want delete the xml file, you should

also delete the pictures mentioned in the file in folder \res\drawable-hdpi.

The picture mentioned in the xml can be either bitmap or 9-patch. Please refer to section

2.4.1 for the instruction of 9-patch pictures.

4. The pictures can be placed in folder \res\drawable-hdpi, \res\drawable-mdpi and \res\

drawable-ldpi. If there’s no special instruction, the default folder is \res\drawable-hdpi.

5. The color is represented with a 32-bit hex number. The format is #ARGB, A for alpha, R

for red, G for green and B for blue. For example, #FFFFFFFF. Each element has 8 bits.

The value of the color in the template is just a default one. You should change it

according to your need.

6. Some attributes in the configuration files are for distance. Their units are all DIP (Device

Independent Point). The purpose is to eliminate the differences between devices.

Page 4: GOWidget Theme Maker Template v1.0

7. When you create your GOWidget theme, the easiest and the quickest way is to replace the

default pictures in folder /res/drawable-hdpi with yours. Remember, DO NOT change the

name of the picture unless you really have to.

2.3.2. Configuration file instruction for GO Twitter Widget

File name:widget_twitterwidget.xml

Note: if your GOWidget theme package doesn’t support GO Twitter Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.2.1 to 2.3.2.6 in folder res/drawable-

hdpi

2. Remove the nodes “twitter44themetitle” and “twitter41themetitle” in

/res/values/strings.xml

Remove the nodes “twitter44themetitle” and “twitter41themetitle” in /res/values-zh-

rCN/strings.xml

Remove the nodes “twitter44themetitle” and “twitter41themetitle” in /res/values-zh-

rHK/strings.xml

Remove the nodes “twitter44themetitle” and “twitter41themetitle” in /res/values-zh-

rTW/strings.xml

3. Remove widget_twitterwidget.xml in folder /assets

2.3.2.1. Common instruction

Node name Attribute values Instruction

widget_style style1="0" For style “4*4”

style2="1" For style “4*1”

The styles of the widget supported by the

theme.

0 for 4*4, 1 for 4*1.

Page 5: GOWidget Theme Maker Template v1.0

widget_theme_type Theme for the specific style. Not in use right now

theme_preview img1="twitter44" Theme

preview for style “4*4”

img2="twitter41" Theme

preview for style “4*1”

For pictures “twitter44.jpg” and

“twitter41.jpg” which will be shown

during switching themes.

theme_title title1="twitter44themetitle"

Theme name for style “4*4”

title2="twitter41themetitle"

Theme name for style “4*1”

For nodes “twitter44themetitle” and

“twitter41themetitle” in file

res/values/strings.xml.

You should change their values

according to the name of your theme.

For simple Chinese, the file is res/values-

zh-rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file is

res/values-zh-rTW/strings.xml

2.3.2.2. Login interface for style 4*4

Node name Attribute values Instruction

login_top_background twitter_main_top_selector.xml The background image of

header title.

login_topimage_background twitter_main_topimage_selector.xm

l

The background image of

the logo “twitter”

login_content_background twitter_login_pic.9.png The portrait background

image under the header

login_loginbutton_backgrou

nd

twitter_login_login_selector.xml The background image of

the login button.

login_registerbutton_backgr

ound

twitter_login_register_selector.xml The background image of

the register button.

login_contentland_backgrou

nd

twitter_login_picland.9.png The landscape background

image under the header

login_loginbutton_textcolor #FFFFFFFF The color of the words

Page 6: GOWidget Theme Maker Template v1.0

“Login Twitter”

login_tiptext_textcolor #FFFFFFFF The color of the words

“New to Twitter? Join

today!”

2.3.2.3. List interface for 4*4 style

Node name Attribute values Instruction

main_top_background twitter_main_top_selector.xml The background image of

header title

main_content_background twitter_main_bg.9.png The background image

under the header

main_topimage_background twitter_main_topimage_selector.xm

l

The background image of

the logo ”twitter”

main_choosetimeline_backg

round

twitter_main_timeline_selector.xml The “Timeline” image on

the top right corner.

main_choosementions_back

ground

twitter_main_mentions_selector.xm

l

The “Mentions” image on

the top right corner.

main_choosemessages_back

ground

twitter_main_dms_selector.xml The “Messages” image on

the top right corner.

main_line_background twitter_linebutton.9.png The divider between the

three buttons on the top

right corner.

main_write_background twitter_main_write_selector.xml The image for new tweets

on the header.

main_refresh_background twitter_main_refresh_selector.xml The image for refresh on

the header.

main_retweeticon_backgrou

nd

twitter_main_retweet_icon.png The sign of one tweet which

is retweeted by other

people.

main_userphoto_backgroun

d

twitter_main_user_photo.png The default photo for users

main_userphoto_back twitter_main_user_back.9.png The bottom image for user

Page 7: GOWidget Theme Maker Template v1.0

photo

main_userphoto_up twitter_main_user_up.png The cover for user photo

main_isfavorite_background twitter_main_isfavorite.png The sign of one tweet which

is my favorite

main_isretweet_background twitter_main_isretweet.png The sign of one tweet which

is retweeted by me

main_favoandretweet_backg

round

twitter_main_f_r.png The sign of one tweet which

is my favorite and also

retweeted by me.

main_contentdetail_backgro

und

twitter_main_listopen_selector.xml The background image of

the tweet when expanded.

main_favorite_bakcground twitter_main_fav_selector.xml The image of the button to

show this tweet was marked

as my favorite when

expanded

main_retweeted_background twitter_main_retweeted_selector.x

ml

The image of the button to

show this tweet was

retweeted by me when

expanded.

main_unfavorite_backgroun

d

twitter_main_unfav_selector.xml The image of the button to

show this tweet was not

marked as my favorite

when expanded.

main_unretweet_backgroun

d

twitter_main_unretweet_selector.x

ml

The image of the button to

show this tweet was not

retweeted by me when

expanded.

main_reply_background twitter_main_reply_selector.xml The image of the reply

button when expanded

main_delete_background twitter_main_del_selector.xml The image of the delete

button when expanded

main_screenname_textcolor #ffffff The color of the user name

main_username_textcolor #b3ffffff The color of the user’s nick

name

main_text_textcolor #a6ffffff The color of the tweet

main_time_textcolor #b3ffffff The color of the time for the

tweet

main_link_textcolor #a6ff6600 The color of the link in

tweets, such as web link

and @someone

main_listview_divider twitter_main_line.9.png The divider between

different tweets.

main_listview_cachecolorhi #00000000 Not in user right now

Page 8: GOWidget Theme Maker Template v1.0

nt

main_listview_listselector twitter_main_listselector.xml The background image

when one tweet is selected.

2.3.2.4. User profile

Node name Attribute values Instruction

infomation_background twitter_infomation_bg.9.png Background image

infomation_twitter twitter_infomation_twitter.png The image of logo ”twitter”

on top left corner

infomation_user_photo twitter_infomation_user_back.9.pn

g

The bottom image of the

user’s photo

infomation_user_default_ph

oto

twitter_infomation_user_photo.png The default image of the

user’s photo

infomation_user_photo_top twitter_infomation_user_up.png The cover of the user’s

photo

infomation_screenname_text

_color

#FFFFFFFF The color of the user name

infomation_name_text_color #CCFFFFFF The color of the nick name

infomation_follow_backgro

und

twitter_infomation_follow_selector.

xml

The image of the “Follow”

button

infomation_follow_text_col

or

#FF000000 The color of the word

“Follow” on the “Follow”

button.

infomation_following_back

ground

twitter_infomation_following_selec

tor.xml

The image of the

“Following” button.

infomation_following_text_

color

#FFFFFFFF The color of the word

“Following” on the

“Following” button.

infomation_describe_text_c

olor

#FFFFFFFF The color of the user

signature.

infomation_mention twitter_infomation_mention.png The image of “@” button

infomation_mention_backgr

ound

twitter_infomation_tab_left_selecto

r.xml

The background image of

“@” button

infomation_private_letter twitter_infomation_private_letter.p

ng

The image of “Message”

button

infomation_private_letter twitter_infomation_tab_center_sele

ctor.xml

The background image of

“Message” button

Page 9: GOWidget Theme Maker Template v1.0

infomation_official_site twitter_infomation_official_site.pn

g

The image of “Profile”

button

infomation_official_site_bac

kground

twitter_infomation_tab_right_select

or.xml

The background image of

“Profile” button

2.3.2.5. Interface for new tweets

Node name Attribute values Instruction

share_background twitter_share_bg.9.png Background image

share_twitter twitter_share_twitter.png The image of logo”twitter”

on the top left corner.

share_tweet_background twitter_share_tweet_selector.xml The button image of

Tweet/Upload.

share_tweet_text_color #FFFFFFFF The color of the words for

Tweet/Upload button.

share_whatishappening_text

_color

#CCFFFFFF The color of the words

“What’s happening?”

share_input_background twitter_share_input.9.png The picture of the edit box

share_input_body_text_colo

r

#FFFFFFFF The color of the tweet

content

share_input_acount_text_col

or

#FFFFFFFF The color of the number for

counting the words

share_clean twitter_share_clean_selector.xml The image of the button to

clear the content in the

edit box.

share_goto_upload_photo twitter_share_addapic.png The image of uploading a

photo on the bottom left

corner

share_goto_upload_photo_te

xt_color

#FFFFFFFF The color of the words

“Uploading a photo”

share_photo_buttom twitter_share_picback.9.png The bottom image of the

selected photo.

share_photo_default twitter_share_photo.png The default image when

there’s no photo selected.

share_photo_up twitter_share_picup.9.png The cover of the selected

photo.

share_button_background twitter_share_button_bg_selector.x

ml

The background of the

buttons Capture/Gallery.

Page 10: GOWidget Theme Maker Template v1.0

share_capture twitter_share_camera.png The image of Capture

button.

share_capture_text_color #FFFFFFFF The color of the word

“Capture”.

share_gallery twitter_share_gallery.png The image of Gallery

button.

share_gallery_text_color #FFFFFFFF The color of the word

“Gallery”.

share_input_describe_backg

round

twitter_share_input.9.png The picture of the edit box

for the photo description.

share_input_text_color #FFFFFFFF The color of the words in

the edit box.

2.3.2.6. 4*1 Style

Node name Attribute value Instruction

twitter41_background twitter_41_bg.9.png Background

twitter41_text twitter_41_text_selector.xml Edit box

twitter41_picture twitter_41_picture_selector.xml Picture of camera

twitter41_text_color #7FFFFFFF The color of the words in

the edit box

2.3.3.Configuration file instruction for GO FBWidget

File name:widget_fbwidget.xml

Note: if your GOWidget theme package doesn’t support GO FBWidget, you should execute

the following steps to remove the corresponding resources to decrease the size of your theme.

1. Remove all the pictures mentioned from section 2.3.3.1 to 2.3.3.6 in folder res/drawable-

hdpi

2. Remove the node “fb44title” in /res/values/strings.xml

Remove the node “fb44title” in /res/values-zh-rCN/strings.xml

Remove the node “fb44title” in /res/values-zh-rHK/strings.xml

Remove the node “fb44title” in /res/values-zh-rTW/strings.xml

3. Remove widget_fbwidget.xml in folder /assets

2.3.3.1. Common instruction

Page 11: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

widget_style style1="0" Style “4*4”

style2="1" Style “4*1”

The styles of the widget supported by the

theme.

0 for 4*4, 1 for 4*1

widget_theme_type Theme for the specific

style.

Not in use right now

theme_preview img1="facebook44"

Theme preview for style

“4*4”

img2="facebook41"

Theme preview for style

“4*1”

For pictures “facebook44.jpg” and

“facebook41.jpg” which will be shown during

switching themes.

theme_title title1="fb44title" Theme

name for style “4*4”

title2="fb44title" Theme

name for style “4*1”

For the node “fb44title” in file

res/values/strings.xml

You should change its value according to the

name of your theme.

For simple Chinese, the file is res/values-zh-

rCN/strings.xml

For Hongkong Chinese, the file is res/values-

zh-rHK/strings.xml

For Taiwan Chinese, the file is res/values-zh-

rTW/strings.xml

2.3.3.2. Login interface for 4*4 style

Page 12: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

facebook_loginframe_top_back

ground

facebook_top_selector.xml Background image for the

header

facebook_loginimage_backgrou

nd

facebook_mainfacebook_selec

tor.xml

The image for the ”facebook”

logo on the header

facebook_loginframe_content_b

ackground

facebook_bg.9.png The background image under

the header

facebook_facebookpic_backgro

und

facebook_map.png The main picture showing

under the header. It’s the

“world map” by default.

facebook_loginbutton_backgrou

nd

facebook_loginbutton_selector

.xml

Image for the login button

facebook_cityimage_backgroun

d

facbook_city_blank.png The picture on the bottom.

facebook_registerbutton_backgr

ound

facebook_register_selector.xm

l

The picture for the register

button.

facebook_button_login_textcolo

r

#FFFFFF The color of the words

“Login Facebook”

facebook_textview_logintip_tex

tcolor

#dcdcdc The color of the words “Need

a Facebook account? Sign up

here.”

2.3.3.3. List interface for 4*4 style

Page 13: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

facebook_top_background facebook_top_selector.xml Header background

facebook_content_background facebook_bg.9.png Background image under the

header

facebook_facebook_background facebook_mainfacebook_selec

tor.xml

Image for the logo

”facebook” on the header

facebook_chooserecent_backgro

und

facebook_mostrecent_selector.

xml

The button image for

showing “Most Recent” on

the right most header

facebook_chooseprofile_backgr

ound

facebook_profile_selector.xml The button image for

showing “Profile” on the

right most header

facebook_line_background facebook_linebutton.9.png The divider between the

buttons on the header.

facebook_write_background facebook_write_selector.xml The “share” button on the

header.

facebook_refresh_background facebook_refresh_selector.xml The “refresh” button on the

header.

facebook_typetext_background facebook_type_text.png The sign for showing the

message is pure text

facebook_typephoto_backgroun

d

facebook_type_picture.png The sign for showing the

message contains pictures.

facebook_typevideo_backgroun

d

facebook_type_video.png The sign for showing the

message contains videos.

facebook_typelink_background facebook_type_link.png The sign for showing the

message contains links.

facebook_userphoto_back facebook_userphoto_back.9.p

ng

The bottom image for the

user photo.

facebook_userphoto_up facebook_userphoto_up.png The cover for the user photo,

facebook_userphoto_backgroun

d

facebook_default_photo.png The default user photo

Page 14: GOWidget Theme Maker Template v1.0

facebook_contentdetail_backgro

und

facebook_detail_back.9.png The background image for

the message gets expanded.

facebook_linkphoto_backgroun

d

facebook_load_back.9.png The bottom image for the

picture on the message.

facebook_linkphoto_src facebook_load_picture.9.png The image for the picture

being loaded.

facebook_comments_src facebook_commentcount.png The indicator for the number

of comments

facebook_imageview_likes_src facebook_likecount.png The indicator for the number

of “Like”

facebook_todobutton_backgrou

nd

facebook_todo_selector.xml The button to open the

comment interface.

facebook_onwall_background facebook_onwall.png The sign to indicate

somebody share the message

on somebody’s wall.

facebook_textview_name_textc

olor

#ffffff The color of the user name

facebook_textview_text_textcol

or

#99ffffff The color of the message.

facebook_textview_time_textcol

or

#B3ffffff The color of the time when

the message was shared.

facebook_listview_divider facebook_line.9.png The divider between

messages.

facebook_listview_cachecolorhi

nt

#00000000 Not in use right now

facebook_listview_listselector facebook_listlight.9.png The image to show the

message is selected when

expanded.

2.3.3.4. Share interface for 4*4 style

Node name Attribute name Instruction

facebook_shareframe_backgrou

nd

facebook_sharebg.9.png Background image

facebook_sharefacbook_src facebook_share_facebook.png The “facebook” logo

facebook_sendbutton_backgrou

nd

facebook_sharebutton_selector

.xml

The “Share”/”Upload” button

facebook_inputcontent_backgro facebook_input.9.png The editor box for editing

Page 15: GOWidget Theme Maker Template v1.0

und “What’s on your mind?”

facebook_uploadpicbutton_bac

kground

facebook_addpic.png The indicator for “Upload a

Photo”

facebook_photoframe_foregrou

nd

facebook_share_picup.9.png The cover for the uploaded

photo

facebook_photoframe_backgro

und

facebook_share_picback.9.png The bottom image for the

uploaded photo

facebook_uploadphoto_backgro

und

facebook_share_picture.png The image when there’s no

photo selected.

facebook_capture_drawbleleft facebook_camera.png The indicator for “Capture”

facebook_getphoto_background facebook_photobutton_selecto

r.xml

The indicator for “Gallery”

facebook_gallery_drawbleleft facebook_gallery.png The button image for

“Capture” and “Gallery”

facebook_textview_whatyourmi

nd_textcolor

#ffffffff The color of the words

“What’s on your mind?”

facebook_edittext_messagebod

y_textcolor

#ffffffff The color of the words in

the “What’s on your mind”

edit box

facebook_textview_uploadpicte

xt_textcolor

#ffffffff The color of the words

“Upload a photo”

facebook_button_capture_textc

olor

#ffffffff The color of the words

“Capture” on the “Capture”

button

facebook_button_gallery_textco

lor

#ffffffff The color of the words

“Gallery” on the “Gallery”

button

facebook_textview_photomessa

ge_textcolor

#ffffffff The color of the words in

“Say something about this

photo…” edit box

2.3.3.5. Comment interface for 4*4 style

Page 16: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

facebook_commenttop_backgro

und

facebook_reply_facebook.9.pn

g

Header background

facebook_commentback_backg

round

facebook_bottom_back.9.png Background image under the

header

facebook_likebutton_backgroun

d

facebook_likebutton_selector.

xml

“Like” button

facebook_commentedit_backgr

ound

facebook_reply_input.9.png The “Write a comment” edit

box

facebook_commentbutton_back

ground

facebook_likebutton_selector.

xml

“Comment” button

facebook_commentview_backg

round

#313131 The background color of the

area for showing comments

facebook_postman_background #1b1b1b The background color of the

area for showing the

original post

facebook_commentline_back facebook_reply_line.9.png The background image of the

area to show the number

of people who like the

post.

facebook_textview_fromwhere

_textcolor

#eeeeee The color of the people who

sent the comment. It’s also

the color for the number of

people who like the post.

facebook_textview_commentco

ntent_textcolor

#717171 The color of the comments

facebook_edittext_comment_te

xtcolor

#a0a0a0 The color of the words in the

edit box.

2.3.3.6. 4*1 style

Page 17: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

facebook_41_back facebook_41_back.9.png Background

facebook_41_textback facebook_41_text_selector.xml The “What’s on your mind?”

edit box

facebook_41_takephoto facebook_41_pic_selector.xml The camera button on the

right.

facebook_41_textcolor #80ffffff The color of the text in the

edit box.

2.3.4. Configuration file instruction for GO Message Widget

File name:widget_smswidget.xml

Note: All the nodes have 3 attributes. The 1st one is for the 4*4 conversation style. The 2nd one is

for the 4*2 inbox style. The 3rd one is for 4*4 inbox style. If there’s no value for some

attribute, that means the attribute is not used in this style.

Note: if your GOWidget theme package doesn’t support GO Message Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.4.1 to 2.3.4.7 in folder res/drawable-

hdpi

2. Remove the nodes “sms42title”, “sms44title” and “sms44sessiontitle” in

/res/values/strings.xml

Remove the nodes “sms42title”, “sms44title” and “sms44sessiontitle” in /res/values-zh-

rCN/strings.xml

Remove the nodes “sms42title”, “sms44title” and “sms44sessiontitle” in /res/values-zh-

rHK/strings.xml

Remove the nodes “sms42title”, “sms44title” and “sms44sessiontitle” in /res/values-zh-

rTW/strings.xml

3. Remove widget_smswidget.xml in folder /assets

2.3.4.1. Common instruction

Page 18: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

widget_style style1="2" For 4*4

conversation style

style2="0" For 4*2 inbox

style

style3="1" For 4*4 inbox

style

The style supported by the theme package

widget_theme_type Theme for the specific style. Not in use right now

theme_preview img1="sms44session"

Theme preview for 4*4

conversation style

img2="sms42" Theme

preview for 4*2 inbox style

img2="sms44" Theme

preview for 4*4 inbox style

For pictures “sms44session.jpg”,

“sms42.jpg” and “sms44.jpg” which will be

shown during switching themes.

theme_title title1=" sms44sessiontitle"

Theme name for 4*4

conversation style

title2=" sms42title"

Theme name for 4*2 inbox

style

title3=" sms44title"

Theme name for 4*4 inbox

style

For nodes sms44sessiontitle、 sms42title and sms44title in file res/values/strings.xml

You should change the value of them

according to name of your theme.

For simple Chinese, the file is res/values-zh-

rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file isres/values-zh-

rTW/strings.xml

2.3.4.2. Header

Page 19: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

sms_return_first sms_refresh_selector.xml Background

sms_title_text_color #ffffffff The color of the title

sms_refresh sms_refresh_selector2.xml Refresh button

sms_mark_read sms_mark_read_selector.xml “Mark as read” button

sms_new sms_create_selector.xml “New message” button

sms_delete sms_delete_selector.xml “Delete” button

sms_call sms_call_selector.xml “Dial” button

sms_send sms_send_selector.xml “Reply” button

sms_back sms_back_selector.xml “Back” button

sms_back_text_color #ffffffff The color of the words

“Back” on the “Back” button

sms_button_separate sms_button_separate.9.png The divider between the

bottons

2.3.4.3. Contact portrait

Node name Attribute value Instruction

sms_contact_down sms_contact_down.9.png The bottom image of the

contact photo

sms_contact_top sms_contact_top.png The cover of the contact

photo

sms_contact sms_contact.png The default photo for one

contact

sms_contact_group sms_contact_group.png The default photo for a group

Page 20: GOWidget Theme Maker Template v1.0

of contacts

2.3.4.4. Message detail

Node name Attribute value Instruction

sms_contact_session_backgroun

d

sms_contact_bg.9.png The background image for

the row where the contact

info is shown in conversation

style.

sms_message_receive_backgrou

nd

sms_inbox_bg_selector.xml The incoming message in

conversation style

sms_message_send_background sms_sent_bg_selector.xml The outgoing message in

conversation style

sms_background_expand sms_list_open_selector.xml The background image for

the message gets expanded in

the 4*4 inbox style

sms_delete_expand sms_del_selector.xml The “Delete” button for the

message in 4*4 inbox style.

2.3.4.5. Reply interface

Node name Attribute value Instruction

sms_reply_background sms_reply_backgound.png Background

sms_reply_button sms_reply_selector.png The ”Send” button

sms_reply_name_color #ffffffff The color of the contact name

sms_reply_count_color #ff868686 The color of the number of

words in the message

sms_reply_message_color #ff333331 The color of the words in the

edit box

Page 21: GOWidget Theme Maker Template v1.0

2.3.4.6. The padding in 4*2 inbox style

Node name Attribute value Instruction

sms_42_padding_left 17 Left padding

sms_42_padding_right 17 Right padding

sms_42_padding_top 7 Top padding

sms_42_padding_bottom 10 Bottom padding

2.3.4.7. ColorsNode name Attribute value Instruction

sms_count_text_color attr1 = #FF000000 The color for the number of

messages in 4*4 conversation

style

attr2 = #FFFFFFFF The color for the number of

messages in 4*2 inbox style

attr3 = #FF000000 The color for the number of

messages in 4*4 inbox style

sms_contact_name_color attr1 = #FF000000 The color for the contact

name in 4*4 conversation

style

attr2 = #FF000000 The color for the contact

name in 4*2 inbox style

attr3 = #FF000000 The color for the contact

name in 4*4 inbox style

sms_contact_address_color attr1 = #FF666666 The color for the contact

photo number in 4*4

conversation style

attr2 = #FF000000 The color for the contact

photo number in 4*2 inbox

style

sms_message_color attr1 = #FF666666 The color of the messages in

4*4 conversation style

attr2 = #FF313131 The color of the messages in

4*2 inbox style

attr3 = #FF666666 The color of the messages in

4*4 inbox style

sms_date_color attr1 = #FF838383 The color for the time of the

message in 4*4

Page 22: GOWidget Theme Maker Template v1.0

conversation style

attr2 = #FF535353 The color for the time of the

message in 4*2 inbox style

attr3 = #FF333333 The color for the time of the

message in 4*4 inbox style

sms_message_color_session attr1 = #FF1F1F1F The color for the message in

chat session in 4*4

conversation style.

sms_date_color_session attr1 = #FF646464 The color for the time of the

message in chat session in

4*4 conversation style.

sms_contact_name_expand_col

or

attr3 = #ff000000 The color of the contact name

when the message is

expanded in 4*4 inbox style.

sms_contact_address_expand_c

olor

attr3 = #ff000000 The color of the contact

photo number when the

message is expanded in 4*4

inbox style.

sms_date_expand_color attr3 = #ff535353 The color for the time of the

message when it’s expanded

in 4*4 inbox style

sms_message_expand_color attr3 = #ff313131 The color of the message

when it’s expanded in 4*4

inbox style

2.3.5. Configuration file instruction for GO Contact Widget

File name:widget_contactwidget.xml

Note: if your GOWidget theme package doesn’t support GO Contact Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.5.1 to 2.3.5.2 in folder res/drawable-

hdpi

2. Remove the nodes “contact1” and “contact2” in /res/values/strings.xml

Remove the nodes “contact1” and “contact2”in /res/values-zh-rCN/strings.xml

Remove the nodes “contact1” and “contact2” in /res/values-zh-rHK/strings.xml

Remove the nodes “contact1” and “contact2” in /res/values-zh-rTW/strings.xml

3. Remove widget_contactwidget.xml in folder /assets

2.3.5.1. Common instruction

Page 23: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

widget_style 0 Widget style,0 for “2*4”

1 Widget style,1 for “4*4”widget_theme_type 0 Theme for the specific style. Reserved

for future use.

1 Theme for the specific style. Reserved

for future use.

theme_preview contact_preview24.png 2*4 style theme preview image

“contact_lite.jpg” which will be shown

during switching themes,

contact_preview44.png 4*4 style theme preview image

“contact_big.jpg” which will be shown

during switching themes,

theme_title contact1

contact2

Theme name for 2*4 style

Theme name for 4*4 style

Associated with the nodes “contact1”

and “contact2” in file

res/values/strings.xml.

You should change them according to

your theme name.

For simple Chinese, the file is

res/values-zh-rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file is

res/values-zh-rTW/strings.xml

2.3.5.2. Contact widget interface

Page 24: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

contact_title_background title_selector.xml The background of the header.

Two pictures included:

1. title_light.9.png (image for

pressed effect)

2. title.9.png (image for normal

status)

contact_grid_background grid.9.png The background of the widget

contact_pic_background pic_gb_top.9.png The background of the contact

photo

contact_name_background pic_gb_down.9.png The background image of the

whole contact (including the

name)

contact_title_line top_line.9.png The divider for the header

contact_refresh contact_refresh_selector.xm

l

The refresh button. 2 pictures

included:

1. contact_refresh_light (for the

press effect)

2. contact_refresh (for the normal

status)

contact_title_color #ffffffff The color of the widget title

contact_name_color #ff333333 The color for the name of the

contact

contact_total_padding_left 5 Left inner padding

contact_total_padding_right 5 Right inner padding

contact_total_padding_top 5 Top inner padding

contact_total_padding_bottom 10 Bottom inner padding

2.3.6. Configuration file instruction for GO TaskManager Widget

File name:widget_taskmanager.xml

Page 25: GOWidget Theme Maker Template v1.0

Note: if your GOWidget theme package doesn’t support GO TaskManager Widget, you

should execute the following steps to remove the corresponding resources to decrease the size

of your theme.

1. Remove all the pictures mentioned from section 2.3.6.1 to 2.3.6.4 in folder res/drawable-

hdpi

2. Remove the nodes “task11title”, “task22title” and “task42title” in /res/values/strings.xml

Remove the nodes “task11title”, “task22title” and “task42title” in /res/values-zh-

rCN/strings.xml

Remove the nodes “task11title”, “task22title” and “task42title” in /res/values-zh-

rHK/strings.xml

Remove the nodes “task11title”, “task22title” and “task42title” in /res/values-zh-

rTW/strings.xml

3. Remove widget_taskmanager.xml in folder /assets

2.3.6.1. Common instruction

Node name Attribute value Instruction

widget_style style1="0" For style

“1*1”

style2="1" For style

“4*1”

style3="2" For style

“4*2”

The styles supported by the theme

widget_theme_type Theme for specific

theme

Not in use right now

theme_preview img1="task11" Theme

preview image for style

Theme preview images “task11.jpg”,

“task41.jpg”and “task42.jpg” which will be

Page 26: GOWidget Theme Maker Template v1.0

1*1

img2="task41" Theme

preview image for style

4*1

img3="task42" Theme

preview image for style

4*2

shown during theme switching

theme_title title1=" task11title "

Theme title for style

1*1

title2=" task22title "

Theme title for style

4*1

title3=" task42title "

Theme title for style

4*2

For nodes task11titl, task22title and task42title in

file res/values/strings.xml.

You should change their values according to your

theme names.

For simple Chinese, the file is res/values-zh-

rCN/strings.xml

For Hongkong Chinese, the file is res/values-zh-

rHK/strings.xml

For Taiwan Chinese, the file is res/values-zh-

rTW/strings.xml

2.3.6.2. 1*1 style

Node name Attribute value Instruction

widget_bg task_manager_widget_bg.png Background image

widget_wrap task_manager_wrap.png Cover image

widget_point task_manager_point.png Needle

widget_font_color #ffffff The color for the words of

the memory left

widget_kill_botton task_manager_kill_selector.xml The cross button

2.3.6.3. 4*1 style

Node name Attribute value Instruction

widget_bg task_manager_widget41_bg.9.png Background image

widget_icolayout_bg task_manager_ico_layout_bg.png The background for the

memory indicator

widget_font_color #F09B00 The color for the words of

memory

widget_font_size 16 The font size

widget_kill_botton task_manager41_kill_selector.xml “Kill” button

widget_refresh_botton task_manager41_refresh_selector.xml “Refresh” button

Page 27: GOWidget Theme Maker Template v1.0

widget_progress_1 task_manager_porcess1.png The first image for

memory indicator

widget_progress_2 task_manager_porcess2.png The second image for

memory indicator

widget_progress_3 task_manager_porcess3.png The third image for

memory indicator

widget_progress_4 task_manager_porcess4.png The forth image for

memory indicator

widget_progress_5 task_manager_porcess5.png The fifth image for

memory indicator

2.3.6.4. 4*2 style

Node name Attribute value Instruction

widget_bg task_manager42_bg.9.png Background image

widget_icolayout_bg task_manager42_top_bg.png The background image

for the memory indicator

widget_font_color #F09B00 The color for the words of

memory

widget_font_size 16 The font size

widget_bottom_layout_bg task_manager42_bottom_bg.9.png The background image

for the area of memory

indicator and buttons.

widget_kill_botton task_manager41_kill_selector.xml “Kill” button

widget_refresh_botton task_manager41_refresh_selector.xml “Refresh” button

widget_progress_1 task_manager_porcess1.png The first image for

memory indicator

widget_progress_2 task_manager_porcess2.png The second image for

memory indicator

widget_progress_3 task_manager_porcess3.png The third image for

memory indicator

widget_progress_4 task_manager_porcess4.png The forth image for

memory indicator

widget_progress_5 task_manager_porcess5.png The fifth image for

memory indicator

2.3.7. Configuration file instruction for GO Calendar Widget

Page 28: GOWidget Theme Maker Template v1.0

File name:widget_calendarwidget.xml

Note: if your GOWidget theme package doesn’t support GO Calendar Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.7.1 to 2.3.7.5 in folder res/drawable-

hdpi

2. Remove the nodes “theme_43_title” and “theme_22_title” in /res/values/strings.xml

Remove the nodes “theme_43_title” and “theme_22_title” in /res/values-zh-

rCN/strings.xml

Remove the nodes “theme_43_title” and “theme_22_title” in /res/values-zh-

rHK/strings.xml

Remove the nodes “theme_43_title” and “theme_22_title” in /res/values-zh-

rTW/strings.xml

3. Remove widget_calendarwidget.xml in folder /assets

2.3.7.1. Common instruction

Node name Attribute value Instruction

widget_style style1="0" For style 4*3

style2="1" For style 2*2

The styles supported by the theme

widget_theme_type Theme for the specific style Not in use right now

theme_preview img1="

calendar_43_preview"

Theme preview image for

4*3 style

img2="

calendar_22_preview"

For images “calendar_43_preview.png” and

“calendar_22_preview.png” which will be

shown during switching themes.

Page 29: GOWidget Theme Maker Template v1.0

Theme preview image for

2*2 style

theme_title title1=" theme_43_title " 4*3

style theme name

title2=" theme_22_title e"

2*2 style theme name

For nodes theme_43_title and

theme_22_title in file res/values/strings.xml

You should change their values according to

your theme name.

For simple Chinese, the file is res/values-

zh-rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file is res/values-

zh-rTW/strings.xml

2.3.7.2. 2*2 style

Node name Attribute value Instruction

top_background calendar_22_top_selector.xml Header background

content_background calendar_22_bg_selector.xml Background for the area

under the header

contact_color #FFFFFFFF The color of the words in

header

agendar_color #FF000000 The color for the time of the

agenda

topic_color #FF313131 The color for the description

of the agenda

time_size 14 The font size of the date and

the time for the agenda

day_size 30.6 The font size of the date

today in the header

2.3.7.3. 4*3 style

Page 30: GOWidget Theme Maker Template v1.0

Node name Attribute value Instruction

calendar_refresh_btn_bg calendar_refresh_selector.xml “Refresh” button

calendar_add_btn_bg calendar_43_add_selector.xml “Add new date” button

calendar_agenda_btn_bg calendar_agenda_btn_selector.xml “Switch to agenda view”

button

calendar_calendar_btn_bg calendar_calendar_selector.xml “Switch to calendar view”

button

calendar_lines_btn_bg calendar_title_lines.9.png The divider between buttons

calendar_title_bg calendar_top.9.png Header background

calendar_frame_bg calendar_bg.9.png Background image for the

calendar frame

calendar_background_drawa

ble

calendar_backface_alpha100.9.png The calendar background

image above the frame when

there’s no flipping.

calendar_temper_backgroun

d_drawable

calendar_backface_alpha85.9.png The calendar background

image above the frame for

flipping effect

calendar_shadow_color #ffffff The color of the shadow

during flipping

2.3.7.4. Data cell in 4*3 style

Node name Attribute value Instruction

holiday_color #CCff0000 The color of the holiday

not_holiday_color #FF000000 The color of the working

day

today_drawable calendar_toady.9.png The background indicator

for today

has_agenda_drwable calendar_havedate.png The indicator which

indicates the day that has

agenda.

btn_lines_s calendar_linesu.9.png The vertical line between

each cell.

btn_lines_h calendar_linehen.9.png The horizontal line between

each cell.

week_title_color #999999 The color of the day in a

Page 31: GOWidget Theme Maker Template v1.0

week, such as SUN, MON,

etc.

month_color #000000 The color of the month, such

as September 2011

cell_selector btn_cell_selector.xml The background of the cell.

other_month_color #FFCACACA The color of the date which

is not in the current month.

2.3.7.5. Agenda view in 4*3 style

Node name Attribute value Instruction

agenda_date_drawable calendar_agenda_date.9.png The background image

agenda_date_line_drawable calendar_agenda_lineh.9.png The divider between each

event.

agenda_color #000000 The color for the description

of the event

agenda_date_color #ffff6600 The date color for today

agenda_other_date_color #ff6b6b6b The date color for other days

agenda_time_color #ffa0a0a0 The color for the time of the

event

agenda_content_drawable agenda_43_listlight.9.png The background image

when the event is pressed.

no_agenda_time_color #FF434343 The color of the words “No

events on this day”

no_agenda_time_tip_color #FF717171 The color of the tips “Tips:

press the ‘+’ button on the

title bar to add events”

2.3.8. Configuration file instruction for GO Bookmark Widget

File name:widget_bookmark.xml

Note: if your GOWidget theme package doesn’t support GO Bookmark Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.8.1 to 2.3.8.5 in folder res/drawable-

Page 32: GOWidget Theme Maker Template v1.0

hdpi

2. Remove the node “bookmark_theme_title” in /res/values/strings.xml

Remove the node “bookmark_theme_title” in /res/values-zh-rCN/strings.xml

Remove the node “bookmark_theme_title” in /res/values-zh-rHK/strings.xml

Remove the node “bookmark_theme_title” in /res/values-zh-rTW/strings.xml

3. Remove widget_bookmark.xml in folder /assets

2.3.8.1. Common instruction

Node name Attribute value Instruction

widget_style 0 Widget style.

0 for 4*4 style

widget_theme_type 0 Theme for specific style.

Not in use right now.

theme_preview bookmark_preview44 For the theme preview image

“bookmark_preview44.png” for 4*4

style. It will be shown during theme

switching.

theme_title bookmark_theme_title For the node

“bookmark_theme_title” in file

res/values/strings.xml.

You should change the value of the

node according to your theme name.

For simple Chinese, the file is

res/values-zh-rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file is

Page 33: GOWidget Theme Maker Template v1.0

res/values-zh-rTW/strings.xml

widget style_id=”0” Widget style. Cannot be modified.

widget theme_id="0" Widget theme identifier. Cannot be

modified.

2.3.8.2. Header and background

Node name Attribute value Instruction

top_background bookmark_title_selector.xml Background, 2 images included:

1. bookmark_title_light.png (For

the press effect)

2. bookmark_title.png (For the

normal effect)

bookmark_back content_background.9.png Background of the content area

refresh_button bookmark_refresh_selector.xml “Sync” button. 2 images included:

1. bookmark_refresh_light.png (For

the press effect)

2. bookmark_refresh.png (For the

normal effect)

navigation_button bookmark_navigation_selector.xm

l

“Switch to Navigation view”

button. 2 images included:

1. bookmark_naviation_light.png

(For the press effect)

2. bookmark_naviation.png (For

the normal effect)

edit_button bookmark_edit_selector.xml “Edit” button. 3 images included:

1. bookmark_edit_light.png (For

the press effect)

2. bookmark_edit_disable.png (For

the disabled effect)

3. bookmark_edit.png (For the

Page 34: GOWidget Theme Maker Template v1.0

normal effect)

bookmark_button bookmark_selector.xml “Switch to Bookmark view” button.

2 images included:

1. bookmark_light (For the press

effect)

2.bookmak(For the normal effect)

title_line bookmark_title_line.9.png The divider between buttons.

2.3.8.3. Navigation view

Node name Attribute value Instruction

recommend_default_logo bookmark_recommend_default.png The default image for the

recommended website

recommend_add_logo bookmark_recommend_add.png The image for adding new

website as the

recommended one.

recommend_bottom_logo bookmark_recommend_bottom_logo.

9.png

The bottom image for the

recommended website

recommend_back bookmark_recommend_back.9.png The background image for

the area of recommended

website.

recommend_item_title bookmark_recommend_item_title.pn

g

The background image for

the name of the

recommended website.

navigation_list_left_icon bookmark_navigation_list_left_icon.p

ng

The image on the left side of

each navigation category

navigation_list_right_open_icon bookmark_navigation_list_right_open

_icon.png

The image on the right side

of each navigation

category when the

category is expanded.

navigation_list_right_close_icon bookmark_navigation_list_right_clos

e_icon.png

The image on the right side

of each navigation category.

Page 35: GOWidget Theme Maker Template v1.0

navigation_list_normal bookmark_list_formal.9.png The background of the

navigation category

navigation_list_click_light bookmark_list_click_light.9.png The image for the press

effect of the navigation

category

navigation_list_item_line bookmark_navigation_list_line.png The divider between each

navigation category

navigation_first_list_color #000000 The color for the name of

the navigation category.

navigation_list_normal_color #626262 The color of the navigation

website.

navigation_list_click_color #EA6200 The color of the navigation

website when it’s pressed.

2.3.8.4. Bookmark view without any bookmark imported

Node name Attribute value Instruction

empty_bookmark_logo bookmark_not_type_img.png The picture as the “No

bookmark” sign.

choose_bookmark_type_button bookmark_choose_type_selector.c

ml

“Choose bookmark” button.

2 images included:

1.choose_bookmark_type_l

ight.png (For the pressed

effect)

2.choose_bookmark_type.p

ng (For the normal effect)

choose_bookmark_type_button_tex

t

#444343 The color for the name of

“Choose bookmark” button

empty_bookmark_title #444343 The color of the words “No

bookmark”

empty_bookmark_desc #717171 The color of the words

“Click the button to ad

bookmarks”

Page 36: GOWidget Theme Maker Template v1.0

2.3.8.5. Bookmark view

Node name Attribute value Instruction

account_type_text bookmark_account_back.9.png The background of the account

bar

account_type_text_color #1B1B1B The color of the account name

mybookmark_item_back bookmark_mybookmark_item_

back.9.png

The background for each

bookmark item

mybookmark_item_logo bookmark_mybookmark_item_l

ogo.png

The default icon on the left side

of each bookmark item

mybookmark_title_color #1B1B1B The color for the name of each

bookmark

mybookmark_url_color #535353 The color for the URL of each

bookmark

mybookmark_click_effect bookmark_click_back_light.9.p

ng

The image for the press effect of

each bookmark item

mybookmark_list_line bookmark_list_line.png The divider between each

bookmark item

2.3.9. Configuration file instruction for GO Switch Widget

File name:widget_switchwidget.xml

Note: if your GOWidget theme package doesn’t support GO Switch Widget, you should

execute the following steps to remove the corresponding resources to decrease the size of

your theme.

1. Remove all the pictures mentioned from section 2.3.9.1 to 2.3.9.3 in folder res/drawable-

hdpi

2. Remove the node “switch_black” in /res/values/strings.xml

Remove the node “switch_black” in /res/values-zh-rCN/strings.xml

Remove the node “switch_black” in /res/values-zh-rHK/strings.xml

Page 37: GOWidget Theme Maker Template v1.0

Remove the node “switch_black” in /res/values-zh-rTW/strings.xml

3. Remove widget_switchwidget.xml in folder /assets

2.3.9.1. Common instruction

Node name Attribute value Instruction

widget_style 0 (For style 4*1)

1 (For style 1*1)

Styles supported by this theme

widget_theme_type 0 Theme for the specific style. Cannot

be modified.

theme_preview switch_black_preview.png

switch11_black_preview.png

Preview image for style 4*4

Preview image for style 1*1

theme_title switch_black

switch_black

Theme name for style 4*4

Theme name for style 1*1

For the node “switch_black” in file

res/values/strings.xml.

You should change its value

according to your theme name.

For simple Chinese, the file is

res/values-zh-rCN/strings.xml

For Hongkong Chinese, the file is

res/values-zh-rHK/strings.xml

For Taiwan Chinese, the file is

res/values-zh-rTW/strings.xml

widget style_id=”0” Widget style identification. Cannot

be modified.

Widget theme_id="0" Widget theme identification. Cannot

be modified.

2.3.9.2. 4*1 style

Page 38: GOWidget Theme Maker Template v1.0

2.3.9.2.1. Background

Node value Attribute value Instruction

main_background switch_black_widget_bg.9.png Background image

main_lines switch_black_linewidget.9.png Divider between each switch

main_more switch_black_dian.png The button to enter the view where

all switches are shown.

2.3.9.2.2. Switches

Node name Attribute value Instruction

wifi_off switch_black_wifi_off.png Wifi is off

wifi_on switch_black_wifi_on.png Wifi is on

network_disable switch_gprs_nonetwork.png Gprs is not available

gprs_off switch_black_network_off.png Gprs is off

gprs_on switch_black_network_on.png Gprs is on

gps_off switch_black_gps_off.png GPS is off

gps_on switch_black_gps_on.png GPS is on

blue_tooth_off switch_black_bluetooth_off.png Blue tooth is off

blue_tooth_on switch_black_bluetooth_on.png Blue tooth is on

airplane_off switch_black_air_off.png Airplane mode is off

airplane_on switch_black_air_on.png Airplane mode is on

auto_sync_off switch_black_sync_off.png Network sync is off

auto_sync_on switch_black_sync_on.png Network sync is on

brightness_low switch_black_brightness_low.png Screen brightness is on the

darkest status

brightness_auto switch_black_brightness_auto.png Screen brightness is on the

custom status

brightness_middle switch_black_brightness_middle.png Screen brightness is on the

middle status

brightness_hight switch_black_light_hight.png Screen brightness is on the

Page 39: GOWidget Theme Maker Template v1.0

lightest status

ringer_off switch_black_ringer_off.png Ringer is off

ringer_on switch_black_ringer_on.png Ringer is on

vibrate_off switch_black_vibration_off.png Vibration is off

vibrate_on switch_black_vibration_on.png Vibration is on

timeout_15 switch_black_timeout_15.png Time to lock screen is 15s

timeout_30 switch_black_timeout_30.png Time to lock screen is 30s

timeout_60 switch_black_timeout_60.png Time to lock screen is 60s

timeout_300 switch_black_timeout_300.png Time to lock screen is 5min

timeout_600 switch_black_timeout_600.png Time to lock screen is 10min

lock_screen switch_black_lock.png Lock screen button

lock_disable switch_black_nolock.png Lock screen is not available

auto_rotation_on switch_black_auto_rotation_on.png Auto-rotate is on

auto_rotation_off switch_black_auto_rotation_off.png Auto-rotate is off

2.3.9.2.3. All switches view

Node name Attribute value Instruction

activity_bg switch_black_activity_bg.9.png Background image

progress_selector switch_black_progress_selector.xml Scrollbar image for ringer and

media

thumb_selector switch_black_thumb_selector.xml The button to change the

volume of ringer and media

ringer switch_black_ring.png The image for the ringer

volume

media switch_black_music.png The image for the media

volume

long_lineh switch_black_line_h.9.png The horizontal line between

each row

lines switch_black_line_s.9.png The vertical line between each

column

edit_bg switch_black_edit_selector.xml The “Edit” button

Page 40: GOWidget Theme Maker Template v1.0

ok_bg switch_black_ok_btn_selector.xml The “OK” button

i switch_black_info.png The image for tips in edit

mode

warm1_bg switch_black_warm1_bg.png The divider between the first

row and the left row in edit

mode

edit_text_color #ff000000 The color of the word “Edit”

on the edit button

ok_text_color #ffffffff The color of the word “OK”

on the ok button

switch_text_color #ff000000 The color for the switch name

warm1_text_color #ffffffff The color for the tips on the

divider between the first row

and the left row in edit mode.

warm2_text_color #ff000000 The color for the operation

tips in edit mode

be_drag switch_black_be_drag.png The background for the first

row in edit mode

be_push switch_black_be_push.png The background for the other

rows in edit mode

push_aim switch_black_aim_to.png The background for the target

of the switch when changing

position

shadow switch_black_shadow.9.png The background for the

original place when the switch

is being moved.

2.3.9.3. 1*1 style

Node name Attribute value Instruction

background switch11_black_bg_selector.xml Background. 2 images included:

1. switch_black_light.9.png (For the

press effect)

2. switch_black.9.png (For the

normal status)

wifi_off switch_black_wifi_off.png Wifi is off

wifi_on switch_black_wifi_on.png Wifi is on

network_disable switch_gprs_nonetwork.png Gprs is not available

gprs_off switch_black_network_off.png Gprs is off

gprs_on switch_black_network_on.png Gprs is on

gps_off switch_black_gps_off.png GPS is off

gps_on switch_black_gps_on.png GPS is on

Page 41: GOWidget Theme Maker Template v1.0

blue_tooth_off switch_black_bluetooth_off.png Blue tooth is off

blue_tooth_on switch_black_bluetooth_on.png Blue tooth is on

airplane_off switch_black_air_off.png Airplane mode is off

airplane_on switch_black_air_on.png Airplane mode is on

auto_sync_off switch_black_sync_off.png Network sync is off

auto_sync_on switch_black_sync_on.png Network sync is on

brightness_low switch_black_brightness_low.png Screen brightness is on the darkest

status

brightness_auto switch_black_brightness_auto.png Screen brightness is on the custom

status

brightness_middle switch_black_brightness_middle.png Screen brightness is on the middle

status

brightness_hight switch_black_light_hight.png Screen brightness is on the lightest

status

ringer_off switch_black_ringer_off.png Ringer is off

ringer_on switch_black_ringer_on.png Ringer is on

vibrate_off switch_black_vibration_off.png Vibration is off

vibrate_on switch_black_vibration_on.png Vibration is on

timeout_15 switch_black_timeout_15.png Time to lock screen is 15s

timeout_30 switch_black_timeout_30.png Time to lock screen is 30s

timeout_60 switch_black_timeout_60.png Time to lock screen is 60s

timeout_300 switch_black_timeout_300.png Time to lock screen is 5min

timeout_600 switch_black_timeout_600.png Time to lock screen is 10min

lock_screen switch_black_lock.png Lock screen button

lock_disable switch_black_nolock.png Lock screen is not available

auto_rotation_on switch_black_auto_rotation_on.png Auto-rotate is on

auto_rotation_off switch_black_auto_rotation_off.png Auto-rotate is off

2.4. Modify the files in folder \res

2.4.1. Modify the files in folder \res\drawable-hdpi

All the pictures mentioned in section 2.3 are placed in this folder. You can add/delete/replace

them according to your need.

Note:

1. The picture with the suffix “9.png” is an Android self-defined image format: nine-patch.

You can use the tool “draw9patch.bat” in folder “\tools” to edit the picture. The manual

can be found at:

http://developer.android.com/guide/developing/tools/draw9patch.html

Tips: If nine-patch picture is too complicated for you, you can just change its color.

2. A simple way to make your theme is only replace the pictures with yours but without

Page 42: GOWidget Theme Maker Template v1.0

renaming them.

2.4.2. Change the icon of your theme

You should replace the picture “icon.png” in folder “\res\drawable-hdpi” with yours. This

icon will be shown in the system application management list and when your theme is

installed.

Page 43: GOWidget Theme Maker Template v1.0

2.4.3.Modify \res\values\strings.xml

This file contains the theme name and the specific theme name for each widget style.

1. Change the theme name for each widget style

You can find the node for the name of the widget style according to the instruction in

section 2.3. For example, for GO Twitter Widget 4*4 style, you should first find the node

“theme_title” in file “widget_twitterwidget.xml”. The value for the name is

“twitter44themetitle”. Then find the node “twitter44themetitle” in file “strings.xml” and

change its value to the one you want.

Page 44: GOWidget Theme Maker Template v1.0

2. Change the theme name

Page 45: GOWidget Theme Maker Template v1.0

All those changes are for the default language: English.

For simple Chinese, the file is res\values-zh-rCN\strings.xml.

For Hongkong Chinese, the file is “\res \values-zh-rHK\strings.xml”

For Taiwan Chinese, the file is “\res\values-zh-rTW\strings.xml”

For other languages, you can add a folder with name “values-???” (??? is the

symbol of language. For example, for Japanese, it’s “ja”) in folder /res. Then copy

the file “values\strings.xml” to this folder and translate the values of the nodes.

For the information of language symbol, you can find it at the following link:

http://www.icanlocalize.com/site/tutorials/android-application-localization-tutorial/

Note: If you don’t want to support simple Chinese or other Chinese, you can delete the

corresponding folder completely. Only the default folder “values” cannot be deleted.

2.5. Modify Do_path.bat

Page 46: GOWidget Theme Maker Template v1.0

If you want to use your own keystore file, you must change the values of

KEYSTORE_FILE, KEYSTORE_PASS and KEYSTORE_ALIAS.

For the creation of your keystore file, you can refer to the following 2 links:

http://blog.sina.com.cn/s/blog_54b5ea250100ewn1.html

http://developer.android.com/guide/publishing/app-signing.html

2.6. Modify make_src.bat

2.7. Generate apkfile

Enter the command “makeall.bat xxx” (xxx is the name of your theme) in the command

center. If there’s no error found, the apk file “xxx_signed.apk” will be generated. Install it on

your phone and check it out.

For any error info, you can find the tips in the output during the execution of the command.

Page 47: GOWidget Theme Maker Template v1.0

3. Trouble shootingFirst, check whether the theme is made strictly according to the instruction in the sections

above. If the issue still exists, please execute the command below one by one in the command

center.

“Do_path”, “make_classes.dex.bat “, “make_res”, “make_apk xxx”, “sign xxx” (xxx is the

name of your package).

Check the output for each command. Fix the issue according to error info. The problem may

mostly happen in command “make_res”. In fact, if you use editor to open “makeall.bat”,

you’ll find all the five commands above are called in turn.