Develop Bugs

[ Q / DEV ] Modifying Home.apk but not run after change

I want to change Home.apk from xHDPI 6x4 to 5x4.
After unpack Home.apk, I change in res\values-xhdpi\integers.xml
From
Code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<integer name="apptray_grid_rows">[B]6[/B]</integer>
<integer name="apptray_grid_cols">4</integer>
</resources>
To
Code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<integer name="apptray_grid_rows">[B]5[/B]</integer>
<integer name="apptray_grid_cols">4</integer>
</resources>
And repack Home.apk by Apktool
But after replace new Home.apk, it not working (everything ok but not show home launcher, black sreen). Please help me, thanks!:crying:
my old home.apk

[TUTORIAL] Make Apex/Nova Launcher themes[NOOB-FRIENDLY][WIP]

{
"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"
}
Introduction:
OK, I know there are already some guides on this, but since I've got some requests and saw people confused, so I'm making this really simple to follow noob-friendly guide. Well if you got any problems, just ask here Also a guide already exists about this but I thought of making this with some screenshots and easy to follow steps and more explaination.
This guide is applicable only to Apex/Nova launchers, since I find these 2 the best among all the great launchers out there. If I get time, I'll add for more
Stuff required:
# Android ADT bundle - This includes nearly everything thats needed.
# JDK - To run your eclipse
# Icons and Wallpapers and maybe some fonts - You can find many nice stuff here
# A good photo editing software is RECOMMENDED. You can use PhotoShop but if you are new, I'd recommend GIMP(google it).
# Some patience and ability to use google search.
Instructions:
0. Make sure JDK, SDK and eclipse are properly setup.
1. Download the base template from here and extract it.
2. Now open eclipse.
For windows-
Double Click
Click to expand...
Click to collapse
For linux-
1. Extract the ADT bundle you downloaded.
2. Now cd to the directory where adt bundle is present and type cd adt*(or whatever the name of your adb folder is).
3. Now type
Code:
$ cd eclipse
$ ./eclipse
Click to expand...
Click to collapse
3. Now from the eclipse menu bar, click on File.
4. Now click on Import.
5. Now under android choose Existing Android Code into Workspace.
6. Now click on Browse and navigate and select the Apex Sample Theme folder and click OK.
Optional: Check "Copy Projects into Workspace" if you want.
7. Now click Finish.
8. Now the first thing I recommend you is expand the Apex Theme Sample project and expand src folder.
9. Now right click on "com.yourname.iconpackname" and go to Refractor>>Rename.
10. Now rename according to your wish. Eclipse will automatically tell you if you do something's wrong with the name.
11. Now right-click on the main project and choose Android Tools>>Rename Application Package and write the exact same name as you did before. This will change everything according to your wish. But make sure to check the androidmanifest.xml as sometimes eclipse doesn't changes some stuff.
xx. After you do all this finally its time to start real theming.

