Based on the amazing work of Mascone - https://amazfitwatchfaces.com/mi-band-4/view/799
Animation works nicely with the latest FW.
I've attached 4 colors, but if you want any other from the chart, just let me know the number. I prepared a script for a quick color change
Edit: for higher quality WFs (also bigger in size) see posts below
{
"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"
}
Battery text moved a bit closer to the battery icon.
Edit: Please use downloads from post #4, these ones were with low quality.
Technical information:
Needed tools:
- imagemagick library https://imagemagick.org/script/download.php (just install)
- watchface tool https://amazfitwatchfaces.com/forum/viewtopic.php?f=29&t=720 (unpack in your working directory with watch faces, choose palette exe for smaller WF.bin files)
Unpack desired watch face (in my case fallout pip boy), rename directory/json file as per the convenience.
I use this script (if there's no parameter passed from the command line, it uses HUE shift by 10). All PNG images in the watch face folder are shifted in color and overwritten. Watch face JSON is renamed for easy identification of the HUE color and repacked.
Edit: for high quality WF it's necessary to use RAW mode, but this generates a huge BIN file. As a workaround, use mixed mode - define RAW files only for small images where it's mostly visible. Create file "raw.cfg" located in the same folder as the json and define image numbers for RAW mode. For this particular watch face I've used "11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89"
My color_change.bat, modify as needed:
Code:
echo off
set /A x = 10
set /A x = %1
echo Copying files..
echo D|Xcopy /E /Y fallout_pipboy_green_animated fallout_pipboy_%x%_animated
echo Recoloring images..
mogrify -define png:format=png32 -modulate 100,100,%x% fallout_pipboy_%x%_animated/*.png
cd fallout_pipboy_%x%_animated
ren fallout_pipboy_en.json fallout_pipboy_en_%x%.json
cd ..
echo Packing watchface..
watchface fallout_pipboy_%x%_animated/fallout_pipboy_en_%x%.json
I couldn't find a way how to rename file located in the different directory, hence those unnecessary "CD" commands..
Description of modulate command http://www.imagemagick.org/Usage/color_mods/#modulate_hue
I've noticed that previously posted watch faces had degraded visual quality of small numbers. Attaching improved versions with bigger file size.
Hi, could you possibly make a white version please? 175+
keenan316 said:
Hi, could you possibly make a white version please? 175+
Click to expand...
Click to collapse
I'm looking into a way how to convert images to white color. In the mean time here's the red version (167 is as red as I can get, 175 is a bit tinted).
keenan316 said:
Hi, could you possibly make a white version please? 175+
Click to expand...
Click to collapse
And white version as well..
Man, amazing job, they look great!
R4don said:
Man, amazing job, they look great!
Click to expand...
Click to collapse
Thanks, even though the credits should go to the original author. [emoji846] Btw. I have updated this WF since, the most recent version can be found here https://amazfitwatchfaces.com/mi-band-4/view/7167
So i found a way to apply that to the band way faster without the need of installing anything. When you download the face, all you gotta do is extract the zip file. after you do that you'll get a .bin file. now you copy that .bin file and paste it in android/data/com.xiaomi.hm.health/watch_skin_local/(new folder with any name).
after that you go on mifit and youll find it there. but not with an image preview. just the size.
jummmbo said:
So i found a way to apply that to the band way faster without the need of installing anything. When you download the face, all you gotta do is extract the zip file. after you do that you'll get a .bin file. now you copy that .bin file and paste it in android/data/com.xiaomi.hm.health/watch_skin_local/(new folder with any name).
after that you go on mifit and youll find it there. but not with an image preview. just the size.
Click to expand...
Click to collapse
I certainly wouldn't call that way faster or more simple/convenient, but thanks for sharing. Btw. this method is being used since beginning, but was broken for a few versions of Mi Fit. Using N&F is more reliable and simple, especially if you already have the app anyway (I ditched Mi Fit completely, I couldn't bare the fact that it uses more CPU than Android system itself).
Thank you for this kind sir
good work thanks
Hi, can You add polish? or at least some info how to do translations? Best regards
scynthero said:
Hi, can You add polish? or at least some info how to do translations? Best regards
Click to expand...
Click to collapse
I'll have a look into it in a couple of days, new version will be uploaded here https://amazfitwatchfaces.com/mi-band-4/view/7167
If you want to modify a WF, you will need to decompile it, replace images as needed and recompile it again. Necessary tools can be found here https://amazfitwatchfaces.com/forum/viewforum.php?f=29
Watch faces do not use any strings which could be easily translated/replaced, but separate images for each number, weekdays etc.
Very nice. Can you add spanish when you can? LUN - MAR - MIE - JUE - VIE - SAB - DOM
scynthero said:
Hi, can You add polish? or at least some info how to do translations? Best regards
Click to expand...
Click to collapse
I couldn't find common 3 letter abbreviations for Polish week day names - what is commonly used in Poland?
pavoleo said:
Very nice. Can you add spanish when you can? LUN - MAR - MIE - JUE - VIE - SAB - DOM
Click to expand...
Click to collapse
Green Spanish version added, you can download it here https://amazfitwatchfaces.com/mi-band-4/view/7167 (fallout_pipboy_es-dd_mm-100_green-44084-5bdc533d68.bin)
Related
After converting from G1 to Hero I am amazed by the lack of themes for hero, I would of though there be at least colour changes??
Anyway after giving myself a crash course on package stripping building and signing I've come up with 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"
}
None of work was mine, I just re-packaged it to run on Hero's Custom ROM's.
Download Modaco 2.2 to 2.8 version here >>http://www.4shared.com/file/137484516/5a864521/update.html
Will it run on other ROMs, do you need root?
Yep you will need root I'm afraid. It should work on both 2.2 & 2.3 MoDaCo's rom
How does this fit in with music player? As that curves around the curved bar...?
nicelad_uk said:
How does this fit in with music player? As that curves around the curved bar...?
Click to expand...
Click to collapse
Works fine
I've just tested it on my updated Orange hero...seems to be working fine at the moment and no problems..........but does anyone know if this isn't safe to do (cause some future problems)? Should I not use it and revert back because I dont have the modaco rom installed?
should honestly be fine
It looks awsome thank you!
Tried this with the stock RUU EU Rom and it worked fine.
Wondering about the transparent background that Evil uses, is that just a Transparent image i could make in photoshop or is there much more to it?
ratcom said:
After converting from G1 to Hero I am amazed by the lack of themes for hero, I would of though there be at least colour changes??
Anyway after giving myself a crash course on package stripping building and signing I've come up with this
None of work was mine, I just re-packaged it to run on 2.2 MoDaCo Custom ROM.
You will need to push this onto your phone for it to work (make sure you are in recovery mode BEFORE pushing)
I used these commands......
Code:
adb shell mount /system
adb push c:\com.htc.resources.apk /system/framework
Once I know how I will make this into update.zip for ease
http://www.megaupload.com/?d=DU4RNF8N
Click to expand...
Click to collapse
can you please explain step by step how you did that? i know there are instructions on these forum, but they do not work for me (especially i would like to know, how you signed the apk again?)
Nice one mate and great to see you here on Hero!
Sorry double posted from my Hero!
felikz said:
can you please explain step by step how you did that? i know there are instructions on these forum, but they do not work for me (especially i would like to know, how you signed the apk again?)
Click to expand...
Click to collapse
I found these instruction here http://forum.xda-developers.com/showthread.php?t=467639
Before using this you need to know how to set this up:
I will assume that you have the sdk downloaded and extracted somewhere(if not, do that now), extract both files to the tools directory of your sdk.
Now you will need to add the tools dir of your sdk to the environment variable CLASSPATH.(seem to work with windows 7)
To do this, right click on My Computer click properties, then choose the tab that says advanced. Click the button that says environmental variables. Go to system variables find the one that says CLASSPATH, double click it, go to the end of variable value. There should be a semicolon ; at the end. type in the path to the testsign.jar located in the tools directory of your SDK, for example the path to my testsign.jar was c:\sdk\android-sdk-windows-1.0_r1\tools\testsign.jar If CLASSPATH is not in your system variables then create it. Secondly, Find the system variable called PATH and add to the end of it, the full path to your sdk directory. For example, mine was c:\sdk\android-sdk-windows-1.0_r2\tools
Now right click the reg file that you extracted and choose to install it, or merge.
Now, right click an apk, do you see an option that says ResignApk? That's how you will resign your .apks and .zips.
If you find the right click menu not working for some reason you can type the following in cmd to sign your files: java testsign whateverfiletosign
Now through doing this you have done two things, first off you have made the resigning process extremely easy, secondly you will not have to cd to the tools dir of the sdk to use adb or any other tool in the sdk.
Click to expand...
Click to collapse
Does this just install now with the custom bootloader? ie, click on update.zip and it will do the rest?
yes
Fantastic, looks great. Got any more?
Is there a way of theming the main UI ?
Got this on and its perfect so I put it on my brothers, he's not too keen. How do we revert back to the default lockscreen?
nicelad_uk said:
Got this on and its perfect so I put it on my brothers, he's not too keen. How do we revert back to the default lockscreen?
Click to expand...
Click to collapse
There you go mate
http://www.4shared.com/file/138265831/d9916ba3/update_-orginal.html
Is there a way to remove the dark transparent curve on the music player and also the dark transparent box that covers the lower part of the screen when you get a message or touch the screen? That would make this already great mod perfect
Thanks
That's pretty cool.
Clear Lock Screen Only
{
"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"
}
http://www.4shared.com/file/146988942/737c22d2/clearlockscreen29.html
Enjoy
Oh my... Where to get the wallpaper only?
The wallpaper can be found here. Not lockscreen resolution though.
By the way thanks a lot ratcom.
Sweet!
Cheers bro, keep up the good work!
is it somehow possible to have also a own backgroud image (set through settings)?
just use whatever wallpaper you want. This update is for the lockscreen icon not the wallpaper!
help
thanks for your work.
can you explain how to do that?
which file to edit? and how to make it an update file?
good day!
Brilliant, thanx for putting these together.
Would it be possible to remove the transparent box at the bottom of the screen when u touch it or recieve notification? The one that the slide down to unlock txt is on.
i love this lockscreen but im with djmace 100%, if you can remove the darker transparent box that appears when you get a text or if you touch the screen it would be absoulutly perfect
please please please
ypyp said:
thanks for your work.
can you explain how to do that?
which file to edit? and how to make it an update file?
good day!
Click to expand...
Click to collapse
I would be very interested in this also!
Thanks man!
I unpacked the update to see how this worked and in the lockscreen folders, the graphics have all been blanked out apart from lockscreen_prompt_back.png.
I'm guessing if you made this one blank as well the transparent box would become clear too. I'd test it but need to learn how to sign apk files again first.
Can u confirm ratcom? Good work anyway!
sounds like you're onto something, can someone please try this as I havent the foggiest idea where to even start trying
I'l love you forever
pookie1 said:
I unpacked the update to see how this worked and in the lockscreen folders, the graphics have all been blanked out apart from lockscreen_prompt_back.png.
I'm guessing if you made this one blank as well the transparent box would become clear too. I'd test it but need to learn how to sign apk files again first.
Can u confirm ratcom? Good work anyway!
Click to expand...
Click to collapse
this was posted by ratcom as to how ti sign the apk's again
I found these instruction here http://forum.xda-developers.com/showthread.php?t=467639
Quote:
Before using this you need to know how to set this up:
I will assume that you have the sdk downloaded and extracted somewhere(if not, do that now), extract both files to the tools directory of your sdk.
Now you will need to add the tools dir of your sdk to the environment variable CLASSPATH.(seem to work with windows 7)
To do this, right click on My Computer click properties, then choose the tab that says advanced. Click the button that says environmental variables. Go to system variables find the one that says CLASSPATH, double click it, go to the end of variable value. There should be a semicolon ; at the end. type in the path to the testsign.jar located in the tools directory of your SDK, for example the path to my testsign.jar was c:\sdk\android-sdk-windows-1.0_r1\tools\testsign.jar If CLASSPATH is not in your system variables then create it. Secondly, Find the system variable called PATH and add to the end of it, the full path to your sdk directory. For example, mine was c:\sdk\android-sdk-windows-1.0_r2\tools
Now right click the reg file that you extracted and choose to install it, or merge.
Now, right click an apk, do you see an option that says ResignApk? That's how you will resign your .apks and .zips.
If you find the right click menu not working for some reason you can type the following in cmd to sign your files: java testsign whateverfiletosign
Now through doing this you have done two things, first off you have made the resigning process extremely easy, secondly you will not have to cd to the tools dir of the sdk to use adb or any other tool in the sdk.
does anyone that knows what they're doing fancy giving this ago?
Il try when i get home but dont count on me
Thanks for that djmace.
I will test my theory asap, hopefully will have some time to try this afternoon.
pookie1 said:
Thanks for that djmace.
I will test my theory asap, hopefully will have some time to try this afternoon.
Click to expand...
Click to collapse
I tried last nite but they failed to work. Then this morning I took another look and think that i have found my problem. I copied and pasted the file path from above as my classpath, however i have the 1.5 sdk so therefore need to change that. Won't get chance till I tonite though.
Nice one, cant wait for this, good luck!
Ok I managed to make the changes I wanted, but that file I mentioned is not the one responsible for the transparent block. I'll see if I there is anything else that might be causing it, but nothing jumps out after a quick glance over the files.
But at least I learned a lot
pookie1 said:
Ok I managed to make the changes I wanted, but that file I mentioned is not the one responsible for the transparent block. I'll see if I there is anything else that might be causing it, but nothing jumps out after a quick glance over the files.
But at least I learned a lot
Click to expand...
Click to collapse
Agh poooo!!! lol
Actually looking at the file its curved at the top so was a long shot anyway. Saying that though, i cant find any other file that could be the one we want either.
My next thought is that it is actuall drawn by an xml file. There is a file in the layout folder called htc_locks_creen_control.xml that could hold the answer but i have no idea how to view what is written in the xml.
djmace said:
Agh poooo!!! lol
Actually looking at the file its curved at the top so was a long shot anyway. Saying that though, i cant find any other file that could be the one we want either.
My next thought is that it is actuall drawn by an xml file. There is a file in the layout folder called htc_locks_creen_control.xml that could hold the answer but i have no idea how to view what is written in the xml.
Click to expand...
Click to collapse
is this of and help?
http://www.w3schools.com/xmL/xml_view.asp
I will guide you into the famous 9.png creation
First rule before to start how to learn to theme your device :
Always make a backup of the files you are about to edit or do a nandroid backup.
If anything goes wrong you will get a bootloop.
{
"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"
}
☺ TOOLS you must have ☺
1. PHOTOSHOP / GIMP http://www.gimp.org/downloads
or a good alternative for those who are rookies in Adobe products : PAINT.NET http://www.paint.net
or any other Graphics editor you like to use of your choice.
2. DRAW 9-PATCH http://developer.android.com/sdk/index.html
You will find it in your SDK starter package ( android sdk/tools )
The Draw 9-patch tool allows you to easily create a NinePatch graphic using a WYSIWYG editor.
3. xUltimate-d9pc.exe http://lmgtfy.com/?q=xUltimate-d9pc
Basically you will need to compile the edited 9.png to Draw9Patch Compiler
*****
Now let's play with your pics in the graphic editor of your choice :
your 9.png's files would be in <drawable/drawable-hdpi> folder' apk
When you are done editing your image,
you can open it in the draw9patch tool to verify that it stretches properly.
Here is the most important part of the 9.png creation.
You need to define 2 parts :
* Stretch part ( always left and up side )
* Content part ( always right and bottom side )
When you are done stretching your image,
you can open it in the 9.png compiler tool to compile it properly.
you notice the 1pixel border created for the stretcheable 9.png
Place your files in example1/drawable-hdpi
Execute the xUltimate-d9pc.exe
If you defined properly your 9.png,
you must find no errors and you can hear a "peeep"
Compiled ready files are in /Done folder
When you are done compiling your image,
you can see that the 1pixel border disappeared.
Use 7-ZIP http://www.7-zip.org
(an open source file archiver with a high compression ratio)
to drag your files into the apk !
Source : androidbyyorzua
Congatulations, you can enjoy your work
thanks to "PoorCollegeguy" who featured my thread the XDA Portal )))
and tweeted as well :
spc_hicks09 said:
Thank you soooo much for posting this!
Click to expand...
Click to collapse
A single click on the thank button would make me happy if i helped you
Great tutorial. Thanks for writing it.
But do you happen to know how to do it the other way round?
If you have a single compiled .9.png file, is it possible to decompile it again?
I know apktools do decompile it when decompiling complete apks, but I couldn't figure out how to do it to a single png file.
EddieFAF said:
Great tutorial. Thanks for writing it.
But do you happen to know how to do it the other way round?
If you have a single compiled .9.png file, is it possible to decompile it again?
I know apktools do decompile it when decompiling complete apks, but I couldn't figure out how to do it to a single png file.
Click to expand...
Click to collapse
Thanks for your comments,
Maybe this is what you are looking for :
[UTILITY][TOOL] 9patchPngSuite [Windows&Linux]
Personally never tried/needed it yet
Great tutorial. Nice job making the front page on xda too. I assisted with making a new draw9patch a couple months ago and would highly recommend checking out my thread here on xda. It will literally save you hours of time from using the original draw9patch.
http://forum.xda-developers.com/showthread.php?t=1344909
Guy's please keep the thread clean and on topic and please do not post a thank you post just hit the thanks button in the OP's first post
Thanks
I have a problem with the display of icons .png in Photoshop.
The original icon:
When I paste into Photoshop:
There are many icons that appear in Photoshop in this way. Can anyone help? My version of Photoshop CS5
przemo5020 said:
I have a problem with the display of icons .png in Photoshop.
The original icon:
When I paste into Photoshop:
There are many icons that appear in Photoshop in this way. Can anyone help? My version of Photoshop CS5
Click to expand...
Click to collapse
A little off topic, buddy, as it is not really a 9.png you are trying to work on but doubke check if the png is indexed. You will find many of the pngs indexed and some not.
Answering from my phone, will help you better tomorrow
Freaking awesome dude will try this out. Since I was looking to add some of my costume 9.pngs.
Thank you, as this is a good guide. Took me awhile until it finally clicked. I know you emphasized but I do not think enough, the stretch and content lines are vital. I did not quite get WHAT that meant till messing over and over.
Any one trying fot the first time, definitely play with the examples he provided and you will be all good.
There is an app for Android called "9 Patch Editor" that can load .9.png (compiled or with border) and edit them or remove patches altogether. I hope that helps.
Hi,experts,I'm new to this theming and png editing stuff
Can I create 9.png if I just follow your guide Yorzua? If yes,
I'll give it a try soon!
Orelse, if this is a higher level thing,could you guide me into something basic .so that I learn some things and then jump over here!
Sorry for the questions....! Hope you don't mind!
Sent from my MT11i using xda premium
Do .9.pngs need to be source to resize with the 9patch tool or can they be resized when compiled.
thank you so much for this i was going crazy !
seand88 said:
thank you so much for this i was going crazy !
Click to expand...
Click to collapse
You are welcome,
glad it could help someone
Hi Yorzua,
If you see the sending text message animation on ios or any iphone it is
is awsome and smooth sliding effect and message goes upped side with
sliding... I want to do same animation on my android phone... but the
problem is when i decompile WhatsApp apk i can not found folder of
animation. Can you plz tell me or show me how can I do that???
Plz do needfull.
please help me, I want only this 9.patch colors change to white , can someone do and share to me ? thanks..
http://www106.zippyshare.com/v/FmVNQcCP/file.html
Hello everyone, I searched a lot for a guide that tell me how to take screenshot in Recovery but I didn't find anything that works for me. I tried using "monitor" in Android SDK but it doesn't work.
But now I found a method that works for Nexus 4 and I want to share with you:
How to take Screenshot in Recovery:
(I used Windows)
- Install Android SDK (https://developer.android.com/sdk/index.html).
- Reboot your phone in Recovery.
- Connect your phone to the PC (you must have the correct drivers installed).
- Type:
Code:
cd C:\"the path where adb is located"
and press enter, for me was:
Code:
cd C:\Users\MyName\desktop\adt-bundle-windows-x86_64-20131030\adt-bundle-windows-x86_64-20131030\sdk\platform-tools
or drag and drop the folder where adb is located.
- Use this code to check if your device is recognized
Code:
adb devices
- Take the screenshot:
Code:
adb pull /dev/graphics/fb0 fb0.raw
{
"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"
}
- You will found the file in the folder where adb is located.
- Now we have to convert the RAW file in JPG file, I used Irfanview.
How to convert RAW with Irfanview:
- Install the program and the PLUGINS.
- Open the RAW file and use this Setting for Nexus 4 (I don't know if this works with other devices):
Image width: "768";
Image height: "1280";
File header size "0";
BitsPerPixel (BPP): "32";
Bayer pattern start: "GR";
Options for 24 and 32 BPP: "Color order: RGB (32 bit: RGBA)";
The result:
Sorry for my bad English
Pretty cool!! Never thought this was possible.
Sent from my Nexus 4 using Tapatalk
Didn't know that! Thanks
Sent from my Nexus 4 using Tapatalk 2
indieguy said:
Didn't know that! Thanks
Sent from my Nexus 4 using Tapatalk 2
Click to expand...
Click to collapse
Anyone know how to convert the raw to jpg in linux preferably via command line? Then a shell script could easily be written to snag the image and do the convert.
famewolf said:
Anyone know how to convert the raw to jpg in linux preferably via command line? Then a shell script could easily be written to snag the image and do the convert.
Click to expand...
Click to collapse
I don't know. If you found a method that works tell me and I will add it to this guide
Desno365 said:
I don't know. If you found a method that works tell me and I will add it to this guide
Click to expand...
Click to collapse
Here's the example I found using the tool "convert" from ImageMagick which is supported by just about every linux distro:
convert -define jpeg:size=128x128 input.raw -thumbnail 128x128 output.jpg
obviously the sizes need to be different...more details on convert can be found here: http://www.imagemagick.org/script/convert.php
famewolf said:
Here's the example I found using the tool "convert" from ImageMagick which is supported by just about every linux distro:
convert -define jpeg:size=128x128 input.raw -thumbnail 128x128 output.jpg
obviously the sizes need to be different...more details on convert can be found here: http://www.imagemagick.org/script/convert.php
Click to expand...
Click to collapse
Thanks, when I have time I will try this method and if it works I will add it to this guide
Is this compatible with all recoveries, or just cwm?
hp420 said:
Is this compatible with all recoveries, or just cwm?
Click to expand...
Click to collapse
I have tested it with CWM and TWRP, and it works
Desno365 said:
I have tested it with CWM and TWRP, and it works
Click to expand...
Click to collapse
Wonderful, thanks a bunch!! This is definitely going to come in handy if I get any errors while flashing Typing out the whole error message is sort of a pain, but this will make everything so much easier!! Again, wonderful find!!!
famewolf said:
Here's the example I found using the tool "convert" from ImageMagick which is supported by just about every linux distro:
convert -define jpeg:size=128x128 input.raw -thumbnail 128x128 output.jpg
obviously the sizes need to be different...more details on convert can be found here: http://www.imagemagick.org/script/convert.php
Click to expand...
Click to collapse
I used this code:
Code:
convert -size 768x1280 -depth 32 rgb:'/home/user/fb0.raw' fb0.jpg
but I get always black images and when I use this code that I copy from you:
Code:
convert -define jpeg:size=768x1280 '/home/user/fb0.raw' -thumbnail 768x1280 fb0.jpg
I get this error:
Code:
convert: no decode delegate for this image format `/home/user/fb0.raw' @ error/constitute.c/ReadImage/532.
convert: missing an image filename `fb0.jpg' @ error/convert.c/ConvertImageCommand/3011.
I don't know what to do
It's missing something from /etc/ImageMagick/delegates.xml
That example was taken from here: http://stackoverflow.com/questions/10558487/convert-raw-photos-to-jpeg-in-linux-php
I havent got a clue what needs to be tweaked in delegates.xml. I'll try to do some hunting around.
famewolf said:
It's missing something from /etc/ImageMagick/delegates.xml
That example was taken from here: http://stackoverflow.com/questions/10558487/convert-raw-photos-to-jpeg-in-linux-php
I havent got a clue what needs to be tweaked in delegates.xml. I'll try to do some hunting around.
Click to expand...
Click to collapse
Thanks for your help, I will also try to found a solution
{
"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"
}
Hello everyone, I'm back once again from my cave and providing this active community with something beneficial. Lately I wanted to get back into Theming, this time for CM12 but the guides out there aren't what I'm looking for. They have potential and is a great way to start but for me... It just wasn't working out. I'm going to keep this tutorial simple and on point whilst proving useful information as well, however this time I will NOT be explaining how to theme. That is something you're going to have to learn yourself. But you may ask me or other users on how to theme certain content and if you need help. Don't hesitate to ask us, we're here to help.
Click to expand...
Click to collapse
What this guide will help you with -
- Creating and coding a simple Theme base from scratch. - Creating resource folders and needed .xml's for the theme to register correctly. - How to harness the power of Kryptonite. - Provided code and resources.
Click to expand...
Click to collapse
- A good image editing software, I use Photoshop(Paid) and Paint.NET(Free). Gimp is also another good software. - Android Studio or Eclipse. (Eclipse preferred) - And your special Iron Man underwear.
Click to expand...
Click to collapse
Section One
0. Create an Icon for your theme (512px x 512px) then convert it to different DPI's here. 1. Open your preferred IDE and create a new Android Project. 2. Name your App (Theme Name) and give it an appropriate packagename (com.yourname.appname). 3. Skip the icon and use API 21 as target and compiler. 4. Finish creating your project.
Click to expand...
Click to collapse
Section Two
1. Navigate to your workspace folder. 2. Open your project folder and delete the following. - Res folder - The folder inside src folder (Should be labeled as package name) - Your Manifest file.
Click to expand...
Click to collapse
Section Three
1. Download my theme_package. 2. Extract the folder and move everything into your workspace directory. 3. Overwrite assets folder when prompted. 4. Go back to your IDE and refresh your project folder to apply changes.
Click to expand...
Click to collapse
Section Four
1. Open your AndroidManifest.xml file and delete everything. 2. Go here and copy the code and replace it with yours. 3. Apply all the changes stated in the code. (Package Name) 4. Save everything.
Click to expand...
Click to collapse
Section Five
To theme create a folder in the /assets/overlays folder. Give the folder the packagename of the app you're theming (com.android.whatever). remember the structure of theming is exactly the same contained in the app you're theming. For example, if you theme ic_launcher.png (icon) from /res/drawable-xxhdpi then create a folder inside of com.android.whatever called res then create a folder inside res called drawable-xxhdpi. Then drop in your themed image into the folder and you're done. The same goes for any asset file or .xml code. Note you cannot modify the code within the application as there is no way to do so, so please don't ask.
Click to expand...
Click to collapse
If you think this guide helped. Then hit the thanks button!
Click to expand...
Click to collapse
If you would like to load a template instead manually making one, you can download a pre-made template by me.
Download from http://thearcproject.tk/ make sure to click on the Projects tab and select the third project.
Thanks
hi i cant find the res folder could u pls help me out thanks.
What to do to change only the green-esque colors? (sliders, some texts & icons)
Google for 'Theme DIY'
How to test the theme
TheArc said:
Click to expand...
Click to collapse
After completion of process how can I test the first theme that was created by me by following the instructions of yours. Please help
syed sajid said:
After completion of process how can I test the first theme that was created by me by following the instructions of yours. Please help
Click to expand...
Click to collapse
Export the .apk and install it on your device or run the "Build" or "Run" function in your IDE.
What if I'm using Android Studio 1.2. The package you provide in section three is pretty different.
Using Android Studio, I navigate to assets > overlays and right click and select New > Directory and create com.android.settings. I select the folder I just created and right click and select New > Directory and create res. Android Studio creates res in two places, assets and com.android.settings. What am I doing wrong?
I want to edit the status bar icons spacing. Both system and notification icons. Is it possible?
Hello,
I did what you said, Android Studio exported the APK successfully... but after installed on my phone, CM just doesn't recognize it :/
Here is my APK: drive.google.com/file/d/0B7ix-E7JPJ2iX0E4UDBhRFhuY3c/view?usp=sharing
Could you please have a look at the file and tell me what I done wrong?
Thank you!
Nice guide sir, but anyone got their theme working on cm12.1/13 here with this base ?