making own theme

pskink · by **pskink** » Mon Jan 12, 2009 10:54 am

darolla wrote:about checkboxes: I think we need a <selector> with <item>. but what are the xml attributes for checked and unchecked and focused and disabled and ... ? is there an android.dtd oder android xsd? or how do you get the names of the attributes?

about tabhost: I pack all graphics I've found inside the SDK. maybe you can use them or search inside the sources?

greetings,
marco

marco, take a look into btn_check.xml. this file is in sdk/tools/lib/res/default/drawable, it defines all the states of checkbox, look also into themes.xml and styles.xml, thes are in values folder

darolla · by **darolla** » Mon Jan 12, 2009 10:58 am

yes, I am busy with it

pskink · by **pskink** » Mon Jan 12, 2009 11:13 am

darolla wrote:yes, I am busy with it :)

as i said, checkboxes should be easy cake, but when it comes to tabhosts/tabwidgets i'm completely lost...

darolla · by **darolla** » Mon Jan 12, 2009 11:18 am

well, I did this:

1) styles.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
    <style name="Widget.CheckBox">
 
        <item name="android:background">@drawable/btn_check_default</item>
 
        <item name="android:clickable">true</item>        
 
    </style>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

2) themes.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
    <item name="android:checkboxStyle">@style/Widget.CheckBox</item>
 
Parsed in 0.000 seconds,  using GeSHi 1.0.8.4

3) btn_check_default.xml (note: android:state_checked)

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
    <item android:state_checked="true" android:drawable="@drawable/btn_check_on" />
 
    <item android:state_enabled="true" android:drawable="@drawable/btn_check_off" />
 
</selector>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

4) main.xml
exchanged cancel button for checkbox

it seems to work, but I've the problem with the stretched graphic.

trying to rename it to ...9.png won't work, because there are no help lines.

btw: I took the original btn_check_off_longpress.png and btn_check_on_longpress.png and renamed them...

can u help me on the stretching problem, please?

greetings,
darolla

pskink · by **pskink** » Mon Jan 12, 2009 11:51 am

darolla wrote:well, I did this:

1) styles.xml

Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using xml Syntax Highlighting

<style name="Widget.CheckBox">

<item name="android:background">@drawable/btn_check_default</item>

<item name="android:clickable">true</item>

</style>

Parsed in 0.001 seconds, using GeSHi 1.0.8.4

try to use 'background' and 'button' items (just like in original android's styles.xml stylename=widget.compoundbutton.checkbox)

darolla · by **darolla** » Mon Jan 12, 2009 12:49 pm

alrite, I did it like in the sdk originals...

a peace of cake, like you said

I placed just a simple android icon above all checkboxes to show that I changed the original graphic, cauz I am not that good with photoshop

Greetings,
DaRolla

PS: I try to help you with the tabbed...

pskink · by **pskink** » Mon Jan 12, 2009 1:00 pm

darolla wrote:alrite, I did it like in the sdk originals...

a peace of cake, like you said :)

PS: I try to help you with the tabbed...

thanks, tabs are the real challenge ;)

btw you could also add state 'focused/selected' to indicate checkbox is selected.

darolla · by **darolla** » Mon Jan 12, 2009 1:45 pm

I just build a basis for us.

It's a xml based tabview.

Maybe this helps the find the right xml pieces to manipulate

Read you soon,
DaRolla

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
package tut.orial;
 
import android.app.TabActivity;
 
import android.os.Bundle;
 
import android.widget.TabHost;
 
import android.widget.TabHost.TabSpec;
 
public class Tab extends TabActivity {
 
        @Override
 
        public void onCreate(Bundle savedInstanceState) {
 
                super.onCreate(savedInstanceState);
 
                setContentView(R.layout.tab);
 
                final TabHost tabHost = getTabHost();
 
                TabSpec ts1 = tabHost.newTabSpec("Page1");
 
                ts1.setIndicator("Dummy1", null);
 
                ts1.setContent(R.id.contentDummy1);
 
                tabHost.addTab(ts1);
 
                TabSpec ts2 = tabHost.newTabSpec("Page2");
 
                ts2.setIndicator("Dummy2", null);
 
                ts2.setContent(R.id.contentDummy2);
 
                tabHost.addTab(ts2);
 
        }
 
}
 