Icon Pack:
Make sure the icon pack you want to use, you have with you. But before adding them, some details-
Code:
Density Icon Size(px)
ldpi 36x36
mdpi 48x48
hdpi 72x72
xhdpi 96x96
xxhdpi 144x144
xxxhdpi 192x192
Ok now put the required icons with proper scaling into drawable-hdpi folder(well you could put in any drawable folder) and name it accordingly. I know many guides tell us to have the names of icons as package name but I didn't really needed to do them so you could do name them according to you but make sure to have name in lower-cases.
Now go to /res/xml and open appfilter.xml
You can find the activity name for browser. The sample name used for any activity is-
Code:
<item component="ComponentInfo{com.package.name/com.package.name.ActivityName}" drawable="icon_name"/>
You can find many more here- http://activities.droidicon.com/
Now go to iconpack.xml in /res/values and add the names icons in item tags inside the string array for icon pack.
Next go back to appfilter.xml.
You can see lines like:
Code:
<iconback img1="iconback" />
<iconmask img1="iconmask" />
<iconupon img1="iconupon" />
<scale factor="1.1" />
This gives uniformity, scaling and similar look to all your icons, even those not included in your pack so that all of them looks kind of similar.
Wallpapers:
Add all the wallpapers you want to add in drawable-nodpi folder. Also scale them to a small size, check sample theme for reference. Also in the smaller wallpaper, name it same to the original wallpaper but after that put "_small". E.g. the small thumbnail for a wallpaper named as x.png would be x_small.png.
Next open res/values/wallpapers.xml and according to the given list add all the list of wallpapers you have added. Also set a default wallpaper by writing name under
Code:
<string name="default_wallpaper">WRITE WALLPAPER NAME HERE</string>
This will be enough for setting wallpaper.
Fonts:
This is the simplest part. Just collect all the fonts you want to add and put them in /assets folder.
Changing your general information:
Now open /res/values/strings.xml. Here change everything according to your wish under the "Basic theme Information" comment.
Changing previews and feature graphinc:
Now apex launcher shows a feature graphic of your theme. So choose a good feature image of proper size and replace the one in drawable-hdpi with your new one. Also add some previews(upto 5) which all the people can see before installing. Just give them any name. I prefer preview1,preview2,etc.
Next open res/values/strings.xml and change the feature name to whatever the name of your feature image is. Leave as it is if you haven't change the name.
Similarly change names of preview and add some more in the same manner if you want but not more than 5.
This part of the tutorial can be left here and you could straight-away jump to the 3rd post. But if you are interested to make even better changes, read further on
Colors:
Now as you can see many of the colours, like some background colors or outlines are not the way you want. You can change those colours. Go to res/values/colors.xml. Here you can change all the colours you want. Here's a list of hexadecimal codes of colours-
Code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="White">#FFFFFF</color>
<color name="Ivory">#FFFFF0</color>
<color name="LightYellow">#FFFFE0</color>
<color name="Yellow">#FFFF00</color>
<color name="Snow">#FFFAFA</color>
<color name="FloralWhite">#FFFAF0</color>
<color name="LemonChiffon">#FFFACD</color>
<color name="Cornsilk">#FFF8DC</color>
<color name="Seashell">#FFF5EE</color>
<color name="LavenderBlush">#FFF0F5</color>
<color name="PapayaWhip">#FFEFD5</color>
<color name="BlanchedAlmond">#FFEBCD</color>
<color name="MistyRose">#FFE4E1</color>
<color name="Bisque">#FFE4C4</color>
<color name="Moccasin">#FFE4B5</color>
<color name="NavajoWhite">#FFDEAD</color>
<color name="PeachPuff">#FFDAB9</color>
<color name="Gold">#FFD700</color>
<color name="Pink">#FFC0CB</color>
<color name="LightPink">#FFB6C1</color>
<color name="Orange">#FFA500</color>
<color name="LightSalmon">#FFA07A</color>
<color name="DarkOrange">#FF8C00</color>
<color name="Coral">#FF7F50</color>
<color name="HotPink">#FF69B4</color>
<color name="Tomato">#FF6347</color>
<color name="OrangeRed">#FF4500</color>
<color name="DeepPink">#FF1493</color>
<color name="Fuchsia">#FF00FF</color>
<color name="Magenta">#FF00FF</color>
<color name="Red">#FF0000</color>
<color name="OldLace">#FDF5E6</color>
<color name="LightGoldenrodYellow">#FAFAD2</color>
<color name="Linen">#FAF0E6</color>
<color name="AntiqueWhite">#FAEBD7</color>
<color name="Salmon">#FA8072</color>
<color name="GhostWhite">#F8F8FF</color>
<color name="MintCream">#F5FFFA</color>
<color name="WhiteSmoke">#F5F5F5</color>
<color name="Beige">#F5F5DC</color>
<color name="Wheat">#F5DEB3</color>
<color name="SandyBrown">#F4A460</color>
<color name="Azure">#F0FFFF</color>
<color name="Honeydew">#F0FFF0</color>
<color name="AliceBlue">#F0F8FF</color>
<color name="Khaki">#F0E68C</color>
<color name="LightCoral">#F08080</color>
<color name="PaleGoldenrod">#EEE8AA</color>
<color name="Violet">#EE82EE</color>
<color name="DarkSalmon">#E9967A</color>
<color name="Lavender">#E6E6FA</color>
<color name="LightCyan">#E0FFFF</color>
<color name="BurlyWood">#DEB887</color>
<color name="Plum">#DDA0DD</color>
<color name="Gainsboro">#DCDCDC</color>
<color name="Crimson">#DC143C</color>
<color name="PaleVioletRed">#DB7093</color>
<color name="Goldenrod">#DAA520</color>
<color name="Orchid">#DA70D6</color>
<color name="Thistle">#D8BFD8</color>
<color name="LightGrey">#D3D3D3</color>
<color name="Tan">#D2B48C</color>
<color name="Chocolate">#D2691E</color>
<color name="Peru">#CD853F</color>
<color name="IndianRed">#CD5C5C</color>
<color name="MediumVioletRed">#C71585</color>
<color name="Silver">#C0C0C0</color>
<color name="DarkKhaki">#BDB76B</color>
<color name="RosyBrown">#BC8F8F</color>
<color name="MediumOrchid">#BA55D3</color>
<color name="DarkGoldenrod">#B8860B</color>
<color name="FireBrick">#B22222</color>
<color name="PowderBlue">#B0E0E6</color>
<color name="LightSteelBlue">#B0C4DE</color>
<color name="PaleTurquoise">#AFEEEE</color>
<color name="GreenYellow">#ADFF2F</color>
<color name="LightBlue">#ADD8E6</color>
<color name="DarkGray">#A9A9A9</color>
<color name="Brown">#A52A2A</color>
<color name="Sienna">#A0522D</color>
<color name="YellowGreen">#9ACD32</color>
<color name="DarkOrchid">#9932CC</color>
<color name="PaleGreen">#98FB98</color>
<color name="DarkViolet">#9400D3</color>
<color name="MediumPurple">#9370DB</color>
<color name="LightGreen">#90EE90</color>
<color name="DarkSeaGreen">#8FBC8F</color>
<color name="SaddleBrown">#8B4513</color>
<color name="DarkMagenta">#8B008B</color>
<color name="DarkRed">#8B0000</color>
<color name="BlueViolet">#8A2BE2</color>
<color name="LightSkyBlue">#87CEFA</color>
<color name="SkyBlue">#87CEEB</color>
<color name="Gray">#808080</color>
<color name="Olive">#808000</color>
<color name="Purple">#800080</color>
<color name="Maroon">#800000</color>
<color name="Aquamarine">#7FFFD4</color>
<color name="Chartreuse">#7FFF00</color>
<color name="LawnGreen">#7CFC00</color>
<color name="MediumSlateBlue">#7B68EE</color>
<color name="LightSlateGray">#778899</color>
<color name="SlateGray">#708090</color>
<color name="OliveDrab">#6B8E23</color>
<color name="SlateBlue">#6A5ACD</color>
<color name="DimGray">#696969</color>
<color name="MediumAquamarine">#66CDAA</color>
<color name="CornflowerBlue">#6495ED</color>
<color name="CadetBlue">#5F9EA0</color>
<color name="DarkOliveGreen">#556B2F</color>
<color name="Indigo">#4B0082</color>
<color name="MediumTurquoise">#48D1CC</color>
<color name="DarkSlateBlue">#483D8B</color>
<color name="SteelBlue">#4682B4</color>
<color name="RoyalBlue">#4169E1</color>
<color name="Turquoise">#40E0D0</color>
<color name="MediumSeaGreen">#3CB371</color>
<color name="LimeGreen">#32CD32</color>
<color name="DarkSlateGray">#2F4F4F</color>
<color name="SeaGreen">#2E8B57</color>
<color name="ForestGreen">#228B22</color>
<color name="LightSeaGreen">#20B2AA</color>
<color name="DodgerBlue">#1E90FF</color>
<color name="MidnightBlue">#191970</color>
<color name="Aqua">#00FFFF</color>
<color name="Cyan">#00FFFF</color>
<color name="SpringGreen">#00FF7F</color>
<color name="Lime">#00FF00</color>
<color name="MediumSpringGreen">#00FA9A</color>
<color name="DarkTurquoise">#00CED1</color>
<color name="DeepSkyBlue">#00BFFF</color>
<color name="DarkCyan">#008B8B</color>
<color name="Teal">#008080</color>
<color name="Green">#008000</color>
<color name="DarkGreen">#006400</color>
<color name="Blue">#0000FF</color>
<color name="MediumBlue">#0000CD</color>
<color name="DarkBlue">#00008B</color>
<color name="Navy">#000080</color>
<color name="Black">#000000</color>
</resources>
Changing the holo look and 9png editing:
Well if you had seen, you could have notice that if you run your theme, it will have kind of holo look. Its because of the pngs and .9.pngs present in res/drawable-xhdpi folder. As I mentioned, you should have some good photo editing software for this job since not all photo editors out there provide good 9png editing. You can search on how to edit the 9pngs properly and get your desired colour. Check the below links for reference-
http://developer.android.com/guide/developing/tools/draw9patch.html
http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch
NOW that this is done completely, next part is to test, sign and release your theme on google play.

