making own theme

Emmanuel7 · by **Emmanuel7** » Mon Jan 19, 2009 1:55 pm

Hum...
Perhaps this is a stupid remark, but why don't you use a button as your list item ?

darolla · by **darolla** » Mon Jan 19, 2009 4:09 pm

oh my gosh, it can be so simple

using themeing I removed all ListSelector and ListDivider stuff.

then I placed an xml to the background of each list item (using pressed, selected, focused, ...)

and voila

Greetings,
DaRolla

hit1983 · by **hit1983** » Thu Jan 22, 2009 9:21 am

Can you share the code to demostrate how to use theme ?

darolla · by **darolla** » Fri Jan 23, 2009 12:16 am

sure, hit1983

1) styles.xml (removing listselector)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
        <style name="Widget.ListView" parent="android:Widget.ListView">
 
                <item name="android:listSelector">@android:color/transparent</item>
 
                <item name="android:cacheColorHint">#00000000</item>
 
                <item name="android:divider">@android:color/transparent</item>
 
                <item name="android:scrollbarStyle">outsideInset</item>
 
        </style>
 
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

2) themes.xml (routing the style to GreenTheme)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
        <style name="GreenTheme" parent="android:Theme">       
 
                <item name="android:listViewStyle">@style/Widget.ListView</item>        
 
        </style>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

3) manifest (using the GreenTheme)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
        <activity android:name=".Country" android:label="@string/app_name" android:theme="@style/GreenTheme">
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

4) Country.java
just like every list example, using laender_list_row.xml for each listrow

5) laender_list_row.xml (using btn_list as background for the LinearLayout)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
        android:layout_width="fill_parent" android:layout_height="wrap_content"
 
        android:orientation="horizontal" android:background="@drawable/btn_list">
 
        <ImageView android:id="@+id/icon" android:layout_width="wrap_content"
 
                android:layout_height="wrap_content" android:src="@drawable/france"
 
                android:layout_gravity="center_vertical" android:paddingLeft="6dip"/>
 
        <TextView android:id="@+id/country" android:layout_width="fill_parent"
 
                android:layout_height="fill_parent" android:text="Frankreich"
 
                android:textSize="16px" android:gravity="center_vertical"
 
                android:textColor="#ffffff" android:paddingLeft="6dip"/>
 
</LinearLayout>
 
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

6) btn_list.xml (different states for the buttons)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
        <item android:state_focused="true" 
 
                android:drawable="@drawable/btn_list_normal_green" />
 
        <item android:state_pressed="true" 
 
                android:drawable="@drawable/btn_list_pressed" />
 
        <item  
 
                android:drawable="@drawable/btn_list_normal" />
 
</selector>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

7) just the three graphics as .9.png

I made this graphics for my work, so I won't post them here.

You can use (and rename) android-sdk-windows-1.0_r2\tools\lib\res\default\drawable:
btn_default_selected.9.png
btn_default_pressed.9.png
btn_default_normal.9.png

Greetings,
DaRolla

darolla · by **darolla** » Tue Feb 03, 2009 4:17 pm

did any1 here play around with windowAnimationStyle ?

its completely ignored ???

who helps?

greetings,
darolla

themes.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<item name="android:windowAnimationStyle">@style/Animation.Activity</item>
 
Parsed in 0.000 seconds,  using GeSHi 1.0.8.4

styles.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<style name="Animation" parent="android:Animation"/>   
 
<style name="Animation.Activity" parent="android:Animation.Activity">
 
    <item name="android:activityOpenEnterAnimation">@anim/fade_in</item>
 
    <item name="android:activityOpenExitAnimation">@anim/fade_in</item>
 
    <item name="android:activityCloseEnterAnimation">@anim/fade_in</item>
 
    <item name="android:activityCloseExitAnimation">@anim/fade_in</item>
 
</style>
 
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

fade_in.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
 
        android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000" />
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

Emmanuel7 · by **Emmanuel7** » Wed Feb 04, 2009 1:43 am

