Related
I might leave the scene and go back to CM7, I’ll just leave some important pointers in theming the ROM. As editing image is fairly easy, I will start with xml’s and editing font colors, background size etc.
Tools you need:
1. A program to decompile an APK
2. A program to edit xml’s (I prefer Notepad++)
3. Hex color sampler (Color-Hex)
4. Basic knowledge editing xml’s
5. Patience
Settings Description Colors
Location: framework-res/res/color/listitem_summary_text
Last HEX code is the one to edit
Credits:antonio1475
{
"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"
}
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:state_pressed="true" android:color="#ffbebebe" />
<item android:state_enabled="false" android:state_selected="true" android:color="#ffbebebe" />
<item android:state_pressed="true" android:color="#ff000000" />
<item android:state_selected="true" android:color="#ffffffff" />
<item android:state_enabled="false" android:color="#ffbebebe" />
<item android:color="[B]#ff33b5e5[/B]" />
</selector>
Description Colors (rest of the UI)
Location: framework-res/res/values/colors.xml
Credits: ZduneX25
Code:
<color name="dim_foreground_dark">[B]#ff33b5e5[/B]</color>
<color name="dim_foreground_dark_disabled">[B]#8033b5e5[/B]</color>
<color name="dim_foreground_light_inverse">[B]#ff33b5e5[/B]</color>
<color name="dim_foreground_light_inverse_disabled">[B]#8033b5e5[/B]</color>
Remaining colors, EXPERIMENT and see changes
Notification Menu (Pull Down)
Location: framework-res/res/layout/status_bar_latest_event_content.xml
You will find 3 hex colors for Title, Description and Time
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:paddingLeft="5.0dip" android:paddingTop="7.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="horizontal" android:paddingTop="3.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
<ImageView android:id="@id/icon" android:layout_width="25.0dip" android:layout_height="25.0dip" android:src="@drawable/arrow_down_float" android:scaleType="fitCenter" />
<TextView android:textSize="18.0sp" android:textStyle="bold" android:textColor="[B]#ffffffff[/B]" android:ellipsize="marquee" android:id="@id/title" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="14.0sp" android:textColor="[B]#ff33b5e5[/B]" android:ellipsize="marquee" android:id="@id/text" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
<android.widget.DateTimeView android:textSize="14.0sp" android:textColor="[B]#ff33b5e5[/B]" android:id="@id/time" android:paddingRight="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:singleLine="true" />
</LinearLayout>
</LinearLayout>
Centered clock/date
Proper transparency no overlaying of notification with the time. (except too much notification icons)
Location: SytemUI/res/layout/status_bar.xml
Use UOT to make status bar transparent (easy way). then create a black/gray or whatever .PNG/.9.PNG "statusbar_background2" same size as status bar (can be 480X40-42) and insert it SystemUI/res/drawable-hdpi
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="@drawable/statusbar_background" android:focusable="true" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="center" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/icons" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:paddingLeft="6.0dip" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0" android:layout_alignParentLeft="true" />
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/statusIcons" android:paddingRight="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_alignParentRight="true" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/statusbar_background2">
<ImageSwitcher android:id="@id/tickerIcon" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginRight="8.0dip">
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
</ImageSwitcher>
<com.android.systemui.statusbar.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.TickerView>
</LinearLayout>
<com.android.systemui.statusbar.DateView android:textSize="13.0sp" android:textStyle="bold" android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ffffffff" android:gravity="center" android:id="@id/date" android:background="@drawable/statusbar_background2" android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</com.android.systemui.statusbar.StatusBarView>
Pull Down Menu Toggle Icons Background
Location: SytemUI/res/layout/status_bar_expanded.xml
Edit the ff numbers: android:layout_height="111.0px"
android:layout_marginTop="18.0px"
android:layout_marginBottom="15.0px"
Code:
<TableLayout android:id="@id/lge_table_layout_1" android:layout_width="fill_parent" android:layout_height="111.0px">
<TableRow>
<ImageView android:id="@id/sound_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="19.0px" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/wifi_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/bt_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/gps_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/network_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
</TableRow>
</TableLayout>
Seek Bar/Volume
Location: framework-res/res/values/layout.xml
Orig value: 10.0dip
Code:
<style name="Widget.SeekBar" parent="@style/Widget">
<item name="focusable">true</item>
<item name="maxHeight">5.0dip</item>
<item name="indeterminateOnly">false</item>
<item name="indeterminateDrawable">@drawable/progress_horizontal</item>
<item name="progressDrawable">@drawable/progress_horizontal</item>
<item name="minHeight">5.0dip</item>
<item name="thumb">@drawable/seek_thumb</item>
<item name="thumbOffset">8.0dip</item>
</style>
Try them first...
TO BE CONTINUED....
reserved reserved reserved
Thanks it will be good for me
Thank you so much!!
hi..
tried to change statusbar color...but it doesnt worked for me... no color change and my phone booted then suddenly rebooted
donjamal said:
hi..
tried to change statusbar color...but it doesnt worked for me... no color change and my phone booted then suddenly rebooted
Click to expand...
Click to collapse
What do you exactly mean. status bar image color, time font color, date font color, noifications font color?
Its better you'll not delete this tread.. i'll am going to need this
gabwerkz said:
What do you exactly mean. status bar image color, time font color, date font color, noifications font color?
Click to expand...
Click to collapse
notifi color...copied yours and paste it to mine, i also tried to edit it manually but yet, none of the methods work
donjamal said:
notifi color...copied yours and paste it to mine, i also tried to edit it manually but yet, none of the methods work
Click to expand...
Click to collapse
The ones posted here has nothing to do with status bar font colors yet. If you have my ICS Theme zip grab colors.xml and styles.xml in framework-res. Styles.xml in framework-res is also an important one to edit, study it. You can edit there the sliders (volume bar) thickness too like with the ICS theme, menu/options (pressing the soft key) font colors etc.
Notifications in status bar like receiveing txt, USB/USB Debug notif status_bar.xml. Sample is ICS Blue font color.
Code:
<com.android.systemui.statusbar.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textColor="#ff33b5e5" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textColor="#ff33b5e5" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.TickerView>
timvdhoorn said:
Its better you'll not delete this tread.. i'll am going to need this
Click to expand...
Click to collapse
Sure bro, I made this for anyone who wants to continue to theme the stock ROM.
gabwerkz said:
The ones posted here has nothing to do with status bar font colors yet. If you have my ICS Theme zip grab colors.xml and styles.xml in framework-res. Styles.xml in framework-res is also an important one to edit, study it. You can edit there the sliders (volume bar) thickness too like with the ICS theme, menu/options (pressing the soft key) font colors etc.
Notifications in status bar like receiveing txt, USB/USB Debug notif status_bar.xml. Sample is ICS Blue font color.
Code:
<com.android.systemui.statusbar.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textColor="#ff33b5e5" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textColor="#ff33b5e5" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.TickerView>
Sure bro, I made this for anyone who wants to continue to theme the stock ROM.
Click to expand...
Click to collapse
so lets things clear...
u mentioned
Notification Menu (Pull Down)
Location: framework-res/res/layout/status_bar_latest_event_content.xml
You will find 3 hex colors for Title, Description and Time
this changes nothing..? should i use that method u answered?
donjamal said:
so lets things clear...
u mentioned
Notification Menu (Pull Down)
Location: framework-res/res/layout/status_bar_latest_event_content.xml
You will find 3 hex colors for Title, Description and Time
this changes nothing..? should i use that method u answered?
Click to expand...
Click to collapse
Pull down bro. Drop down or whatever they call it ain't status bar. Those are for the USB CONNECTED, USB DEBUG, NEW MESSAGE notifications in "PULL DOWN MENU" and not with status bar. My post was clear with that.
Sent from my LG-P970 using xda premium
gabwerkz said:
Pull down bro. Drop down or whatever they call it ain't status bar. Those are for the USB CONNECTED, USB DEBUG, NEW MESSAGE notifications in "PULL DOWN MENU" and not with status bar. My post was clear with that.
Sent from my LG-P970 using xda premium
Click to expand...
Click to collapse
ah i see... but i was wrong..not statusbar color is what i want to edit...i want what's in the picture..this status_bar_latest_event_content.xml as u mentioned. but edited with no succes
donjamal said:
ah i see... but i was wrong..not statusbar color is what i want to edit...i want what's in the picture..this status_bar_latest_event_content.xml as u mentioned. but edited with no succes
Click to expand...
Click to collapse
Be sure you are editing in framework-res. NOT in SystemUI. Paste your modified xml here, i want to see it. from framework-res/res/layout
Man, you take this as a guide to theme XPERIA X10? I saw your ICS theme, it has all whites in that portion. P970 has all black font colors in that portion. It might be different,might. So just take it as a reference. Cause CM7 for P970 and V20N for P970 has differences. but I think status_bar_latest_event_content.xml is universal. You may search for it, start with "Where to find the colors for making a theme". But I think it is universal.
gabwerkz said:
Be sure you are editing in framework-res. NOT in SystemUI. Paste your modified xml here, i want to see it. from framework-res/res/layout
Man, you take this as a guide to theme XPERIA X10? I saw your ICS theme, it has all whites in that portion. P970 has all black font colors in that portion. It might be different,might. So just take it as a reference. Cause CM7 for P970 and V20N for P970 has differences. but I think status_bar_latest_event_content.xml is universal. You may search for it, start with "Where to find the colors for making a theme". But I think it is universal.
Click to expand...
Click to collapse
no,no...x10 is my brother's phone..we just use this forum with the same account i make my own theme on p970 some apks are done but want a little more
ok, i will post my code tomorrow, cuz now im going to work..but i copied yours and paste it to mine and my phone got reboot all time...
and one question..when i compile the apk with apkmanager should i delete the editet xml too or just resources.asc from keep folder? cuz ive deleted just resources.asc and not the xml. could it be the problem?
thanks
donjamal said:
no,no...x10 is my brother's phone..we just use this forum with the same account i make my own theme on p970 some apks are done but want a little more
ok, i will post my code tomorrow, cuz now im going to work..but i copied yours and paste it to mine and my phone got reboot all time...
and one question..when i compile the apk with apkmanager should i delete the editet xml too or just resources.asc from keep folder? cuz ive deleted just resources.asc and not the xml. could it be the problem?
thanks
Click to expand...
Click to collapse
Now there's the problem. If you did not delete the xml, then it won't change. Try to decompile it again, you'd see it wasn't change right?
If it's P970, tell you what... just press "y" then "n". No deleting of xml's and you're done... That's what I do with mine, didn't have problems.
gabwerkz said:
Now there's the problem. If you did not delete the xml, then it won't change. Try to decompile it again, you'd see it wasn't change right?
If it's P970, tell you what... just press "y" then "n". No deleting of xml's and you're done... That's what I do with mine, didn't have problems.
Click to expand...
Click to collapse
cool..it works thanks
can u help me to fix this?
its not my screen, just got the same problem
donjamal said:
cool..it works thanks
can u help me to fix this?
its not my screen, just got the same problem
Click to expand...
Click to collapse
DownloadProvider.apk... Find every hexes with #ff000000 and make them #ffffffff. I'll decompile mine (included in Echelon) and see again where i edited.
res/layout/status_bar_ongoing_event_progress_bar.xml.
Modified colors were: #ff33b5e5
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:background="@android:drawable/status_bar_item_app_background" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="vertical" android:paddingTop="8.0dip" android:focusable="true" android:clickable="true" android:layout_width="40.0dip" android:layout_height="fill_parent">
<ImageView android:layout_gravity="center" android:id="@id/appIcon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@android:drawable/sym_def_app_icon" />
<TextView android:textColor="#ffffffff" android:layout_gravity="center_horizontal" android:id="@id/progress_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</LinearLayout>
<RelativeLayout android:orientation="vertical" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="horizontal" android:paddingTop="10.0dip" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true">
<TextView android:textColor="#ff33b5e5" android:id="@id/title" android:paddingLeft="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent.Title" />
<TextView android:textColor="#ff33b5e5" android:id="@id/description" android:paddingLeft="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</LinearLayout>
<ProgressBar android:id="@id/progress_bar" android:paddingRight="25.0dip" android:paddingBottom="2.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" style="?android:attr/progressBarStyleHorizontal" />
<TextView android:id="@id/paused_text" android:paddingLeft="5.0dip" android:paddingBottom="8.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_alignParentBottom="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</RelativeLayout>
</LinearLayout>
<ImageView android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@android:drawable/divider_horizontal_bright" />
</LinearLayout>
Next problem would be bluetooth notificatios. They will be in black as well.
just decompile, and find the xmls. If you see black/near black, change and try if it changes.
gabwerkz said:
DownloadProvider.apk... Find every hexes with #ff000000 and make them #ffffffff. I'll decompile mine (included in Echelon) and see again where i edited.
res/layout/status_bar_ongoing_event_progress_bar.xml.
Next problem would be bluetooth notificatios. They will be in black as well.
Click to expand...
Click to collapse
the funny thing is that i didnt modified the downloadprovider.apk just music.apk
i found a soulution to fix but cant find those lines so it doesnt work
For the Music.apk you simply need to decompile the file with apktool as per 1a. Now go to /Music/res/layout/ and open statusbar.xml with editpad. Look for "?android:textAppearanceMediumInverse" and "?android:textAppearanceSmallInverse", simply remove the "Inverse" part from each line and save the file. Recompile, resign
donjamal said:
the funny thing is that i didnt modified the downloadprovider.apk just music.apk
i found a soulution to fix but cant find those lines so it doesnt work
For the Music.apk you simply need to decompile the file with apktool as per 1a. Now go to /Music/res/layout/ and open statusbar.xml with editpad. Look for "?android:textAppearanceMediumInverse" and "?android:textAppearanceSmallInverse", simply remove the "Inverse" part from each line and save the file. Recompile, resign
Click to expand...
Click to collapse
I don't have problems regarding Music. So why ask? I can see already you made it white with your screenshots... ???
gabwerkz said:
I don't have problems regarding Music. So why ask? I can see already you made it white with your screenshots... ???
Click to expand...
Click to collapse
thats not my screenshot, jus got the same problem and i read that maybe it caused by the modified music apk, thats why im talkin bout music apk
anyway...i cant find color codes in my xml..
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:background="@android:drawable/status_bar_item_app_background" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="vertical" android:paddingTop="8.0dip" android:focusable="true" android:clickable="true" android:layout_width="40.0dip" android:layout_height="fill_parent">
<ImageView android:layout_gravity="center" android:id="@id/appIcon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@android:drawable/sym_def_app_icon" />
<TextView android:layout_gravity="center_horizontal" android:id="@id/progress_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</LinearLayout>
<RelativeLayout android:orientation="vertical" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="horizontal" android:paddingTop="10.0dip" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true">
<TextView android:id="@id/title" android:paddingLeft="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent.Title" />
<TextView android:id="@id/description" android:paddingLeft="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</LinearLayout>
<ProgressBar android:id="@id/progress_bar" android:paddingRight="25.0dip" android:paddingBottom="2.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" style="?android:attr/progressBarStyleHorizontal" />
<TextView android:id="@id/paused_text" android:paddingLeft="5.0dip" android:paddingBottom="8.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_alignParentBottom="true" style="@android:style/TextAppearance.StatusBar.EventContent" />
</RelativeLayout>
</LinearLayout>
<ImageView android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@android:drawable/divider_horizontal_bright" />
</LinearLayout>
GUIDE ( SMALI ) CM9 BLACKBERRY TEN STYLE LOCKSCREEN FOR HDPI / XHDPI DEVICES ONLY
for MDPI Devices , you can go here : http://forum.xda-developers.com/showthread.php?t=2260883
thanks to Sky_Walker for getting it working on MDPI devices
Hi..Hi.how are you all XDA especially for Developer only
I want to share to you all how to make Mod Backberry ten style lockscreen but only for HDPI/XHDPI Devices running CyanogenMod 9
and for CyanogenMod 10 you can go here http://forum.xda-developers.com/showthread.php?t=2236926
The different with CyanogenMod 10 version that we don't have lockscreen transparency in CM9 version.
and there is a little bug in CM9 version, Don't ever try to change lockscreen background to color fill or custom image, or you will not able to unlock/open the lockscreen,
so make sure you always use Default Wallpaper as Lockscreen background
I am coming from this guide thread http://forum.xda-developers.com/showthread.php?t=1920612
and Full Credit goes to the original founder Legend Senior Member EVILISTO
and here I want to share it to you how to make Mod Blackberry ten style lockscreen but with SMALI code :good::laugh:
I made one for my device Galaxy Wonder GT-I8150 :http://forum.xda-developers.com/showthread.php?t=2229154
THANKS to sir Arco68 for giving our device smooth and stable CyanogenMod 9
and Thanks to Sir Idiomedi for helping me with the Blackberry WaveView.smali
ok lets go to Guide:
first of all need some requirement for this MOD-GUIDE
REQUIREMENT:
- BRAIN
- Patient
- experience
- Know how to decompile/recompiling Apk file
- Know how to decompile/recompiling jar Apk file
- notepad++
- Tool for decompiling, : apkmanager/apktool/Virtous/apkmultitools/ or else
Sorry for my bad english
GUIDE
1. Decompile your framework-res.apk
\res\layout\keyguard_screen_tab_unlock.xml
Delete the whole lines and replace with this :
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:gravity="center_horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<com.android.internal.widget.WaveView android:id="@id/unlock_widget" android:layout_width="fill_parent" android:layout_height="fill_parent" />
<GridLayout android:gravity="center_horizontal" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.internal.widget.DigitalClock android:id="@id/time" android:paddingTop="36.0dip" android:layout_marginBottom="8.0dip">
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_clock_font_size" android:textColor="@color/lockscreen_clock_background" android:ellipsize="none" android:gravity="center_horizontal" android:id="@id/timeDisplayBackground" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="5.0dip" android:singleLine="true" />
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_clock_font_size" android:textColor="@color/lockscreen_clock_foreground" android:ellipsize="none" android:gravity="center_horizontal" android:id="@id/timeDisplayForeground" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="5.0dip" android:singleLine="true" android:layout_alignLeft="@id/timeDisplayBackground" android:layout_alignTop="@id/timeDisplayBackground" />
</com.android.internal.widget.DigitalClock>
<LinearLayout android:orientation="horizontal" android:id="@id/date_line" android:layout_width="fill_parent">
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_status_line_font_size" android:ellipsize="marquee" android:gravity="center_horizontal" android:id="@id/date" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_status_line_font_size" android:ellipsize="marquee" android:gravity="center_horizontal" android:id="@id/alarm_status" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:singleLine="true" android:drawablePadding="4.0dip" />
</LinearLayout>
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_status_line_font_size" android:ellipsize="marquee" android:gravity="center_horizontal" android:id="@id/status1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:drawablePadding="4.0dip" />
<TextView android:textAppearance="?textAppearanceMedium" android:textSize="@dimen/keyguard_lockscreen_status_line_font_size" android:textColor="?textColorSecondary" android:ellipsize="marquee" android:gravity="center_horizontal" android:id="@id/carrier" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="3.0dip" android:singleLine="true" />
<RelativeLayout android:orientation="horizontal" android:id="@id/weather_panel" android:paddingTop="4.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
<ImageView android:id="@id/weather_image" android:paddingLeft="8.0dip" android:paddingRight="8.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_dialog_alert" android:layout_centerHorizontal="true" android:layout_centerVertical="true" />
<RelativeLayout android:orientation="horizontal" android:padding="4.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/weather_image" android:layout_centerVertical="true">
<TextView android:textSize="14.0sp" android:textStyle="bold" android:textColor="?textColorPrimary" android:ellipsize="marquee" android:gravity="right" android:id="@id/weather_city" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_alignParentRight="true" />
<TextView android:textSize="12.0sp" android:textColor="?textColorPrimary" android:ellipsize="marquee" android:gravity="right" android:id="@id/weather_condition" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_below="@id/weather_city" android:layout_alignParentRight="true" />
<TextView android:textSize="6.0sp" android:textColor="?textColorSecondary" android:gravity="right" android:id="@id/update_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/weather_condition" android:layout_alignParentRight="true" />
</RelativeLayout>
<RelativeLayout android:orientation="horizontal" android:id="@id/weather_temps_panel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/weather_image" android:layout_centerVertical="true">
<TextView android:textSize="20.0sp" android:textColor="?textColorPrimary" android:id="@id/weather_temp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" />
<View android:id="@id/weather_divider" android:background="@drawable/divider_horizontal_dark" android:layout_width="44.0dip" android:layout_height="1.0dip" android:layout_below="@id/weather_temp" />
<TextView android:textSize="12.0sp" android:textColor="?textColorPrimary" android:id="@id/weather_low_high" android:paddingTop="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/weather_divider" android:layout_centerHorizontal="true" />
</RelativeLayout>
</RelativeLayout>
<Button android:layout_gravity="right" android:id="@id/emergencyCallButton" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="4.0dip" android:layout_marginRight="16.0dip" android:text="@string/lockscreen_emergency_call" android:drawableLeft="@drawable/lockscreen_emergency_button" android:drawablePadding="4.0dip" style="?android:attr/buttonBarButtonStyle" />
<RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content">
<LinearLayout android:gravity="center_vertical" android:id="@id/calendar_panel" android:paddingLeft="12.0dip" android:paddingRight="12.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:minHeight="28.0dip">
<ImageView android:gravity="center" android:layout_gravity="center_vertical" android:layout_width="36.0dip" android:layout_height="wrap_content" android:src="@drawable/ic_lock_idle_calendar" />
<View android:background="@drawable/divider_horizontal_dark" android:paddingTop="6.0dip" android:paddingBottom="6.0dip" android:layout_width="1.0dip" android:layout_height="fill_parent" />
<RelativeLayout android:paddingLeft="4.0dip" android:paddingTop="6.0dip" android:paddingBottom="6.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textSize="14.0sp" android:textColor="?textColorPrimary" android:ellipsize="marquee" android:id="@id/calendar_event_title" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textSize="12.0sp" android:textColor="?textColorSecondary" android:ellipsize="marquee" android:id="@id/calendar_event_details" android:focusable="true" android:focusableInTouchMode="true" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scrollHorizontally="true" android:singleLine="true" android:layout_below="@id/calendar_event_title" android:layout_alignLeft="@id/calendar_event_title" android:marqueeRepeatLimit="marquee_forever" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
<LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:weightSum="2.0" style="?android:attr/buttonBarStyle">
<Button android:textSize="@dimen/keyguard_lockscreen_status_line_font_size" android:layout_gravity="center_horizontal" android:id="@id/emergencyCallButton" android:visibility="gone" android:layout_width="0.0dip" android:layout_height="wrap_content" android:text="@string/lockscreen_emergency_call" android:drawableLeft="@drawable/lockscreen_emergency_button" android:drawablePadding="0.0dip" android:layout_weight="1.0" style="?android:attr/buttonBarButtonStyle" />
</LinearLayout>
<include android:layout_gravity="fill" android:id="@id/transport" android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_column="0" android:layout_row="0" android:layout_rowSpan="8" android:layout_columnSpan="1" layout="@layout/keyguard_transport_control" />
</GridLayout>
</RelativeLayout>
NEXT
2. for HDPI DEVICES download THIS and put it to
\res\drawable-hdpi\
for XHDPI DEVICES download THIS and put it to
\res\drawable-xhdpi\
NEXT
\res\values\ids.xml
3. add this line to the end
Code:
<item type="id" name="date_line">false</item>
DONE and recompile your framework-res.apk
NEXT
4. Decompile the Newly recompiled framework-res.apk again
and go to
\res\values\public.xml
open in text editor or notepad++ that public.xml
and don't do anything., we just leave it.
NEXT
5. Decompile your framework.jar
\com\android\internal\widget
DELETE WaveView.smali and replace with THIS new WaveView.smali
NEXT
6. Open in text editor that new WaveView.smali and look into your new public.xml that we just leave.
Make sure the ID in WaveView.smali is same like your new ID in new public.xml
but without 0 number in the public.xml
Code:
[B]new WaveView.smali new Public.xml[/B]
-line 198 -> 0x10404bd <public type="string" name="description_target_camera" id="0x[COLOR="Red"]0[/COLOR]10404bd" />
-line 306 -> 0x10805fc <public type="drawable" name="unlock_ring" id="0x[COLOR="Red"]0[/COLOR]10805fc" />
-line355 -> 0x10805fd <public type="drawable" name="unlock_wave" id="0x[COLOR="Red"]0[/COLOR]10805fd" />
-line 404 -> 0x10805fa <public type="drawable" name="unlock_default" id="0x[COLOR="Red"]0[/COLOR]10805fa" />
-line 453 -> 0x10805fb <public type="drawable" name="unlock_halo" id="0x[COLOR="Red"]0[/COLOR]10805fb" />
if the ID in new public.xml is different, you must change the ID in new WaveView.smali with your new ID in public.xml but without 0 number in the public.xml
DONE and Compile your framework-res.apk and your framework.jar.
reserved for something
Recompile error at step 3 sir
jetse7en said:
Recompile error at step 3 sir
Click to expand...
Click to collapse
Ouh .. sorry
Can post the log chat , so we can see which error
Sent from my GT-I8150 using xda app-developers app
That the step 3 would earn, to enough only one hundred-fate ( <com.android.internal.widget.WaveView android:id="@id/unlock_widget" android:layout_width="fill_parent" android:layout_height="fill_parent" />) to transfer to the file. Having removed the which is responsible for blocking. All other lines exclusively under each phone.
Adi Aisiteru Reborn said:
Ouh .. sorry
Can post the log chat , so we can see which error
Sent from my GT-I8150 using xda app-developers app
Click to expand...
Click to collapse
Here it is, sir
jetse7en said:
Here it is, sir
Click to expand...
Click to collapse
yah, I've seen that, but why you have so many missing ids ?
are you sure it's CM9 (4.0.4) framework-res.apk ?
or can you give me your framework-res.apk too ?, I want to check it
Adi Aisiteru Reborn said:
yah, I've seen that, but why you have so many missing ids ?
are you sure it's CM9 (4.0.4) framework-res.apk ?
or can you give me your framework-res.apk too ?, I want to check it
Click to expand...
Click to collapse
Yes, i'm sure.
Here's my's framework-res.apk
Can this work for mdpi devices coz I've heard that hdpi mods can also work for MDP I devices
HTC pico yc style,
jetse7en said:
Yes, i'm sure.
Here's my's framework-res.apk
Click to expand...
Click to collapse
ahh seems that your tools, I dont find error with my tools decompile recompile your framewrok-res.apk
here you go for you, I've edit your framewrok-res.apk to bb lockscreen
jetse7en_BB_FLASHABLE_framework-res.apk
I ve checked it and the public.xml already mach with my BB wave view smali,. now you only need to compile your frmaework.jar with my waveview.smali, no need to check it anymore,.
and flash with my template flashable zip
and if it works,. remember , this lockscreen has bug, read my first post
yasir4abbas said:
Can this work for mdpi devices coz I've heard that hdpi mods can also work for MDP I devices
HTC pico yc style,
Click to expand...
Click to collapse
not yet, I'm sorry
Adi Aisiteru Reborn said:
ahh seems that your tools, I dont find error with my tools decompile recompile your framewrok-res.apk
here you go for you, I've edit your framewrok-res.apk to bb lockscreen
jetse7en_BB_FLASHABLE_framework-res.apk
I ve checked it and the public.xml already mach with my BB wave view smali,. now you only need to compile your frmaework.jar with my waveview.smali, no need to check it anymore,.
and flash with my template flashable zip
Click to expand...
Click to collapse
Thank you very muchhhhh!
Can you give me your apktool? I need to build a new one for my other device which using CM10 too.
jetse7en said:
Thank you very muchhhhh!
Can you give me your apktool? I need to build a new one for my other device which using CM10 too.
Click to expand...
Click to collapse
I dont use apk tool , I use Apk Multitools , you can get it on its official website
Sent from my GT-I8150 using xda app-developers app
Adi Aisiteru Reborn said:
I dont use apk tool , I use Apk Multitools , you can get it on its official website
Sent from my GT-I8150 using xda app-developers app
Click to expand...
Click to collapse
Sir, i think my apktool is not has any problem.
I've tested with your framework-res.apk by steps below:
- Unzip jetse7en_BB_FLASHABLE_framework-res.apk
- Decompile framework-res.apk
- Recompile without any change
-> Recompile complete
(sry my bad english)
jetse7en said:
Sir, i think my apktool is not has any problem.
I've tested with your framework-res.apk by steps below:
- Unzip jetse7en_BB_FLASHABLE_framework-res.apk
- Decompile framework-res.apk
- Recompile without any change
-> Recompile complete
(sry my bad english)
Click to expand...
Click to collapse
that framework-res.apk already been compressed when decompile recompile procss by my tools, ,
I dont know, may be its difficult for your tools for editing stok original apk especially injecting/porting new lines to the apk,.
Adi Aisiteru Reborn said:
that framework-res.apk already been compressed when decompile recompile procss by my tools, ,
I dont know, may be its difficult for your tools for editing stok original apk especially injecting/porting new lines to the apk,.
Click to expand...
Click to collapse
OK. My wrong,
I've finished. Thank for support
Adi Aisiteru Reborn said:
not yet, I'm sorry
Click to expand...
Click to collapse
But are u going to do it?
Thanks in advance
Impulse1020 said:
But are u going to do it?
Thanks in advance
Click to expand...
Click to collapse
see this original founder thread , [MOD][DEV] BlackBerry 10 style Lockscreen mod for JB [JZO54K / AOKP / CM10]
he said the resources for HD( xhdpi )..
and
EVILISTO said
I made this mod for jellybean but basically it is based on old WaveView widget(honeycomb's). So I think making same mod for ICS is possible too.. (but untested.. and maybe you have to apply patch manually)
Click to expand...
Click to collapse
am not this Mod founder, so I cannot find the solution for MDPI / LDPI
what am trying to share here is, how to make that Mod with different guide,. and still use the same resources
and the fact I can prove it that this mod is able for ICS base rom too :good::laugh:
bro !!! this is my framework-res.apk got compilation error !!!
please mod it if possible thnx in advance !!!
showstopper1 said:
bro !!! this is my framework-res.apk got compilation error !!!
please mod it if possible thnx in advance !!!
Click to expand...
Click to collapse
sorry for late repply, I had a bussy in my office
Btw, I've checked your framework-res.apk, and it is not CM9 framework-res.apk,.it is ICS.4.0.4 stok framework-res.apk.. thts why you got error,
and this Mod guide is only for CM9 only. sorry
Simple guide for SystemUI and... may be not enough interested but this is my guide
Requirement:
*apktool / apk manager / apk multi tool
*SystemUI.apk
*Notepad++
Instruction:
1.Decompile SystemUI.apk
2.Go to res\layout\status_bar.xml
3.Find code
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android: paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Move this code to status_bar_expanded_dual_sim.xml after code
<LinearLayout android: orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:background="@drawable/quick_panel_dualsim_bg" android:layout_width="fill_parent" android:layout_height="56.0px">
4.If you want support second and change color clock , change and add this code
<DigitalClock android:textSize="27.0dip" android:textColor="#ff080abc" android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android: paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Text size and text color not must like example
5.Save and compile
6.Push to system and Enjoy modding
elotus said:
Simple guide for SystemUI and... may be not enough interested but this is my guide
Requirement:
*apktool / apk manager / apk multi tool
*SystemUI.apk
*Notepad++
Instruction:
1.Decompile SystemUI.apk
2.Go to res\layout\status_bar.xml
3.Find code
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android: paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Move this code to status_bar_expanded_dual_sim.xml after code
<LinearLayout android: orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:background="@drawable/quick_panel_dualsim_bg" android:layout_width="fill_parent" android:layout_height="56.0px">
4.If you want support second and change color clock , change and add this code
<DigitalClock android:textSize="27.0dip" android:textColor="#ff080abc" android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android: paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Text size and text color not must like example
5.Save and compile
6.Push to system and Enjoy modding
Click to expand...
Click to collapse
Bro i got the clock but its there any way to get it big
EDIT : Ok fixed it
Hi guys,
Today I'm here with the full tutorial on changing the background of everything on the expanded panel for JB 4.1 touchwiz ROMs
What this guide includes :
1. Main background
2. Header background
3. Header settings button background
4. Toggles background
5. Brightness slider background
6. Sim selector background
7. No notifications bar background
8. Notifications bar background
9. Ongoing bar background
10. Ongoing and notifications panel background
11. Close drag handle background
Requirements :
1. Brain
2. Patience
3. Experience(little bit)
4. Apktool or anything like it
How to :
1. Decompile your SystemUI.apk
Now to change different backgrounds :
1. Main background :
1. Go to res/layout/tw_status_bar_expanded.xml(if you're device is single sim)/ tw_status_bar_expanded_dual.xml(if you're device is dual sim)
2. Focus on line no.5 which is this:
Code:
<FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="@dimen/tw_close_handle_underlap">
3. Now add this to the line:
Code:
android:background="#ffffffff"
... You can also use a png in which case you have to add it like this:
Code:
android:background="@drawable/pngname"
and then put a png of which name you used on a drawable folder
2. Header background :
1. Go to res/layout/tw_status_bar_expanded_header.xml
2. Now focus on line no.2 which is this:
Code:
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
3. Now edit the
Code:
android:background="#ff000000"
to set a png or just use hex if you want
3. Header settings button background :
1. Go to res/layout/tw_status_bar_expanded_header.xml
2. Now find this:
Code:
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
3. Now edit the:
Code:
android:background="@drawable/tw_quick_panel_setting_button_bg"
like you want
4. Toggles background :
go to res/drawable-??dpi(depends on your device) and change these 2 pngs: tw_quick_panel_quick_setting_button_bg_normal.9.png(when the toggles are normal)
and
tw_quick_panel_quick_setting_button_bg_pressed.9.png(when a toggle is pressed)
5. Brightness slider background :
1. Go to res/layout/tw_status_bar_expanded.xml(depends on your device)
2. Find this line:
Code:
<LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="56.0dip" android:layout_marginTop="0.0dip">
3. Now change the:
Code:
android:background="#ff000000"
to what you like
6. Sim selector background :
1. Go to res/layout/tw_status_bar_expanded_dual.xml(it's only on dual sim)
2. Find this line:
Code:
<LinearLayout android:orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:layout_width="fill_parent" android:layout_height="67.0dip">
3. Now add this to it:
Code:
android:background="#ffffffff"
and edit it like you want
7. No notifications bar background :
1. Go to res/layout/tw_status_bar_expanded.xml(depends on the device)
2. Now find this line:
Code:
<LinearLayout android:orientation="vertical" android:id="@id/noNotificationsTitle" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">
3. Now add this to it:
Code:
android:background="#ffffffff"
and edit it like you want
8. Notifications bar background :
1. Go to res/layout/tw_status_bar_expanded.xml(again depends on the device)
2. Now find this:
Code:
<LinearLayout android:orientation="vertical" android:id="@id/notificationCart" android:background="#ff293945" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">
3. Now change the:
Code:
android:background="#ff293945"
to whatever you want
9. Ongoing bar background :
1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device)
2. Now find this line:
Code:
<LinearLayout android:orientation="vertical" android:id="@id/onGoingCart" android:background="#ff293945" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">
3. Now edit this:
Code:
android:background="#ff293945"
to your liking
10. Ongoing and notifications panel background :
1. Go to res/layout/tw_status_bar_notification_row.xml
2. Now focus on this line:
Code:
<com.android.systemui.statusbar.LatestItemView android:id="@id/content" android:background="@drawable/tw_notification_row_bg" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tw_notification_divider_height" android:layout_marginBottom="@dimen/tw_notification_divider_height">
3. Now edit the:
Code:
android:background="@drawable/tw_notification_row_bg"
to set another PNG or to set hex
11. Close drag handle background :
1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device)
2. Find this line:
Code:
<com.android.systemui.statusbar.phone.CloseDragHandle android:layout_gravity="bottom" android:orientation="vertical" android:id="@id/close" android:layout_width="fill_parent" android:layout_height="@dimen/tw_close_handle_height">
3. Now add this to it:
Code:
android:background="#ffffffff"
and edit it like you want
Or if you wanna do it with pngs and want close drag handle to show different backgrounds while being normal and dragged as usual than edit:
tw_status_bar_close_off.png (when close drag handle is normal)
And
tw_status_bar_close_on.png (when close drag handle is touched/dragged)
2. Now recompile, sign, push, reboot and enjoy !!!
Credits :
@majdinj learn a lot from he's guide
@ARGHA_DAS for main BG changing guide and saying how to change notifications and ongoing BG
NOTES :
1. Edit tw_status_bar_expanded.xml if you're device is single sim or tw_status_bar_expanded_dual.xml if you're device is dual sim
2. If you want other backgrounds to show the main background then you have to make other backgrounds transparent
3. You must change the png or set an hex to change the notifications and ongoing panel BG..... Editing the default png will not work
4. Using transparent code or png will not make the notifications and ongoing panel background transparent
5. If you want close drag handle to show a custom hex/png background of yours over the other 2 pngs than you have to make them transparent
Briefly Explained nice work keep it up man
Thanks and can you post some ss
I dunno why, but my header's background does not change, it stills black. Here's my XML (tw_status_bar_expanded_header.xml):
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff347fa5" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ffffffff" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />
<com.android.systemui.statusbar.policy.DateView android:textSize="16.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" android:textAllCaps="true" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
<RelativeLayout android:id="@id/settings_button" android:background="#ff347fa5" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
</LinearLayout>
Here the settings buttons background changed to the specified color, why the header don't?
RafaelAlmeidatk said:
I dunno why, but my header's background does not change, it stills black. Here's my XML (tw_status_bar_expanded_header.xml):
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff347fa5" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ffffffff" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />
<com.android.systemui.statusbar.policy.DateView android:textSize="16.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" android:textAllCaps="true" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
<RelativeLayout android:id="@id/settings_button" android:background="#ff347fa5" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
</LinearLayout>
Here the settings buttons background changed to the specified color, why the header don't?
Click to expand...
Click to collapse
If hex is not working than give a try to png
Are u using ldpi.device??? if yes then open res/layout-320ldpi/tw_status_bar_expanded_header.xml and edit it
Screenshots added ?
ShadeSK said:
Are u using ldpi.device??? if yes then open res/layout-320ldpi/tw_status_bar_expanded_header.xml and edit it
Click to expand...
Click to collapse
Thank you so much! Here the tw_status_bar_expanded_header.xml was in layout-sw320dp-hdpi folder (my device is HDPI).
RafaelAlmeidatk said:
Thank you so much! Here the tw_status_bar_expanded_header.xml was in layout-sw320dp-hdpi folder (my device is HDPI).
Click to expand...
Click to collapse
Actually didn't knew about this... My fault?
Ur wlcm sir
Thread has been updated with how to for the close drag handle
Wewwww! Osm Sir
Hi xenreon,
I pressed Thanks button. But that is not enough.
So, THANK YOU for your guide. For about 2 months, I tried to change colours of top bar and background of brightness controller on expanded status bar on my Samsung Quattro (JB 4.1.2). Finally, I found a PERFECT guide only in this guide.
---------- Post added at 03:46 PM ---------- Previous post was at 03:43 PM ----------
Hi, RafaelAlmeidatk
Had you not faced the problem in colouring top bar (header), solution would not have been posted in this guide. Thank you for sharing your problem.
---------- Post added at 03:48 PM ---------- Previous post was at 03:46 PM ----------
ARGHA_DAS said:
Are u using ldpi.device??? if yes then open res/layout-320ldpi/tw_status_bar_expanded_header.xml and edit it
Click to expand...
Click to collapse
Your suggestion was very useful. I could change colour of top bar (header) of expanded status bar. Thank you!
For L Style Header go HERE
For L Style Header[Advanced] go HERE
For Panel Transparency go HERE
To add Battery/WiFi/Bluetooth/Alarm icons in Header go HERE
Yo Guys! Today I am here with simple yet cool guide for adding Lollipop Style Date/Clock View in your Header!
This guide is inspired from THIS Guide
Let's Begin.
Decompile your SystemUI.apk
Merge the attached smalis to respective directories.
Navigate to res/values/ and open styles.xml
Now, Search for:
Code:
<style name="TextAppearance.StatusBar.Expanded.Clock" parent="@style/TextAppearance.StatusBar.Expanded">
Make the 4 lines below it look like this:
Code:
<item name="android:textSize">21.0sp</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#ffffffff</item>
<item name="android:fontFamily">sans-serif-medium</item>
Now search for:
Code:
<style name="TextAppearance.StatusBar.Expanded.Date" parent="@style/TextAppearance.StatusBar.Expanded">
Make the 3 lines below it look like this:
Code:
<item name="android:textSize">14.0sp</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#b2ffffff</item>
Save the XML.
Now navigate to res/layout and open status_bar_expanded_header.xml[MTK] / tw_status_bar_expanded_header.xml[TouchWiz]
Find this in the XML.
Code:
@id/date
In the same line search for:
Code:
android:layout_width="wrap_content" android:layout_height="wrap_content"
Make it look like this
Code:
android:layout_width="0.0dip" android:layout_height="0.0dip"
Now Copy and Paste this line exactly below the line given above:
Code:
<com.fmd.btn.LDateBar android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/clock" />
Save the XML.
Recompile the UI.
Sign.
Push it to system/app with permissions 644.
DONE.
CREDITS
Sir tentenponce
FMD Devs
Jeff Rivera
Aljhun Mejorada Bumaya
Iann's LNotifPanel
Klark Luis Peralta
Van Freniere
Aniruddha_Pathak [For making a small change and sharing the Guide]
YOU
Regards,
Aniruddha_Pathak
HIT THANKS IF YOU LIKE MY WORKS!
i got a problem mate. now i got two "date", what should i do?
mislampes said:
i got a problem mate. now i got two "date", what should i do?
Click to expand...
Click to collapse
It seems you forgot to follow this step Sir:
Find this in the XML.
Code:
Code:
@id/date
In the same line search for:
Code:
Code:
android:layout_width="wrap_content" android:layout_height="wrap_content"
Make it look like this
Code:
Code:
android:layout_width="0.0dip" android:layout_height="0.0dip
Aniruddha_Pathak said:
It seems you forgot to follow this step Sir:
Find this in the XML.
Code:
Code:
@id/date
In the same line search for:
Code:
Code:
android:layout_width="wrap_content" android:layout_height="wrap_content"
Make it look like this
Code:
Code:
android:layout_width="0.0dip" android:layout_height="0.0dip
Click to expand...
Click to collapse
maybe i've done something wrong, i'll try again. thanks
oh, how did you get that brightness slider? any tutorial maybe?
mislampes said:
maybe i've done something wrong, i'll try again. thanks
oh, how did you get that brightness slider? any tutorial maybe?
Click to expand...
Click to collapse
May be I don't have a permission to post the tut here as it is owned by Sir @b16h22
PM me your mail id sir, I will forward the tutorial to you.
Aniruddha_Pathak said:
May be I don't have a permission to post the tut here as it is owned by Sir @b16h22
PM me your mail id sir, I will forward the tutorial to you.
Click to expand...
Click to collapse
sent :good:
mislampes said:
sent :good:
Click to expand...
Click to collapse
Don't forget to hit the thanks button!
it didn't woks like i expected, btw i use apktool 2, so i have to compile smali with an older apktool and decompile with apktool 2 first
Aniruddha_Pathak said:
Don't forget to hit the thanks button!
Click to expand...
Click to collapse
Done
Huncriter said:
it didn't woks like i expected, btw i use apktool 2, so i have to compile smali with an older apktool and decompile with apktool 2 first
Click to expand...
Click to collapse
It seems you have to do it from beginning one more time
It seems you have to do it from beginning one more time
Click to expand...
Click to collapse
same result, no date shown
Huncriter said:
same result, no date shown
Click to expand...
Click to collapse
May I see you header.xml sir?
Huncriter said:
same result, no date shown
Click to expand...
Click to collapse
also please check where did you placed the smali files.
Aniruddha_Pathak said:
May I see you header.xml sir?
Click to expand...
Click to collapse
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="#ff243137" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_height" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<RelativeLayout android:enabled="false" android:id="@id/datetime" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:gravity="center_vertical" android:id="@id/clock" android:background="#00000000" android:clickable="true" android:layout_width="0.0dip" android:layout_height="0.0dip" android:singleLine="true" android:paddingStart="8.0dip" android:paddingEnd="4.0dip" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:gravity="center_vertical" android:id="@id/date" android:background="#00000000" android:layout_width="0.0dip" android:layout_height="0.0dip" android:paddingStart="4.0dip" android:paddingEnd="8.0dip" android:layout_toEndOf="@id/clock" />
<com.fmd.btn.LDateBar android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/clock" />
</RelativeLayout>
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<TextView android:textSize="11.0dip" android:textStyle="bold" android:textColor="#ff00a040" android:layout_gravity="center_vertical" android:id="@id/header_debug_info" android:padding="2.0dip" android:visibility="invisible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="sans-serif-condensed" />
<FrameLayout android:id="@id/action_button_holder" android:layout_width="50.0dip" android:layout_height="50.0dip" android:layout_marginStart="12.0dip">
<ImageView android:id="@id/clear_all_button" android:background="#00000000" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notify_clear" android:scaleType="center" android:contentDescription="@string/accessibility_clear_all" />
<ImageView android:id="@id/add_tile_button" android:background="#00000000" android:visibility="gone" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_menu_add" android:scaleType="center" android:contentDescription="@string/accessibility_desc_add_quick_settings" />
</FrameLayout>
<FrameLayout android:id="@id/settings_button_holder" android:layout_width="50.0dip" android:layout_height="50.0dip" android:layout_marginStart="12.0dip">
<ImageView android:id="@id/settings_button" android:background="#00000000" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notify_settings" android:scaleType="center" android:contentDescription="@string/accessibility_desc_quick_settings" />
<ImageView android:id="@id/notification_button" android:background="#00000000" android:visibility="gone" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notifications" android:scaleType="center" android:contentDescription="@string/accessibility_notifications_button" />
</FrameLayout>
</LinearLayout>
the smali files are in the rigth place cuz i can compile apk without errors.
Huncriter said:
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="#ff243137" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_height" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<RelativeLayout android:enabled="false" android:id="@id/datetime" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:gravity="center_vertical" android:id="@id/clock" android:background="#00000000" android:clickable="true" android:layout_width="0.0dip" android:layout_height="0.0dip" android:singleLine="true" android:paddingStart="8.0dip" android:paddingEnd="4.0dip" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:gravity="center_vertical" android:id="@id/date" android:background="#00000000" android:layout_width="0.0dip" android:layout_height="0.0dip" android:paddingStart="4.0dip" android:paddingEnd="8.0dip" android:layout_toEndOf="@id/clock" />
<com.fmd.btn.LDateBar android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/clock" />
</RelativeLayout>
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<TextView android:textSize="11.0dip" android:textStyle="bold" android:textColor="#ff00a040" android:layout_gravity="center_vertical" android:id="@id/header_debug_info" android:padding="2.0dip" android:visibility="invisible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="sans-serif-condensed" />
<FrameLayout android:id="@id/action_button_holder" android:layout_width="50.0dip" android:layout_height="50.0dip" android:layout_marginStart="12.0dip">
<ImageView android:id="@id/clear_all_button" android:background="#00000000" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notify_clear" android:scaleType="center" android:contentDescription="@string/accessibility_clear_all" />
<ImageView android:id="@id/add_tile_button" android:background="#00000000" android:visibility="gone" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_menu_add" android:scaleType="center" android:contentDescription="@string/accessibility_desc_add_quick_settings" />
</FrameLayout>
<FrameLayout android:id="@id/settings_button_holder" android:layout_width="50.0dip" android:layout_height="50.0dip" android:layout_marginStart="12.0dip">
<ImageView android:id="@id/settings_button" android:background="#00000000" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notify_settings" android:scaleType="center" android:contentDescription="@string/accessibility_desc_quick_settings" />
<ImageView android:id="@id/notification_button" android:background="#00000000" android:visibility="gone" android:layout_width="50.0dip" android:layout_height="50.0dip" android:src="@drawable/ic_notifications" android:scaleType="center" android:contentDescription="@string/accessibility_notifications_button" />
</FrameLayout>
</LinearLayout>
the smali files are in the rigth place cuz i can compile apk without errors.
Click to expand...
Click to collapse
I am unable to figure out your problem sir.
P.S.: Smalis doesn't have a connection with recompiling Do check them once again. The fmd folder must be placed in smali/com/here
Aniruddha_Pathak said:
I am unable to figure out your problem sir.
P.S.: Smalis doesn't have a connection with recompiling Do check them once again. The fmd folder must be placed in smali/com/here
Click to expand...
Click to collapse
like i said, smalis are in the right place, and i'm using apktool 2, so first i compile and recompile with apktool 1.5.2, then compile with apktool 2. if i follow the Lollipop Style Header tutorial i'm able to watch date but at top.
Huncriter said:
like i said, smalis are in the right place, and i'm using apktool 2, so first i compile and recompile with apktool 1.5.2, then compile with apktool 2. if i follow the Lollipop Style Header tutorial i'm able to watch date but at top.
Click to expand...
Click to collapse
Use apktool 1.5.2 for the whole process please. May be it can resolve your error.
I'm unable to do. No matter whatever I do,it's not changing
Systemui.apk--->https://docs.google.com/uc?id=0B7Ko9fdwLEF0ZjN4YkdWQ2pvNVE&export=download
Framwework-res.apk--->https://docs.google.com/uc?id=0B7Ko9fdwLEF0bUxNaXJfV0NxSTQ&export=download
Any help is appreciated. Thanks in advance
Regards
Akky