Parsed in 0.034 seconds,  using GeSHi 1.0.8.4

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:orientation="vertical" android:layout_width="fill_parent"
 
        android:layout_height="fill_parent">
 
        <TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent"
 
                android:layout_height="fill_parent">
 
                <TabWidget android:id="@android:id/tabs"
 
                        android:layout_width="wrap_content" android:layout_height="wrap_content" />
 
                <FrameLayout android:id="@android:id/tabcontent"
 
                        android:layout_width="fill_parent" android:layout_height="fill_parent"
 
                        android:paddingTop="80px">
 
                        <LinearLayout android:id="@+id/contentDummy1"
 
                                android:orientation="vertical" android:layout_width="fill_parent"
 
                                android:layout_height="fill_parent">
 
                                <TextView android:textSize="16px" android:layout_width="fill_parent"
 
                                        android:layout_height="wrap_content" android:text="...Dummy1..."
 
                                        android:padding="10px" android:textColor="#000000"
 
                                        android:background="#ffc700" />
 
                        </LinearLayout>
 
                        <LinearLayout android:id="@+id/contentDummy2"
 
                                android:orientation="vertical" android:layout_width="fill_parent"
 
                                android:layout_height="fill_parent">
 
                                <TextView android:textSize="16px" android:layout_width="fill_parent"
 
                                        android:layout_height="wrap_content" android:text="...Dummy2..."
 
                                        android:padding="10px" android:textColor="#000000"
 
                                        android:background="#aac700" />
 
                        </LinearLayout>
 
                </FrameLayout>
 
        </TabHost>
 
</LinearLayout>
 
Parsed in 0.006 seconds,  using GeSHi 1.0.8.4

pskink · by **pskink** » Mon Jan 12, 2009 2:56 pm

the problem with tabwidget/tabhost is that i cannot figure out what <item>s in <style> to add.

i tend to think that images for those widgets are somehow 'hardcoded' and cannot be styleable.

if you find anything i'll appreciate it much

darolla · by **darolla** » Mon Jan 12, 2009 3:11 pm

hi, I think I can help u a lot

I started with the graphics, because they should be referenced...
tab_focus.9.png, tab_press.9.png, tab_selected.9.png and tab_unselected.9.png are referenced in tab_indicator.xml, all files inside the folder drawable.

2) I started to search for all occurences of tab_indicator.xml and I found lots of files.
I put them all together.

Please check out this project and take a look.

Greetings,
DaRolla

PS: I didnt know how to use the tab_indicator.xml. so I did this inside styles.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<!--  not the best trick <img src="http://www.anddev.org/images/smilies/sad.png" alt=":(" title="Sad" /> -->
 
<item name="android:background">@drawable/tab_indicator</item>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

this way the graphics are taken, but not shown the way I want to

maybe you can go on...

darolla · by **darolla** » Mon Jan 12, 2009 3:13 pm

inside drawable folder there are the files tab_bottom_left.xml and tab_bottom_right.xml.

they use the small graphics.

I think they build this whole thing together out of very small parts...

pskink · by **pskink** » Mon Jan 12, 2009 4:28 pm

darolla wrote:hi, I think I can help u a lot :)

Please check out this project and take a look.

Greetings,
DaRolla

PS: I didnt know how to use the tab_indicator.xml. so I did this inside styles.xml
Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using xml Syntax Highlighting


<item name="android:background">@drawable/tab_indicator</item>

Parsed in 0.000 seconds, using GeSHi 1.0.8.4

this way the graphics are taken, but not shown the way I want to :(

maybe you can go on...

thanks!

i'll run and let you know if i'm able to improve it.

darolla · by **darolla** » Mon Jan 12, 2009 7:07 pm

I put checkboxes and radiobuttons into your theme.

the spinner's dialog now has the radiobuttons, too.

greetings,
darolla

pskink · by **pskink** » Mon Jan 12, 2009 7:39 pm

darolla wrote:I put checkboxes and radiobuttons into your theme.

the spinner's dialog now has the radiobuttons, too.

greetings,
darolla

great!!

i'm still fighting with tabs project you uploaded but with no success... i took a look into TabWidget.java sources and it seems (lines 80 & 82) that images are really hardcoded.

i'll ask androId developers group if i'm right...

darolla · by **darolla** » Sat Jan 17, 2009 4:25 pm

so what do the android devlopers say?

I've got a question: do you know how to place a button like image behind every list item?

I wasn't successfull yet :cry:

Greetings,
DaRolla

making own theme

Who is online