Testing the theme:
There are 2 ways for testing your theme-
Way 1- Using the Eclipse Emulator:
Before you can run your application on the Android Emulator, you must create an AVD.
To run (or debug) your application, select Run > Run (or Run > Debug) from the Eclipse menu bar. The ADT plugin will automatically create a default run configuration for the project. Eclipse will then perform the following:
1. Compile the project (if there have been changes since the last build).
2. Create a default run configuration (if one does not already exist for the project).
3. Install and start the application on an emulator (or device), based on the Deployment Target defined by the run configuration.
Way 2- Using your phone(via ADB):
1. Enable USB debugging on your device.
On most devices running Android 3.2 or older, you can find the option under Settings > Applications > Development.
On Android 4.0 and newer, it's in Settings > Developer options.
Note: On Android 4.2 and newer, Developer options is hidden by default. To make it available, go to Settings > About phone and tap Build number seven times. Return to the previous screen to find Developer options.
Click to expand...
Click to collapse
2. Now connect your phone to PC via USB and ensure that your development computer can detect your device when connected via USB.
3. Now right click the project and select Run As>>Android Application.
4. Eclipse will recognize your device and prompt you.
5. Click on your device and select OK. Finally the theme will be installed in your phone.
You cannot release this app on google play since this apk is signed via debug key. So to be able to release it on google play, follow the below instructions.
Signing the theme:
Now to be able to published on google play this app has to be signed with a proper keystore, zipaligned, etc but eclipse's export wizard does it all.
If you want to change version name, change the following lines accordingly in your androidmanifes.xml-
Code:
android:versionCode="1"
android:versionName="1.0"
1. Select your project and click on File>>Export.
2. Now go through the export wizard and follow the instructions. I would recommend you to make a new keystore.
//Never lose your keystore or you wont be able to update your apps if the SHA1 keys dont match
3. Now when your apk is ready release it in your google play's developer account.
Also check this out.
Credits:
dennisxl- For base theme

Last reserved for adding troubleshooting with eclipse and other stuff.
Cheers,
AJ

Thumbs up :good: for the very detailed guide

That Simple?
Abhinav2 said:
Last reserved for adding troubleshooting with eclipse and other stuff.
Cheers,
AJ
Click to expand...
Click to collapse
Is it really that simple to make a icon pack app? You make it seem so easy. I am new to the coding world by the way just started learning Android SDK through lynda.com it was frustrating at first but I am starting to understand the language better. Any tips for me, like what I need to learn any good website references ect? It would be a huge help and thanks for this guide as well.

[Guide] Make your own watch faces [23-1-2015]

