my own titlebar (backbutton like on the iphone)

darolla · by **darolla** » Thu Jan 29, 2009 6:18 pm

and the nice jetpack / pressed jetpack ist done like this:

jetpack.xml

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_pressed="false"
 
        android:drawable="@drawable/jetpack_normal" />
 
    <item android:state_pressed="true"
 
        android:drawable="@drawable/jetpack_pressed" />
 
</selector>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

Greetings,
DaRolla

darolla · by **darolla** » Thu Jan 29, 2009 6:27 pm

the get rid of the shadow beneath the new title you have to add to themes.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
    <item name="android:windowContentOverlay">@android:color/transparent</item>
 
Parsed in 0.000 seconds,  using GeSHi 1.0.8.4

in the defaul themes.xml is references title_bar_shadow.

I'll attach it.

But it like the shadow as it is

Greetings,
DaRolla

darolla · by **darolla** » Thu Jan 29, 2009 6:44 pm

just another thing

drawable/gradient.xml

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 
        <gradient android:angle="90" android:startColor="#FFdaf3fc"
 
                android:endColor="#FFd4e9a9" />
 
</shape>
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

in my.xml in the linearlayout:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
                <View android:background="@drawable/gradient"
 
                        android:layout_width="fill_parent" android:layout_height="25px" />
 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

now we have a smooth color gradient between the green from the title and the blue from the content.

greetings,
darolla

pskink · by **pskink** » Thu Jan 29, 2009 7:01 pm

darolla wrote:I did it :)

thanks go to... well, please look at the screenshot :)

greetings
darolla

great! i'll add custom header to my repo...

do you have iphone's backbutton? but without any background (just button with transparency)?

darolla · by **darolla** » Thu Jan 29, 2009 7:08 pm

you mean that we need a graphic? lets google

darolla · by **darolla** » Thu Jan 29, 2009 7:16 pm

using photoshop's gradient feature I made my own title_bar_shadow2.png

Greetings,
DaRolla

darolla · by **darolla** » Thu Jan 29, 2009 7:20 pm

pskink wrote:great! i'll add custom header to my repo...
do you have iphone's backbutton? but without any background (just button with transparency)?

looks like this I guess...

pskink · by **pskink** » Thu Jan 29, 2009 7:40 pm

darolla wrote:
pskink wrote:great! i'll add custom header to my repo...
do you have iphone's backbutton? but without any background (just button with transparency)?

looks like this I guess...

i mean something like this

http://dev.textcube.org/browser/sandbox ... Button.png

but backbutton

there is backbutton here
http://dev.textcube.org/browser/sandbox ... Button.png

but has blue background around it

darolla · by **darolla** » Thu Jan 29, 2009 8:12 pm

lets try these: http://www.bittbox.com/freebies/72-free ... -and-bars/

then, photoshop, use the .ai file, doubleclick on layer, Color Overlay, Blend Mode Soft Light

darolla · by **darolla** » Thu Jan 29, 2009 8:18 pm

I've found these in .psd format

darolla · by **darolla** » Thu Jan 29, 2009 8:56 pm

or maybe this...

http://www.bittbox.com/freebies/free-ve ... and-glass/

pskink · by **pskink** » Thu Jan 29, 2009 9:01 pm

ok, i got some images, see my repo in one hour

pskink · by **pskink** » Thu Jan 29, 2009 10:37 pm

darolla, pls take a look into android-misc-widgets repo:

http://code.google.com/p/android-misc-widgets/

i dont know how you did it but i have 2px and 7 px padding in my title

in your example everything fits to the borders.

pskink · by **pskink** » Thu Jan 29, 2009 11:18 pm

pskink wrote:darolla, pls take a look into android-misc-widgets repo:

http://code.google.com/p/android-misc-widgets/

i dont know how you did it but i have 2px and 7 px padding in my title

in your example everything fits to the borders.

ok, found it, the keyword here is:

android:windowTitleBackgroundStyle

pskink · by **pskink** » Thu Jan 29, 2009 11:20 pm

darolla wrote:I've found these in .psd format

thanks,

but i dont have photoshop ;(

my own titlebar (backbutton like on the iphone)

Who is online