[GUIDE] HOW TO for STYLES.XML - Galaxy Y GT-S5360 Themes and Apps

{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Style Resource
A style resource defines the format and look for a UI. A style can be applied to an individual View (from within a layout file) or to an entire Activity or application (from within the manifest file).
How to start?
Open your App's Style.xml
(This is Settings.apk but you can do this also in other App)
res/values/style.xml
You will see
Code:
<style name="info_label">
<item name="android:textAppearance">@style/TextAppearance.info_label</item>
<item name="android:paddingRight">4.0dip</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
</style>
Thats the properties of Style name "info_label"
We can use styles.xml to theme our App
For example we want the Settings Application to be White Background but the other Application is just the Normal Background
To do this we need to create a new style
Add this to your Styles.xml
Code:
<style name="any_style_name" parent="@android:style/Theme">
</style>
To add a Custom BackGround to our App Add this inside the <style name="any_style_name">
<item name="android:windowBackground">@drawable/your_png_name</item>
Create a png in any name you want then save it to res/drawable-ldpi
So your Styles.xml will looks like this
Code:
<style name="any_style_name" parent="@android:style/Theme">
<item name="android:windowBackground">@drawable/your_png_name</item>
</style>
Setting our Custom Theme
Open your App's Manifest then look for this (This will apply our Custom Theme on the whole App)
Code:
<application android:label="@string/settings_label"
android:theme="@style/your_style_name"
android:icon="@drawable/ic_launcher_settings"
android:taskAffinity="">
If you want only to theme a certain Activity add it to
Code:
<activity android:theme="@style/your_style_name"
android:label="@string/settings_label_launcher"
android:name="Settings"
android:taskAffinity="com.android.settings"
android:clearTaskOnLaunch="true"
android:launchMode="singleTop">
If youre a little bit confuse here's my Manifest my style name is Starting at "potato"
SAMPLE :laugh:

---

If you want to add more properties open your framework's Styles.xml then search for "<style name="Theme">"
You will see lot of items, If you want that to include in your style just add "android:" before the item
ex.
Code:
<item name="windowTitleStyle" [user=262514]@style[/user]/WindowTitle</item>
to
Code:
<item name="android:[COLOR="Red"][/COLOR]windowTitleStyle" [user=262514]@style[/user]/WindowTitle</item>
if your item has @style/WindowTitle"
create a new style again
you can also change its name
ex
@style/SuperWindowTitle
then create the style
Code:
<style name="SuperWindowTitle">
<item name="android:textAppearance">@android:style/TextAppearance.Large</item>
<item name="android:maxLines">1</item>
<item name="android:scrollHorizontally">true</item>
</style>
Now you have a custom TitleBar text on your theme you can also change its properties
just modify this lines inside it
Code:
<item name="android:textAppearance">@android:style/TextAppearance.Large</item>
<item name="android:maxLines">1</item>
<item name="android:scrollHorizontally">true</item>
Now your styles .xml will look like this
Code:
<style name="any_style_name" parent="@android:style/Theme">
<item name="android:windowBackground">@drawable/your_png_name</item>
<item name="android:windowTitleStyle" [user=262514]@style[/user]/SuperWindowTitle</item>
</style>
<style name="SuperWindowTitle">
<item name="android:textAppearance">@android:style/TextAppearance.Large</item>
<item name="android:maxLines">1</item>
<item name="android:scrollHorizontally">true</item>
</style>

---

TextColors
Code:
<item name="android:textAppearance">@style/TextAppearance</item>
<item name="android:textAppearanceInverse">@style/TextAppearance.Inverse</item>
<item name="android:textColorPrimary">@color/primary_text_dark</item>
<item name="android:textColorPrimaryDisableOnly">@color/primary_text_dark_disable_only</item>
<item name="android:textColorSecondary">@color/secondary_text_dark</item>
<item name="android:textColorPrimaryInverse">@color/primary_text_light</item>
<item name="android:textColorSecondaryInverse">@color/secondary_text_light</item>
<item name="android:textColorPrimaryNoDisable">@color/primary_text_dark_nodisable</item>
<item name="android:textColorSecondaryNoDisable">@color/secondary_text_dark_nodisable</item>
<item name="android:textColorPrimaryInverseNoDisable">@color/primary_text_light_nodisable</item>
<item name="android:textColorSecondaryInverseNoDisable">@color/secondary_text_light_nodisable</item>
<item name="android:textColorHintInverse">@color/hint_foreground_light</item>
<item name="android:textAppearanceLarge">@style/TextAppearance.Large</item>
<item name="android:textAppearanceMedium">@style/TextAppearance.Medium</item>
<item name="android:textAppearanceSmall">@style/TextAppearance.Small</item>
<item name="android:textAppearanceLargeInverse">@style/TextAppearance.Large.Inverse</item>
<item name="android:textAppearanceMediumInverse">@style/TextAppearance.Medium.Inverse</item>
<item name="android:textAppearanceSmallInverse">@style/TextAppearance.Small.Inverse</item>
<item name="android:textCheckMark">@drawable/indicator_check_mark_dark</item>
<item name="android:textCheckMarkInverse">@drawable/indicator_check_mark_light</item>
Buttons
Code:
<item name="android:buttonStyle">@style/Widget.Button</item>
<item name="android:buttonStyleSmall">@style/Widget.Button.Small</item>
<item name="android:buttonStyleInset">@style/Widget.Button.Inset</item>
<item name="android:buttonStyleToggle">@style/Widget.Button.Toggle</item>
Apps Background & More
Code:
<item name="android:windowBackground">@drawable/potato</item> Background of the App
<item name="android:windowTitleSize">30.0px</item> Titlebar Size
<item name="android:windowTitleStyle">@style/WindowTitle</item> Syle of the Titlebar Text
<item name="android:windowTitleBackgroundStyle">@style/WindowTitleBackground</item> Syle of the Titlebar
Others
Code:
[FONT="Arial"][SIZE="6"]OTHERS[/SIZE][/FONT]
[SIZE="4"]
<item name="android:popupWindowStyle">@style/Widget.PopupWindow</item> PopUps
<item name="android:progressBarStyle">@style/Widget.ProgressBar</item> ProgressBar
<item name="android:progressBarStyleHorizontal">@style/Widget.ProgressBar.Horizontal</item> ProgressBar
<item name="android:progressBarStyleSmall">@style/Widget.ProgressBar.Small</item> ProgressBar
<item name="android:progressBarStyleLarge">@style/Widget.ProgressBar.Large</item> ProgressBar
<item name="android:seekBarStyle">@style/Widget.SeekBar</item> SeekBar
<item name="android:radioButtonStyle">@style/Widget.CompoundButton.RadioButton</item> RadioButton
<item name="android:scrollViewStyle">@style/Widget.ScrollView</item>
<item name="android:spinnerStyle">@style/Widget.Spinner</item> Spinner
<item name="android:checkBoxPreferenceStyle">@style/Preference.CheckBoxPreference</item> CheckBox
<item name="android:editTextPreferenceStyle">@style/Preference.DialogPreference.EditTextPreference</item> EditText
[/SIZE]
NOTE
If you see "@style/Preference.DialogPreference.EditTextPreference"
Go to styles.xml of your framework search for that style then copy the style to your App's Styles.xml :fingers-crossed:

---

System.out.println("RESERVED_2");

---

mariozawa said:
System.out.println("RESERVED_2");
Click to expand...
Click to collapse
i have a question, how can i add more drawable to fw-res and call it from JAVA? maybe its a noob question. thx before.

---

How do u compile settings? I compile it with no error but doesnt work

---

AuliaYF said:
i have a question, how can i add more drawable to fw-res and call it from JAVA? maybe its a noob question. thx before.
Click to expand...
Click to collapse
Try posting to this forum Bro
http://forum.xda-developers.com/forumdisplay.php?f=2197
m4RinKo2 said:
How do u compile settings? I compile it with no error but doesnt work
Click to expand...
Click to collapse
just check your manifest maybe theres something wrong there

---

Nice one!

---

U should share some pngs to.

---

Good share ... are you female by d way?

---

xXx~~~SHLOK~~~xXx said:
Good share ... are you female by d way?
Click to expand...
Click to collapse
Nope Im just a Handsome Guy with Samsung Galaxy Y :victory:
Updated with more Styles :victory:

---

Great tutorial mate, just what I need.
Could you add one more example for how to change framework background?
I would like to use one png in whole framework (settings background, email background, call app) or to be precise everywhere where it's possible.
I just can't find which png to change and what lines in styles.xml to change.
Tnx a lot
Sent from my LT26i using Tapatalk 4

---

funky0308 said:
Great tutorial mate, just what I need.
Could you add one more example for how to change framework background?
I would like to use one png in whole framework (settings background, email background, call app) or to be precise everywhere where it's possible.
I just can't find which png to change and what lines in styles.xml to change.
Tnx a lot
Sent from my LT26i using Tapatalk 4
Click to expand...
Click to collapse
Theres a guide bro created by deathnoticed at the development thrad:good:
you need to change window background and window color background

---

nice guide
mariozawa said:
Style Resource
A style resource defines the format and look for a UI. A style can be applied to an individual View (from within a layout file) or to an entire Activity or application (from within the manifest file).
How to start?
Open your App's Style.xml
(This is Settings.apk but you can do this also in other App)
res/values/style.xml
You will see
Code:
<style name="info_label">
<item name="android:textAppearance">@style/TextAppearance.info_label</item>
<item name="android:paddingRight">4.0dip</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
</style>
Thats the properties of Style name "info_label"
We can use styles.xml to theme our App
For example we want the Settings Application to be White Background but the other Application is just the Normal Background
To do this we need to create a new style
Add this to your Styles.xml
Code:
<style name="any_style_name" parent="@android:style/Theme">
</style>
To add a Custom BackGround to our App Add this inside the <style name="any_style_name">
<item name="android:windowBackground">@drawable/your_png_name</item>
Create a png in any name you want then save it to res/drawable-ldpi
So your Styles.xml will looks like this
Code:
<style name="any_style_name" parent="@android:style/Theme">
<item name="android:windowBackground">@drawable/your_png_name</item>
</style>
Setting our Custom Theme
Open your App's Manifest then look for this (This will apply our Custom Theme on the whole App)
Code:
<application android:label="@string/settings_label"
android:theme="@style/your_style_name"
android:icon="@drawable/ic_launcher_settings"
android:taskAffinity="">
If you want only to theme a certain Activity add it to
Code:
<activity android:theme="@style/your_style_name"
android:label="@string/settings_label_launcher"
android:name="Settings"
android:taskAffinity="com.android.settings"
android:clearTaskOnLaunch="true"
android:launchMode="singleTop">
If youre a little bit confuse here's my Manifest my style name is Starting at "potato"
SAMPLE :laugh:
Click to expand...
Click to collapse
hey sir does this work if i will use hex code instead of an image?..

---

cocoPIE_xda said:
hey sir does this work if i will use hex code instead of an image?..
Click to expand...
Click to collapse
yes or you can use @Color/nameOfColorInColor.xml

---

not working