Hello everyone, I've made a simplified tutorial to make your own watchface widget.
In this update I made simpler source code that simplified some steps.
Thanks to xda for posting it in xda Portal
Requirements:
-Eclipse
-Android SDK
-Sony Add-on SDK
Click to expand...
Click to collapse
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------​
1-Download the samples.
2-Extract the zip.
3-Copy the both extracted folders to: "android-sdks\add-ons\addon-sony_add-on_sdk_3_0-sony-19\samples\SmartExtensions".
{
"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"
}
4-Open Eclipse and press Ctrl+N, open "Android" and choose "Android Sample Project".
5-Choose "Sony Add-on SDK 3.0".
6-Choose "SmartExtensions > SmartExtensionAPI" and press Finish.
7-Repeat step 4 to 5, choose "SmartExtensions > SmartExtensionUtils" and press Finish.
8-Repeat step 4 to 5, choose "SmartExtensions > ClockWidgetAnalog" if you wanna make an analog clock. or "SmartExtensions > ClockWidgetDigitalList" if you need to make a digital clock. For example, I'll choose the analog clock.
9-Press Finish
10-Now your workspace should looks like this:
11-To rename the project right click on it like this image:
12-Give it any name you want
13-To rename application package right click like this image:
14-Go to: res/values/strings.xml
15-Change these strings and press Ctrl+S to save it.
-You can keep the 'more apps" link if you want. It go to the watch faces collection thread.
-It's optional to add your email, and here's how to remove "Contact me" button:
-Go to res/layout/activity_preference.xml and find this:
Code:
<Button
android:id="@+id/emailBtn"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:visibility="[COLOR="Red"]visible[/COLOR]"
android:text="@string/email_btn"/>
-Then change the text marked with red above to "gone". So it will be like this:
Code:
<Button
android:id="@+id/emailBtn"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:visibility="[COLOR="Red"]gone[/COLOR]"
android:text="@string/email_btn"/>
16-Change the graphical resources change files in res/drawable-nodpi
17-Connect you device to the pc
18-Enable USB debugging on your phone
19-Right click on the project > Run As > Android application
20-If you want to share the apk you'll find it in the project bin
21-Enjoy
-----------------------------------------------------------------------------------------------------------------------​
How To Resize:
1-Go to "AnalogClock.java" or "DigitalClockLevelList.java in src/-package name-.widgets
2-Edit the marked in red below:
Code:
@Override
public int getWidth() {
return getCellWidth() * [COLOR="Red"]5[/COLOR];
}
@Override
public int getHeight() {
return getCellHeight() * [COLOR="Red"]5[/COLOR];
}
-----------------------------------------------------------------------------------------------------------------------​
How To Add Date:
1-Create new xml file in "res/layout" and give it any name you want
2-Add this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="1" >
[COLOR="RoyalBlue"]<com.sonyericsson.extras.liveware.aef.widget.TimeLayout[/COLOR]
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:includeFontPadding="false"
android:textColor="[COLOR="DarkOrange"]@android:color/white[/COLOR]"
widgets:textSize="[COLOR="Lime"]25[/COLOR]px"
widgets:timeType="[COLOR="Red"]days_of_month[/COLOR]" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
</RelativeLayout>
3-You can change the text marked in red above to:
-"days_of_week"
-"days_of_month"
-"days_of_year"
-"months"
4-You can change the number marked in green above to any number you want, to set the font size. Please notice that the unit must be "px" and do not use "dp".
5-You can change on the text marked in orange "white" to "black", or you can remove all the text in orange and put any hex color code. For example:
android:textColor="#ffbf00"
6-To change the position of it, add under "<com.sonyericsson.extras.liveware.aef.widget.TimeLayout" which is marked in blue above:
-android:layout_centerInParent="true" to put it in the center.
-android:layout_centerHorizontal="true" to put it center in horizontal.
-android:layout_centerVertical="true" to put it center in vertical.
-android:layout_alignParentRight="true" to move it to right side.
-android:layout_alignParentLeft="true" to move it to left side.
-android:layout_alignParentTop="true" to move it to to the top.
-android:layout_alignParentBottom="true" to move it to the buttom.
-android:layout_marginRight="10px" change "10" to any number.
-android:layout_marginLeft="10px" change "10" to any number.
-android:layout_marginTop="10px" change "10" to any number.
-android:layout_marginBotton="10px" change "10" to any number.
7-At last, we must include the date xml on the main watch layout xml which is called on my samples "clock_widget_analog.xml" on analog and "clock_widget_levellists.xml" on the digital clock. For example, if you named the xml you made "date.xml" we will add the text marked in red below:
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res/com.sonymobile.smartconnect.extension.testclock"
android:layout_width="215px"
android:layout_height="170px"
android:background="@android:color/transparent"
android:baselineAligned="false" >
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/watchface_bg" />
[COLOR="Red"]<include layout="@layout/date" />[/COLOR]
<include layout="@layout/analog_clock_hand_hours_border" />
<include layout="@layout/analog_clock_hand_minutes_border" />
<include layout="@layout/analog_clock_hand_seconds" />
</RelativeLayout>
-----------------------------------------------------------------------------------------------------------------------​
How To Reorder:
1-Open the main layout xml, -"clock_widget_analog.xml" on analog and "clock_widget_levellists.xml" on the digital clock-. For example, I'll work on analog.
2-You can remove text that start with "<!--" and end with "-->" like the marked in red . it's just notes from sony.This will make it easier:
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res/com.sonymobile.smartconnect.extension.testclock"
android:layout_width="215px"
android:layout_height="170px"
android:background="@android:color/transparent"
android:baselineAligned="false" >
<!-- We set a background on containing the base for a watch face. -->
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/watchface_bg" />
[COLOR="Red"]<!-- Here we reference a TimeLayout using a single drawable for displaying
the hour hand. -->[/COLOR]
<include layout="@layout/analog_clock_hand_hours_border" />
[COLOR="Red"]<!-- Here we reference a TimeLayout using a single drawable for displaying
the minute hand. -->[/COLOR]
<include layout="@layout/analog_clock_hand_minutes_border" />
[COLOR="Red"]<!-- Here we reference a TimeLayout using a single drawable for displaying
the second hand. Note: Seconds will not be shown when the backlight is off
on the SmartWatch 2. -->[/COLOR]
<include layout="@layout/analog_clock_hand_seconds" />
</RelativeLayout>
3-Now you can reorder lines that start with "<include layout="
-----------------------------------------------------------------------------------------------------------------------​
Multiple WatchFace In One App:
-First example is to add digital clock to analog:
1-Copy xml and png files in res/layout and res/drawable-nodpi from digital to analog
2-Copy "DigitalClockLevelList.java" on src/-package name-.widgets from digital to analog
3-Open "ClockWidgetRegistrationInformation" in src/-package name-/ and search for: WidgetClassList widgetList = new WidgetClassList();
4-Add this under WidgetClassList widgetList = new WidgetClassList();:
widgetList.add(DigitalClockLevelList.class);
The text marked in red is same file name you've copied in step 2
5-Now Eclipse will underline it in red as error, it will give you a list of fixes, choose first fix
-Second example if you want to make 2 or more analog watchfaces:
1-Go to res/layout and duplicate all except "activity_preferences.xml", you can rename the duplicated xmls for example by adding "2"
2-Duplicate "AnalogClock.java" in src/-package name-.widgets
3-Add graphical resources on res/drawable-nodpi/ and give it the same names but with "_2"
4-Add the following lines to res/values/strings.xml:
Code:
<string name="name_1">Analog 1</string>
<string name="name_2">Analog 2</string>
To be like this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- No translation of sample extensions -->
<resources xmlns:tools="http://schemas.android.com/tools" tools:ignore="MissingTranslation">
<string name="app_name">Analog clock widget</string>
<string name="preference_info">Analog clock watchface widget for Sony SmartWatch2\nDeveloped by Naheel Azawy\nVersion 1.0</string>
[COLOR="Red"]<string name="name_1">Analog 1</string>
<string name="name_2">Analog 2</string>[/COLOR]
</resources>
5-Edit "AnalogClock2.java" in src/-package name-.widgets from:
Code:
package com.naheel.sw2.widget.example.analog.widgets;
import com.naheel.sw2.widget.example.analog.R;
/**
* This widget displays an analog clock providing resources which will be
* automatically rotated by the accessory firmware to reflect the time.
*/
public class AnalogClock2 extends SmartWatch2ClockWidget {
public AnalogClock2(WidgetBundle widgetBundle) {
super(widgetBundle);
}
@Override
int getWidgetLayout() {
return R.layout.[COLOR="Red"]clock_widget_analog[/COLOR];
}
@Override
public int getName() {
return R.string.[COLOR="Red"]app_name[/COLOR];
}
@Override
public int getWidth() {
return getCellWidth() * 5;
}
@Override
public int getHeight() {
return getCellHeight() * 5;
}
@Override
public int getPreviewUri() {
return R.drawable.[COLOR="Red"]watchface_analog_preview[/COLOR];
}
}
To:
Code:
package com.naheel.sw2.widget.example.analog.widgets;
import com.naheel.sw2.widget.example.analog.R;
/**
* This widget displays an analog clock providing resources which will be
* automatically rotated by the accessory firmware to reflect the time.
*/
public class AnalogClock2 extends SmartWatch2ClockWidget {
public AnalogClock2(WidgetBundle widgetBundle) {
super(widgetBundle);
}
@Override
int getWidgetLayout() {
return R.layout.[COLOR="Red"]clock_widget_analog_2[/COLOR];
}
@Override
public int getName() {
return R.string.[COLOR="Red"]name_2[/COLOR];
}
@Override
public int getWidth() {
return getCellWidth() * 5;
}
@Override
public int getHeight() {
return getCellHeight() * 5;
}
@Override
public int getPreviewUri() {
return R.drawable.[COLOR="Red"]watchface_analog_preview_2[/COLOR];
}
}
6-Edit "clock_widget_analog_2.xml" on res/layout from:
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res/com.sonymobile.smartconnect.extension.testclock"
android:layout_width="215px"
android:layout_height="170px"
android:background="@android:color/transparent"
android:baselineAligned="false" >
<!-- We set a background on containing the base for a watch face. -->
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/[COLOR="Red"]watchface_bg[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the hour hand. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_hours_border[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the minute hand. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_minutes_border[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the second hand. Note: Seconds will not be shown when the backlight is off
on the SmartWatch 2. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_seconds[/COLOR]" />
</RelativeLayout>
To:
Code:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res/com.sonymobile.smartconnect.extension.testclock"
android:layout_width="215px"
android:layout_height="170px"
android:background="@android:color/transparent"
android:baselineAligned="false" >
<!-- We set a background on containing the base for a watch face. -->
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/[COLOR="Red"]watchface_bg_2[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the hour hand. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_hours_border_2[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the minute hand. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_minutes_border_2[/COLOR]" />
<!-- Here we reference a TimeLayout using a single drawable for displaying
the second hand. Note: Seconds will not be shown when the backlight is off
on the SmartWatch 2. -->
<include layout="@layout/[COLOR="Red"]analog_clock_hand_seconds_2[/COLOR]" />
</RelativeLayout>
7-Edit "analog_clock_hand_seconds_2.xml" from:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines a second hand using a drawable and setting the timeType to
seconds. The second hand will be automatically rotated by the accessory
firmware. Note: Seconds will not be shown when the backlight is off
on the SmartWatch 2. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]second_00[/COLOR]"
widgets:timeType="seconds" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
To:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines a second hand using a drawable and setting the timeType to
seconds. The second hand will be automatically rotated by the accessory
firmware. Note: Seconds will not be shown when the backlight is off
on the SmartWatch 2. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]second_00_2[/COLOR]"
widgets:timeType="seconds" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
8-Edit "analog_clock_hand_minutes_border_2.xml" from:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines a minute hand using a drawable and setting the timeType to
minutes. The minute hand will be automatically rotated by the accessory
firmware. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]minute_border_00[/COLOR]"
widgets:timeType="minutes" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
To:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines a minute hand using a drawable and setting the timeType to
minutes. The minute hand will be automatically rotated by the accessory
firmware. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]minute_border_00_2[/COLOR]"
widgets:timeType="minutes" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
9-Edit "analog_clock_hand_hours_border_2.xml" from:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines an hour hand using a drawable and setting the timeType to
hours_fine. The hour hand will be automatically rotated by the accessory
firmware. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]hour_border_00[/COLOR]"
widgets:timeType="hours_fine" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
To:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!-- Use TimeLayout components to place TimeViews showing e.g. hours or minutes
when building up the UI. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:widgets="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
widgets:gravity="center" >
<!-- Defines an hour hand using a drawable and setting the timeType to
hours_fine. The hour hand will be automatically rotated by the accessory
firmware. -->
<com.sonyericsson.extras.liveware.aef.widget.TimeView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/[COLOR="Red"]hour_border_00_2[/COLOR]"
widgets:timeType="hours_fine" />
</com.sonyericsson.extras.liveware.aef.widget.TimeLayout>
-----------------------------------------------------------------------------------------------------------------------
---Old thread---
-----------------------------------------------------------------------------------------------------------------------
Please do not take everything and say it's you'r own job. It's enough to say thanks to me on your app. There's something in this world called google removal
Click to expand...
Click to collapse
If you made a watch, post it here and I'll add it to the collection​