Isn't Window animation the animation that get activated when you check the
Dev Tools / Development Settings / Window Animation Scale x[1...10]

I tend to mistake it with Transition Animation ( the transition from one activity to another ), so I can't remember if it is set by default.

And by the way, I still don't understand the use of these animations if they are only available on a dev phone. I must have miss something here...

darolla · by **darolla** » Wed Feb 04, 2009 10:52 pm

I downloaded the development.apk sources, but I didnt get the clou.

DevelopmentSettings.java line 79: private IWindowManager mWindowManager;

line 502: mWindowManager.setAnimationScale(which, scale);

this way somehow globally the transition is set.

I need to checkout the source / jar / apk with IWindowManager, I
cannot compile it yet.

I think if we find out how the transition in development.apk is set we
will know more

greetings,
darolla

darolla · by **darolla** » Wed Feb 04, 2009 10:54 pm

here's the apk and the source.zip

Emmanuel7 · by **Emmanuel7** » Thu Feb 05, 2009 1:39 am

You had your answer on the developer forum.

This feature has not been fully implemented, so is deactivated in current SDK

"Please don't try to use them until they are officially supported."

Ok, so let's wait !!

darolla · by **darolla** » Thu Feb 05, 2009 8:54 am

excuse me, which answer do you mean or where did I get it? you mean the google groups?

Emmanuel7 · by **Emmanuel7** » Thu Feb 05, 2009 8:46 pm

Yes, I meant the Android developers google group...

Sorry for being unclear...

here's the link :

http://groups.google.com/group/android- ... bb63ad1d35

pmskiran · by **pmskiran** » Thu Aug 20, 2009 11:54 am

I am not able find this path (android-sdk-windows-1.0_r2) \tools\lib\res\default\values in styles.xml and themes.xml.

in this sdk :-- android-sdk-mac_x86-1.5_r2 (This is mac supported sdk.)

Please do help for me..

arnouf · by **arnouf** » Wed Dec 23, 2009 12:11 pm

hi all,

I'm trying to change the default option menu backgroud, when user select it...
Do you know if it's possible using style/selector and theme ?

For now, I don't success

Crw · by **Crw** » Wed Jan 13, 2010 8:16 pm

I've used the stuff above and it seems to be working nicely @ application load.The only problem i face is that on-the-fly themes switching doesn't work correctly - when i select other scheme at the first time it changes (but w/o background), then doesn't change at all. I'm using

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

setTheme(R.style.<Theme Name>);
Parsed in 0.031 seconds,  using GeSHi 1.0.8.4

followed by

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

setContentView(R.layout.<Activity Name>);                       
 
Parsed in 0.033 seconds,  using GeSHi 1.0.8.4

Did i miss something?
[spoil]

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

@Override
 
    public void onCreate(Bundle savedInstanceState) {
 
        super.onCreate(savedInstanceState);
 
        setContentView(R.layout.theme_main);
 
        Button but = (Button)findViewById(R.id.butt);
 
        but.setOnClickListener(new OnClickListener(){
 
                        @Override
 
                        public void onClick(View arg0) {
 
                                // TODO Auto-generated method stub
 
                                setTheme(R.style.RedTheme);
 
                                setContentView(R.layout.theme_main);                            
 
                        }});
 
        Button but2 = (Button)findViewById(R.id.butt2);
 
        but2.setOnClickListener(new OnClickListener(){
 
                        @Override
 
                        public void onClick(View arg0) {
 
                                // TODO Auto-generated method stub
 
                                setTheme(R.style.GreenTheme);
 
                                setContentView(R.layout.theme_main);                            
 
                        }});
 
    }
Parsed in 0.038 seconds,  using GeSHi 1.0.8.4

[/spoil]

mattq · by **mattq** » Mon Jun 21, 2010 11:24 pm

I posted a pretty in-depth tutorial about applying themes here: http://www.androidengineer.com/2010/06/ ... tions.html

making own theme

Re: making own theme

Who is online