Post Reply

[Guide][TUT] Honami style Tab indicators

OP ljg211314

2nd August 2014, 07:44 AM   |  #1  
ljg211314's Avatar
OP Member
Flag HangZhou
Thanks Meter: 54
 
53 posts
Join Date:Joined: Jul 2013
Donate to Me
More
Let's see what I'll teaching you today



Preview:

Defaul---------------------------------------------------------------------------------------------------Honami


All right,here we go

1.Download resources Tab honami.zip
put folder file into res
forget about styles.txt


2.Goto framework-res\res\values open styles.xml

search code
[HTML]
HTML Code:
    <style name="Widget.Holo.TabWidget" parent="@style/Widget.TabWidget">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.TabWidget" parent="@style/Widget.TabWidget">
        <item name="divider">@null</item>
        <item name="tabStripLeft">@null</item>
        <item name="tabStripRight">@null</item>
        <item name="tabStripEnabled">false</item>
        <item name="measureWithLargestChild">true</item>
        <item name="showDividers">none</item>
        <item name="dividerPadding">8.0dip</item>
        <item name="tabLayout">@layout/semc_tab_indicator_holo_dark</item>
    </style>
seems like:


search code
HTML Code:
    <style name="Widget.Holo.Tab" parent="@style/Widget.Holo.ActionBar.TabView">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.Tab" parent="@style/Widget.Holo.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_dark</item>
        <item name="layout_width">0.0dip</item>
        <item name="minWidth">80.0dip</item>
        <item name="layout_weight">1.0</item>
    </style>

search code
HTML Code:
    <style name="Widget.Holo.Light.Tab" parent="@style/Widget.Holo.Light.ActionBar.TabView">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.Light.Tab" parent="@style/Widget.Holo.Light.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_light</item>
        <item name="layout_width">0.0dip</item>
        <item name="minWidth">80.0dip</item>
        <item name="layout_weight">1.0</item>
    </style>

search code
HTML Code:
    <style name="Widget.ActionBar.TabBar" parent="@style/Widget" />
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.ActionBar.TabBar" parent="@style/Widget" />
    <style name="Widget.Holo.ActionBar.TabView" parent="@style/Widget.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_dark</item>
        <item name="paddingLeft">@dimen/somc_actionbar_tab_padding</item>
        <item name="paddingRight">@dimen/somc_actionbar_tab_padding</item>
    </style>
Well,Then goto last line,befour </resources>
add code

HTML Code:
    <style name="Widget.Holo.Light.TabWidget" parent="@style/Widget.Holo.TabWidget">
        <item name="tabLayout">@layout/semc_tab_indicator_holo_light</item>
    </style>
    <style name="Widget.Holo.Light.ActionBar.TabView" parent="@style/Widget.Holo.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_light</item>
    </style>
    <style name="Widget.DeviceDefault.TabText" parent="@style/Widget.Holo.TabText" />
seems like:


Well ,done ,about Decompile i don't wanna crap , replace what file you have changed to original app
enjoy it
Like it , how about press thanks

If you like honami styles framework , more detail visit Ambor's post
Over here http://forum.xda-developers.com/cros...6/post54584204
Last edited by ljg211314; 5th August 2014 at 10:13 AM. Reason: code error
The Following 7 Users Say Thank You to ljg211314 For This Useful Post: [ View ]
2nd August 2014, 09:19 AM   |  #2  
XT-107's Avatar
Member
Thanks Meter: 16
 
64 posts
Join Date:Joined: Sep 2012
Quote:
Originally Posted by ljg211314

Let's see what I'll teaching you today



Preview:

Defaul---------------------------------------------------------------------------------------------------Honami


All right,here we go

1.download resources Attachment 2880418
put folder file into res
forget about styles.xml


2.goto framework-res\res\values open styles.xml

search code
HTML Code:
    <style name="Widget.Holo.TabWidget" parent="@style/Widget.TabWidget">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.TabWidget" parent="@style/Widget.TabWidget">
        <item name="divider">@null</item>
        <item name="tabStripLeft">@null</item>
        <item name="tabStripRight">@null</item>
        <item name="tabStripEnabled">false</item>
        <item name="measureWithLargestChild">true</item>
        <item name="showDividers">none</item>
        <item name="dividerPadding">8.0dip</item>
        <item name="tabLayout">@layout/semc_tab_indicator_holo_dark</item>
    </style>
seems like:


search code
HTML Code:
    <style name="Widget.Holo.Tab" parent="@style/Widget.Holo.ActionBar.TabView">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.Tab" parent="@style/Widget.Holo.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_dark</item>
        <item name="layout_width">0.0dip</item>
        <item name="minWidth">80.0dip</item>
        <item name="layout_weight">1.0</item>
    </style>

search code
HTML Code:
    <style name="Widget.Holo.Light.Tab" parent="@style/Widget.Holo.Light.ActionBar.TabView">
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.Holo.Light.Tab" parent="@style/Widget.Holo.Light.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_light</item>
        <item name="layout_width">0.0dip</item>
        <item name="minWidth">80.0dip</item>
        <item name="layout_weight">1.0</item>
    </style>

search code
HTML Code:
    <style name="Widget.ActionBar.TabBar" parent="@style/Widget" />
An whole section replace (befour </style>)
HTML Code:
    <style name="Widget.ActionBar.TabBar" parent="@style/Widget" />
    <style name="Widget.Holo.ActionBar.TabView" parent="@style/Widget.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_dark</item>
        <item name="paddingLeft">@dimen/somc_actionbar_tab_padding</item>
        <item name="paddingRight">@dimen/somc_actionbar_tab_padding</item>
    </style>

Well,Then goto last line,befour </resources>
add code

HTML Code:
    <style name="Widget.Holo.Light.TabWidget" parent="@style/Widget.Holo.TabWidget">
        <item name="tabLayout">@layout/semc_tab_indicator_holo_light</item>
    </style>
    <style name="Widget.Holo.Light.ActionBar.TabView" parent="@style/Widget.Holo.ActionBar.TabView">
        <item name="background">@drawable/semc_tab_indicator_holo_light</item>
    </style>
    <style name="Widget.DeviceDefault.TabText" parent="@style/Widget.Holo.TabText" />
seems like:


Well ,done ,about Decompile i don't wanna crap , replace what file you have changed to original app
enjoy it
Like it , how about press thanks

awesome .


just a suggestion , maybe make a tutorial for theming whole framework to honami style ?
2nd August 2014, 09:28 AM   |  #3  
ljg211314's Avatar
OP Member
Flag HangZhou
Thanks Meter: 54
 
53 posts
Join Date:Joined: Jul 2013
Donate to Me
More
Quote:
Originally Posted by XT-107

awesome .


just a suggestion , maybe make a tutorial for theming whole framework to honami style ?

It's complicated ! and so much file to edit , just use it will be much better
2nd August 2014, 04:25 PM   |  #4  
devilmaycry2020's Avatar
Senior Member
Thanks Meter: 125
 
819 posts
Join Date:Joined: Apr 2013
More
preview nothing ?
The Following User Says Thank You to devilmaycry2020 For This Useful Post: [ View ]
2nd August 2014, 07:32 PM   |  #5  
jaguelos's Avatar
Member
Flag Bangkok
Thanks Meter: 8
 
86 posts
Join Date:Joined: May 2012
More
help me,please i got error
..
.
.
Attached Files
File Type: txt Log.txt - [Click for QR Code] (2.6 KB, 10 views)
2nd August 2014, 08:22 PM   |  #6  
gamzekal's Avatar
Senior Member
Flag Mainz
Thanks Meter: 1,995
 
1,131 posts
Join Date:Joined: Aug 2012
Donate to Me
More
nice work bro thanks
The Following User Says Thank You to gamzekal For This Useful Post: [ View ]
2nd August 2014, 09:39 PM   |  #7  
Ambor's Avatar
Senior Member
Flag Warsaw
Thanks Meter: 524
 
434 posts
Join Date:Joined: Feb 2014
Donate to Me
More
Quote:
Originally Posted by jaguelos

help me,please i got error
..
.
.

Bro probably missing file in the layoutfolder semc_tab_indicator_holo_light in framework-res.apk

if you an my files must add i folder color this files


semc_widget_text_color_dark.xml
semc_widget_text_color_light.xml

this is files from my Z2 framework-res.apk

semc_tab_indicator_holo_light.xml

Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="horizontal" android:layout_height="?actionBarSize" style="@android:style/Widget.DeviceDefault.Light.Tab"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_gravity="center_vertical" android:id="@id/icon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    <TextView android:textColor="@color/semc_widget_text_color_tabs_light" android:layout_gravity="center_vertical" android:id="@id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@android:style/Widget.DeviceDefault.TabText" />
</LinearLayout>