Hello,
Thank you very much for your Tutorial. I got my own analog clock.
But is there any way to have a background for Digital Clock?

8-Edit "analog_clock_hand_minutes_border_2.xml" from
dont have analog_clock_hand_minutes_border_2.xml !
---------- Post added at 02:53 PM ---------- Previous post was at 02:47 PM ----------
my watch faces

Hi,
Is it still possible to create new watch faces for the SW2 these days? The main obstacle to start seems to be the inability to download the Sony Add-on SDK. I have only been able to find version 1.0 so far with much searching. Does anyone know where the version 3 file can be downloaded?
Thanks,
Lee

[Guide] How To Theme Media Apps From Light To Dark | With According To Theme Feature

{
"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"
}
Please Welcome my new guide, How To Theme Album / Movies / Music, from Light to Dark theme, and make both Light & Dark Theme change according to theme color .
Putting my name in Credits won't hurt you
IF You Can Make It A MORE Clean Way & Simple Way, Please PM Me.
​
Sections :
#1 - Light To Dark .
#2 - According To Theme .
Bugs :
Album Delete dialog is in White ( dark version ) .
Music Menu / overall icons ( options ) / is using white theme .
Movies Videos / Folders bg is in White ( changed everything, and no luck ) .
Album Theming :
Install Xperia Lollipop Framework .
Decompile Latest Album From Apkmirror.com .
Navigate to res/values/colors.xml
Blue : Search | between " > < " replace the current hex codes with the Red .
<color name="drawer_activated_color">#11ffffff</color>
<color name="drawer_background_color">#1a1a1a</color>
<color name="drawer_header_background_color">#ffffae00</color>
<color name="drawer_pressed_color">#40707070</color>
<color name="drawer_ripple_color">#1f000000</color>
<color name="default_background_dark_color">#ff0c0c0c</color>
<color name="default_background_light_color">#ff0c0c0c</color>
Click to expand...
Click to collapse
Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below
<style name="Theme.Album.AppCompat.SupportActionBar.Base" parent="@style/Theme.AppCompat.Light.NoActionBar">
<style name="Theme.Album.DeviceDefault" parent="@style/Theme.Album.DeviceDefault.Base">
<item name="android:actionBarWidgetTheme">@style/Theme.DeviceDefault.Light.DarkActionBar</item>
<item name="com.sonyericsson.uxp:directionality">leftToRight</item>
</style>
<style name="Theme.Album.DeviceDefault.Base" parent="@style/Theme.DeviceDefault.Light.DarkActionBar">
<item name="android:actionBarStyle">@style/Album.ActionBar.DeviceDefault</item>
<item name="android:windowActionBarOverlay">true</item>
<item name="android:actionOverflowButtonStyle">@style/OverflowMenu</item>
Click to expand...
Click to collapse
Movies Theming :
Install Xperia Lollipop Framework .
Decompile Latest Movies From Apkmirror.com .
Navigate to res/values/colors.xml
Blue : Search | between " > < " replace the current hex codes with the Red .
<color name="settings_background">#ff0c0c0c</color>
<color name="drawer_activated_background">#11ffffff</color>
<color name="drawer_list_background">#1a1a1a</color>
<color name="drawer_pressed_background">#40707070</color>
<color name="drawer_selected_background">#40707070</color>
<color name="white_theme_button_color">#ffffffff</color>
<color name="white_theme_button_pressed">#40707070</color>
<color name="white_theme_highlight_color">#1fffffff</color>
<color name="white_theme_primary_text_color">#ffffffff</color>
<color name="white_theme_ripple_selected">#3fffffff</color>
<color name="white_theme_secondary_text_color">#ffffffff</color>
Click to expand...
Click to collapse
Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below
<style name="MoviesButton" parent="@android:attr/buttonStyleSmall">
<item name="android:textColor">@android:color/black</item>
<style name="Theme.Settings" parent="@style/Theme.AppCompat.NoActionBar">
<style name="ThemeOverlay.AppCompat.Light" parent="@style/Base.ThemeOverlay.AppCompat" />
<style name="WebView" parent="@style/Theme.AppCompat" />
<style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat">
<item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Dark</item>
<item name="actionBarTheme">@style/ThemeOverlay.AppCompat.ActionBar</item>
<item name="actionBarWidgetTheme">@null</item>
<item name="listChoiceBackgroundIndicator">@drawable/abc_list_selector_holo_light</item>
<item name="colorPrimary">@color/primary_material_dark</item>
<item name="colorPrimaryDark">@color/primary_dark_material_dark</item>
</style>
<style name="Theme.AppCompat.Light" parent="@style/Base.Theme.AppCompat" />
<style name="Theme.AppCompat.Light.Dialog" parent="@style/Base.Theme.AppCompat.Dialog" />
<style name="Theme.AppCompat.Light.Dialog.Alert" parent="@style/Base.Theme.AppCompat.Dialog.Alert" />
<style name="Theme.AppCompat.Light.Dialog.MinWidth" parent="@style/Base.Theme.AppCompat.Dialog.MinWidth" />
<style name="Theme.AppCompat.Light.DialogWhenLarge" parent="@style/Base.Theme.AppCompat.DialogWhenLarge" />
<style name="Theme.AppCompat.Light.NoActionBar" parent="@style/Theme.AppCompat">
<style name="Base.Theme.AppCompat.Light" parent="@style/Base.V7.Theme.AppCompat" />
<style name="Base.V7.Theme.AppCompat.Light.Dialog" parent="@style/Base.Theme.AppCompat">
<style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat">
<style name="Platform.AppCompat.Light" parent="@android:style/Theme">
<style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">
Click to expand...
Click to collapse
Music Theming :
Install Xperia Lollipop Framework .
Decompile Latest Music From Apkmirror.com .
Navigate to res/values/colors.xml
Blue : Search | between " > < " replace the current hex codes with the Red .
<color name="miniplayer_bg">#000000</color>
<color name="moving_item_background">#ffe0e0e0</color>
<color name="music_background_color">#303030</color>
<color name="music_landingpage_background_color">#ff161819</color>
<color name="navigation_drawer_background">#1a1a1a</color>
<color name="navigation_drawer_pressed_background">#40707070</color>
<color name="navigation_drawer_selected_background">#80707070</color>
<color name="promotion_backplate_normal">#b3252525</color>
<color name="promotion_backplate_pressed">#b3808080</color>
<color name="list_divider_color">#ff494949</color>
<color name="list_divider_index_color">#ff292929</color>
Click to expand...
Click to collapse
Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below
<style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat">
<style name="MusicBaseTheme.Settings" parent="@style/Theme.AppCompat.DarkActionBar">
<style name="MusicApplicationDialogTheme" parent="@style/Theme.AppCompat.Dialog" />
<style name="Theme.AppCompat.Light" parent="@style/Base.Theme.AppCompat" />
<style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat">
<style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat">
<style name="Base.Theme.AppCompat.Light" parent="@style/Base.V7.Theme.AppCompat" />
<style name="Base.ThemeOverlay.AppCompat.Light" parent="@style/Platform.ThemeOverlay.AppCompat.Dark">
<style name="MusicApplicationTheme" parent="@style/MusicBaseTheme">
<item name="colorPrimary">#ffffffff</item>
<item name="colorPrimaryDark">#ffffffff</item>
<style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat">
<item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Dark</item>
<item name="actionBarTheme">@style/ThemeOverlay.AppCompat.ActionBar</item>
<item name="actionBarWidgetTheme">@null</item>
<item name="listChoiceBackgroundIndicator">@drawable/abc_list_selector_holo_light</item>
<item name="colorPrimary">@color/primary_material_light</item>
<item name="colorPrimaryDark">@color/primary_dark_material_light</item>
<style name="SettingTextViewStyle" parent="@style/BaseTextViewStyle">
<item name="android:textColor">android:color/white</item>
Click to expand...
Click to collapse

According To Theme :
Album
Navigate to res/values/colors.xml .
Search for the color code, and replace make it exact same
<color name="material_primary_color">@android:color/somc_color_primary_dark</color>
<color name="material_secondary_color">@android:color/somc_color_accent_dark</color>
<color name="primary_button_color">@android:color/somc_color_primary_dark</color>
Click to expand...
Click to collapse
Movies
Navigate to res/values/colors.xml .
Search for the color code, and replace make it exact same
<color name="material_accent">@android:color/somc_color_primary_dark</color>
<color name="material_primary">@android:color/somc_color_primary_dark</color>
<color name="material_primary_dark">@android:color/somc_color_accent_dark</color>
<color name="status_bar_color">@android:color/somc_color_accent_dark</color>
Click to expand...
Click to collapse
Music
Navigate to res/values/colors.xml .
Search for the color code, and replace make it exact same
<color name="material_accent">@android:color/somc_color_primary_dark</color>
<color name="material_accent_dark">@android:color/somc_color_accent_dark</color>
<color name="material_primary">@android:color/somc_color_primary_dark</color>
<color name="material_primary_dark">@android:color/somc_color_accent_dark</color>
<color name="mini_player_progress_bg">@android:color/somc_color_accent_dark</color>
<color name="mini_player_progress_fill">@android:color/somc_color_primary_dark</color>
<color name="player_progress_background">@android:color/somc_color_primary_dark</color>
<color name="primary_material_dark">@android:color/somc_color_accent_dark</color>
<color name="primary_material_light">@android:color/somc_color_primary_dark</color>
<color name="tab_indicator">@android:color/somc_color_accent_dark</color>
Click to expand...
Click to collapse
It May Not Be Complete According to theme, you may need to edit another colors codes, so until that .. to be updated .​