semc_tab_indicator_holo_dark.xml


Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="horizontal" android:layout_height="?actionBarSize" style="@android:style/Widget.DeviceDefault.Tab"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_gravity="center_vertical" android:id="@id/icon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    <TextView android:textColor="@color/semc_widget_text_color_tabs_dark" android:layout_gravity="center_vertical" android:id="@id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@android:style/Widget.DeviceDefault.TabText" />
</LinearLayout>
Attached Files
File Type: rar 3-Out.rar - [Click for QR Code] (1.3 KB, 16 views)
Last edited by Ambor; 2nd August 2014 at 09:47 PM.
The Following User Says Thank You to Ambor For This Useful Post: [ View ]
3rd August 2014, 05:21 AM   |  #8  
ljg211314's Avatar
OP Member
Flag HangZhou
Thanks Meter: 54
 
53 posts
Join Date:Joined: Jul 2013
Donate to Me
More
Quote:
Originally Posted by gamzekal

nice work bro thanks

Thanks
3rd August 2014, 05:34 AM   |  #9  
ljg211314's Avatar
OP Member
Flag HangZhou
Thanks Meter: 54
 
53 posts
Join Date:Joined: Jul 2013
Donate to Me
More
Quote:
Originally Posted by Ambor

Bro probably missing file in the layoutfolder semc_tab_indicator_holo_light in framework-res.apk

if you an my files must add i folder color this files


semc_widget_text_color_dark.xml
semc_widget_text_color_light.xml

this is files from my Z2 framework-res.apk

semc_tab_indicator_holo_light.xml

Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="horizontal" android:layout_height="?actionBarSize" style="@android:style/Widget.DeviceDefault.Light.Tab"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_gravity="center_vertical" android:id="@id/icon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    <TextView android:textColor="@color/semc_widget_text_color_tabs_light" android:layout_gravity="center_vertical" android:id="@id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@android:style/Widget.DeviceDefault.TabText" />
</LinearLayout>



semc_tab_indicator_holo_dark.xml


Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="horizontal" android:layout_height="?actionBarSize" style="@android:style/Widget.DeviceDefault.Tab"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_gravity="center_vertical" android:id="@id/icon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    <TextView android:textColor="@color/semc_widget_text_color_tabs_dark" android:layout_gravity="center_vertical" android:id="@id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@android:style/Widget.DeviceDefault.TabText" />
</LinearLayout>

Indeed ! there is on thing I've missed,sorry!! semc_tab_indicator_holo_light.xml
it's in res\layout
Now dowmload it
semc_tab_indicator_holo_light.zip
3rd August 2014, 06:16 AM   |  #10  
Ambor's Avatar
Senior Member
Flag Warsaw
Thanks Meter: 524
 
434 posts
Join Date:Joined: Feb 2014
Donate to Me
More
Bro check orginal Z2 framework in It Is in LAYOUT

Even explain to you why there is

See this valiue, this is color text of swithers

<TextView android:textColor="@color/semc_widget_text_color_tabs_dark"
<TextView android:textColor="@color/semc_widget_text_color_tabs_light"


If you add this files in color folder

semc_widget_text_color_tabs_dark.xml

Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/@color/somc_theme_accent_color_dark" android:state_activated="true" />
    <item android:state_selected="true" android:color="@color/somc_theme_accent_color_dark" />
    <item android:state_enabled="false" android:color="#80bebebe" />
    <item android:color="#ffffffff" />
</selector>

semc_widget_text_color_tabs_light.xml


Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/somc_theme_accent_color_light" android:state_activated="true" />
    <item android:state_selected="true" android:color="@color/somc_theme_accent_color_light" />
    <item android:state_enabled="false" android:color="#ffbebebe" />
    <item android:color="#ff333333" />
</selector>

And add this valiue in color.xml


<color name="somc_theme_accent_color_dark">#ff64c9ff</color>
<color name="somc_theme_accent_color_light">#ff64c9ff</color>


Efect
Attached Thumbnails
Click image for larger version

Name:	Screenshot_2014-07-24-10-43-05.png
Views:	189
Size:	146.6 KB
ID:	2881601   Click image for larger version

Name:	Screenshot_2014-07-23-19-18-24.png
Views:	147
Size:	144.9 KB
ID:	2881602   Click image for larger version

Name:	Screenshot_2014-08-02-10-43-38.png
Views:	132
Size:	135.4 KB
ID:	2881603   Click image for larger version

Name:	Screenshot_2014-08-02-21-10-07.png
Views:	105
Size:	136.8 KB
ID:	2881604  
Last edited by Ambor; 3rd August 2014 at 12:52 PM.

The Following 3 Users Say Thank You to Ambor For This Useful Post: [ View ]
Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Top Threads in Sony Cross-Device Development General by ThreadRank