bigups brov.... theming getting interesting more & more!

whalesplaho said:
bigups brov.... theming getting interesting more & more!
Click to expand...
Click to collapse
Still more to come

I have a question, how i disable status bar in album app and movie app

[GUIDE][4.3 - 5.x.x] Xperia Lockscreen with Graphic Visualizer

Yep, this could sounds to repost, but not, in this case the Porting Guide works with 4.4.x (KitKat) too.
Let's go with this, then:
For try port to LP: here
If you, don't understand that guide, here I've a explain (In spanish only):
Requirements
- Have a Deodex ROM (Really Important)
- Have the signature verification for all apps disabled (a.k.a Superuser Mod) installed.
- Know compile/decompile and sign apps (here a lite guide, I recommend download it)
- Brain (Not much xD )
- Patient
- Notepad++
- Latest apktool (in this case)
First, JellyBean (4.3)
Step 1
- Decompile XperiaLockScreen.apk
- Download Smali for JB 4.3 Lockscreen (In Download Section) and merge "smali" folder to your decompiled XperiaLockScreen
Step 2
Go to XperiaLockScreen/res/layout/keyguard_no_security_view.xml, search the follow line
Code:
[COLOR="RoyalBlue"]<LinearLayout android:gravity="center" android:layout_gravity="center_horizontal" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true">[/COLOR]
and add the red line down
Code:
[COLOR="Red"]<com.adi.rom.interface.MusicEqualizerVisualizer android:layout_gravity="bottom" android:id="@id/new_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="0.0dip">
<FrameLayout android:id="@id/new_custom_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.adi.rom.interface.VisualizerView android:id="@id/new_custom_visualizer_view" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" />
</FrameLayout>
</com.adi.rom.interface.MusicEqualizerVisualizer>[/COLOR]
Some like this
{
"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"
}
Save it.
Step 3
Go to XperiaLockScreen/res/values/colors.xml
add these lines before of </resources>
Code:
[COLOR="Red"]<color name="new_custom_equalizer_fill_color">@color/didi2</color>
<color name="didi">@com.sonyericsson.uxp:color/somc_theme_accent_color_light</color>
<color name="didi2">@com.sonyericsson.uxp:color/somc_theme_accent_color_dark</color>
<color name="didi3">@com.sonyericsson.uxp:color/somc_accent_color_neutral</color>
<color name="didi4">@com.sonyericsson.uxp:color/semc_theme_illumination_color</color>[/COLOR]
If these lines don't leave compile, use only this
Code:
[COLOR="red"]<color name="new_custom_equalizer_fill_color">#96ffffff</color>[/COLOR]
Save it.
Go to XperiaLockScreen/res/values/dimens.xml
and add before of </resources>
Code:
[COLOR="red"] <dimen name="new_custom_eqalizer_path_effect_1">12.0dip</dimen>
<dimen name="new_custom_eqalizer_path_effect_2">1.0dip</dimen>
<dimen name="new_custom_eqalizer_path_stroke_width">24.0dip</dimen>[/COLOR]
Save it.
Go to XperiaLockScreen/res/values/ids.xml
and add before of </resources>
Code:
[COLOR="red"]<item type="id" name="new_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view">false</item>[/COLOR]
Save it.
Go to XperiaLockScreen/res/values/integers.xml
and add before of </resources>
Code:
[COLOR="red"]<integer name="new_custom_equalizer_divisions">4</integer>
<integer name="new_custom_equalizer_db_fuzz_factor">2</integer>
<integer name="new_custom_equalizer_db_fuzz">-10</integer>[/COLOR]
Step 4
Go to XperiaLockScreen/AndroidManifest.xml
and search
Code:
[COLOR="royalblue"]<uses-permission android:name="com.sonymobile.permission.READ_LOCKSCREEN_WALLPAPER"/>[/COLOR]
add the follow lines down
Code:
[COLOR="red"]<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>[/COLOR]
Step 5
- Compile XperiaLockScreen
- Sign it
- Push to System/app with the right permissions
- Download VisualizerStyleSettings.apk (from Download section) push to System/app with right permissions
Now with KitKat (4.4.x)
Step 1
- Decompile XperiaLockScreen.apk
- Download Smali for JB 4.3 Lockscreen (Yep, the same file, in Download Section) and merge "smali" folder to your decompiled XperiaLockscreen
Step 2
Go to XperiaLockScreen/res/layout/keyguard_no_security_view.xml, search the follow line
Code:
[COLOR="RoyalBlue"]<LinearLayout android:gravity="center" android:layout_gravity="center_horizontal" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true">[/COLOR]
and add the red line down
Code:
[COLOR="Red"]<com.adi.rom.interface.MusicEqualizerVisualizer android:layout_gravity="bottom" android:id="@id/new_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="0.0dip">
<FrameLayout android:id="@id/new_custom_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.adi.rom.interface.VisualizerView android:id="@id/new_custom_visualizer_view" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" />
</FrameLayout>
</com.adi.rom.interface.MusicEqualizerVisualizer>[/COLOR]
Some like this
Save it.
Step 3
Go to XperiaLockScreen/res/values/dimens.xml
and add before of </resources>
Code:
[COLOR="red"] <dimen name="new_custom_eqalizer_path_effect_1">12.0dip</dimen>
<dimen name="new_custom_eqalizer_path_effect_2">1.0dip</dimen>
<dimen name="new_custom_eqalizer_path_stroke_width">24.0dip</dimen>[/COLOR]
Save it.
Go to XperiaLockScreen/res/values/ids.xml
and add before of </resources>
Code:
[COLOR="red"]<item type="id" name="new_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view">false</item>[/COLOR]
Save it.
Go to XperiaLockScreen/res/values/integers.xml
and add before of </resources>
Code:
[COLOR="red"] <integer name="new_custom_equalizer_divisions">13</integer>
<integer name="new_custom_equalizer_db_fuzz_factor">20</integer>
<integer name="new_custom_equalizer_db_fuzz">-10</integer>[/COLOR]
Step 4
Go to XperiaLockScreen/AndroidManifest.xml
and search
Code:
[COLOR="royalblue"]<uses-permission android:name="com.sonymobile.permission.READ_LOCKSCREEN_WALLPAPER"/>[/COLOR]
add the follow lines down
Code:
[COLOR="red"]<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>[/COLOR]
Step 5
- Compile XperiaLockScreen
- Sign it
- Push to System/app with the right permissions
- Download VisualizerStyleSettings.apk (from Download section) push to System/app with right permissions
Step 6
- Decompile SystemUI.apk
- Download Smali for KK-LP SystemUI (In Download Section) and merge "smali" folder to your decompiled SystemUI
Step 7
Go to SystemUI/res/layout/status_bar_expanded.xml, search the follow line
Code:
[COLOR="RoyalBlue"]
</LinearLayout>[/COLOR]
and add the red line down
Code:
[COLOR="Red"]<com.adi.rom.interface.MusicEqualizerVisualizer android:layout_gravity="bottom" android:id="@id/new_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="0.0dip">
<FrameLayout android:id="@id/new_custom_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.adi.rom.interface.VisualizerView android:id="@id/new_custom_visualizer_view" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" />
</FrameLayout>
</com.adi.rom.interface.MusicEqualizerVisualizer>[/COLOR]
Save it.
Step 8
Go to SystemUI/res/values/colors.xml
add this line before of </resources>
Code:
[COLOR="red"]<color name="new_custom_equalizer_fill_color">#96ffffff</color>[/COLOR]
Save it.
Go to SystemUI/res/values/dimens.xml
and add before of </resources>
Code:
[COLOR="red"]<dimen name="new_custom_eqalizer_path_effect_1">6.0dip</dimen>
<dimen name="new_custom_eqalizer_path_effect_2">1.0dip</dimen>
<dimen name="new_custom_eqalizer_path_stroke_width">6.0dip</dimen>[/COLOR]
Save it.
Go to SystemUI/res/values/ids.xml
and add before of </resources>
Code:
[COLOR="red"]<item type="id" name="new_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view_panel">false</item>
<item type="id" name="new_custom_visualizer_view">false</item>[/COLOR]
Save it.
Go to SystemUI/res/values/integers.xml
and add before of </resources>
Code:
[COLOR="red"]<integer name="new_custom_equalizer_divisions">4</integer>
<integer name="new_custom_equalizer_db_fuzz_factor">2</integer>
<integer name="new_custom_equalizer_db_fuzz">-10</integer>[/COLOR]
Step 9
Go to SystemUI/AndroidManifest.xml
and search
Code:
[COLOR="royalblue"]<uses-permission android:name="android.permission.WRITE_SYNC_SETTINGS"/>[/COLOR]
add the follow lines down
Code:
[COLOR="red"]<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>[/COLOR]
Step 10
- Compile SystemUI
- Sign it
- Push to System/app with the right permissions
- Download VisualizerStyleSettings.apk (from Download section) push to System/app with right permissions
Screenies & Demo
JB 4.3
KK 4.4.x (CyanogenMod Visualizer don't works)
LP 5.x.x (Works almost all, except Lines Visualizer on Stock ROM)
Demo
Downloads
Smalies for JB 4.3
Smalies for KK/LP SystemUI
VisualizerStyleSettings
VisualizerStyleSettings Fix for Lollipop
Credits
@idid idamrep (For their port to JB 4.3)
@Adi Aisiteru Reborn (For their Guide for port to "All" Android devices)
@sebasrock156 (For port to KitKat and make this possible)