Jump to content


Photo

[How-To] Create your own Apollo Theme

apollo howto theme android

  • Please log in to reply
29 replies to this topic

#1 zooyork0721

zooyork0721

    All Around Man

  • Developer
  • 979 posts
  • Google+:gtalk/hangouts- zooyork0721
  • LocationNew York, NY
  • Current Device(s):OnePlus 8 Pro

Posted 18 June 2013 - 05:50 PM

okfw.png

 

Well where to start

 

You should have some experience with xml editing and theming icons, along with (will help to make it complete, but not needed) some knowing of smali

 

First download my Apollo Base, Newest code and most up-to-date

 

 

 

Base- http://d-h.st/Agx

 

After downloading, You will need to decompile the “Apollo_Base_Theme.apk” you have just downloaded.

 

Dont know how to decompile? Try out this Tool i have

 

What does it mean to “decompile”?  

 

Decompiling is to take machine or source code for a computer program and convert it to a higher-level programming language so that it can be read by a human

 

Apktool Zip- http://d-h.st/R9l  (Easiest way to Decompile, I feel)

 

After downloading that apk linked above, you need to throw the apk into the “place-apk-here-for-modding” folder and Run the Script.bat

 

Time to get into the app! Go into the projects folder and go into “Apollo_Base_Theme.apk” folder

 

Go into   projects\Apollo_Base_Theme.apk\res\drawable-xhdpi and you will see this

ln7.png

Now go theme those things how you like! no need to change “ab_solid_light_holo.9.png” or any of the .9.png’s unless you really know what your doing.

With .9.pngs you need to make sure not to affect the black borders.

 

After theming drawable-xhdpi’s you would usually go through the process of doing the same old boring thing for drawable-hdpi, and drawable-mdpi but that just takes too damn long!!!

3w6o.jpg



 

So...Go Download this DPI Resizer - http://d-h.st/H58

Place those drawable-xhdpi icons you themed into the “source” folder

yhz.png

The reason you themed the xhdpi icons first is because in that app, xhdpi is the highest quality.

 

You're going to run “android-resize-tool.exe” and convert the xhdpi icons into hdpi, and mdpi icons too.

 

After going through the “android-resize-tool.exe” You will have two folders named “hdpi” and “mdpi” in the “new” folder. Go into those folders and copy over ONLY the icons that are in the drawable “hdpi” and “mdpi” folders for the Apollo_Base_Theme.apk folder.

 

Great! You're almost done!

Your response- “Sick!!!!!”

 

Now for “drawable-nodpi” You will see these icons-

6281.png

Make sure not to change the image size of any of these, can cause errors when building the app, or could look terrible on the app itself.

 

“default_artwork.png” is the Artwork apollo uses when you dont have any Artwork already for the song/album/artist

 

ov7.png

The “ic_album_default_bg_blue.png” is the background for the app.

 

Example:

 

7oc.png

 

Custom Background for my “Purple Haze Apollo Theme”

 

The theme_preview.jpg is what apollo will show as a preview for when you go into settings->theme chooser.    Notice its a .jpg not png. make sure to save it as a jpg.Make sure to edit the “themepreview.png” in drawable folder too, its sized 180x120 its the same thing (honestly not sure why you need both, just do it :p )

 

Great! drawable-nodpi all done. Congrats!

 

drawable-land only contains a default background for when you're in landscape mode, do the same you did to “ic_album_default_bg_blue.png” but rotated once to the right.

 

Woo that was fast, okay last thing, most confusing out of all of this.

 

Go to folder “values” and “colors.xml”

 

You will see this -

tnk.png

 

Ok... So this looks confusing because of all the “<color name=________</color>” But its pretty straight forward, im not going to explain every single line, but where ever you see “#ff000000” is marked as Black, and “#ffffffff” is marked as White, so anything white you see in my “Apollo_Base_Theme.apk” you can change to a color of your choice.

 

 

Easiest way to check what each hex code is... take a guess....APOLLO!!!

 

Go into settings->Choose Apollo’s default color scheme  Make the color in the box to whatever you like and take the “ # FFFFFFFFFF” from the bottom (Will not say # FFFFFFFFFF... just an example. that code is White)

 

After changing everything make sure to save! We have all done it :( lets not do it now.

Now stay in the “strings.xml” Change wherever you see Apollo Base to whatever you would like to change the name to

 

 

57q.png

 

Alright Done there :) again...SAVE!!!!

 

Back out into “projects\Apollo_Base_Theme.apk”

 

Unless you want to do this the hard way, make sure to have NotePad++ installed.

 

Download- http://notepad-plus-plus.org/

 

Now... Click smali, hold “Ctrl” on your keyboard and Select “AndroidManifest.xml” also.

Right Click on the xml

 

Like so...

l9t.png


 

You will see this,

d98.png

Select one at a time,

 

Select “zooyork0721” go up to the top bar “Search” and then “Replace”.

 

Replace with whatever name you want to go by, or username (one word only)

 

Make sure to click replace on all open files.

 

Select “apollobase” go up to the top bar “Search” and then “Replace”.

 

Replace with whatever name you want to name your theme (again..one word)

 

Make sure to click replace on all open files.

 

Save All!!!

 

Now back to your apktool you used to “decompile” Now...Compile! (Option: 11)

 

the unsigned________.apk will build to “place-apk-here-for-modding”

 

Almost done!

Download  an Apk Signer so you can install like any other 3rd party app.

 

Apksigner- http://d-h.st/EC9

Download and Extract zip

 

Take the new “unsigned__________.apk”

 

Move to “INPUT”within the apksigner. Run the “ApkSigner_TEST_KEYS_v0.4_ .bat” script

 

Yes to signing, and Yes to Zipalign, a signed app will show up in “OUTPUT”

Well... been a long How-To but your done! :) congrats. go install that app and have fun.

 

If this isnt your thing :p lol You can try some of mine! (would be awesome ;)

 

Playstore- https://play.google....york0721&c=apps

 

And you can request an idea for one (might make it but hey why not)  - https://docs.google....hcwJRU/viewform


  • tucstwo, Rinkle McBally and RealPetChicken like this

lr79yH0.png

en_app_rgb_wo_60.png


#2 Rinkle McBally

Rinkle McBally

    Perv McGert

  • Developer
  • 860 posts
  • Twitter:Rinkle_McBally
  • Google+:RinkleMcBally22@gmail.com
  • LocationForest Lake MN
  • Current Device(s):S3 D2vzw, Galaxy Tab 2

Posted 18 June 2013 - 05:52 PM

Booyah

rink2_zps72b73afa.png

**** If you want a signature, wallpaper or avatar done feel free to hit me up send me a pm ****


#3 tucstwo

tucstwo

    www.drdevs.com

  • Administrator
  • 14,435 posts
  • Twitter:tucstwo
  • Google+:tucstwo@gmail.com
  • LocationNJ
  • Current Device(s):LG G3 VS985, Nexus 7 (flo)

Posted 18 June 2013 - 05:52 PM

Very Well Done! Now All I need to do is start using Apollo!  :lol:


Visit DRDevs.com hosting site for all official Droidrzr.com ROMs, Apps, GApps and other mods/files!!
Please PM me if you need help!
I will be hosting AOSP-Based ROM GApps packages!
Download the most Up-to-Date GApps Packages for AOSP ROMs from me here!


#4 zooyork0721

zooyork0721

    All Around Man

  • Developer
  • 979 posts
  • Google+:gtalk/hangouts- zooyork0721
  • LocationNew York, NY
  • Current Device(s):OnePlus 8 Pro

Posted 18 June 2013 - 05:56 PM

Booyah

Now start making some :p no excuse now!

 

Very Well Done! Now All I need to do is start using Apollo!  :lol:

you?  never! :p haha you and your google music


  • tucstwo likes this

lr79yH0.png

en_app_rgb_wo_60.png


#5 Rinkle McBally

Rinkle McBally

    Perv McGert

  • Developer
  • 860 posts
  • Twitter:Rinkle_McBally
  • Google+:RinkleMcBally22@gmail.com
  • LocationForest Lake MN
  • Current Device(s):S3 D2vzw, Galaxy Tab 2

Posted 18 June 2013 - 06:50 PM

I'll make some cotton candy when I have time

rink2_zps72b73afa.png

**** If you want a signature, wallpaper or avatar done feel free to hit me up send me a pm ****


#6 ZKK007

ZKK007

    That Kiwi Guy

  • Developer
  • 1,687 posts
  • LocationDallas, TX, USA.
  • Current Device(s):XT912, XT907

Posted 19 June 2013 - 10:57 AM

Nice write up! Man, I wish I had known about he DPI converter sooner! But at least I know about it now :)


  • johnthehillbilly and zooyork0721 like this

bWyLE9l.jpg

 

Donate? Click on signature :)


#7 johnthehillbilly

johnthehillbilly

    Gear jammin' S-Mod

  • Smod
  • 6,470 posts
  • Twitter:@johnhillbilly
  • Google+:http://goo.gl/ColUJ .. johnthehillbilly@gmail.com
  • LocationSomewhere between here, and there...
  • Current Device(s):unlocked RAZR HD (xt926)... RAZR (xt912)

Posted 19 June 2013 - 10:59 AM

Nice write up! Man, I wish I had known about he DPI converter sooner! But at least I know about it now :)


Indeed....:blink:

tapadriving .... hillbilly style

Feeding my android addiction......... one phone at a time.....

jhf.png

If you are feeling generous and would like to buy me a drink.... coffee :)


#8 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 20 June 2013 - 04:35 AM

Thanks zoo this is a great write up. I am actually getting this done. :p
  • zooyork0721 likes this

#9 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 23 June 2013 - 04:36 PM

Thanks to a little extra help haha! I got this done!! Thanks zoo for everything. :p

#10 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 27 June 2013 - 04:49 PM

Did my third theme. Took about 1/3 the time as my first!! Soooo..... its getting easier lol! Compiled on the first try haha! This is a fun write up! :D
  • livinginkaos and zooyork0721 like this

#11 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 28 June 2013 - 05:36 PM

Attached File  Screenshot_2013-06-28-18-17-00.png   433.54KB   16 downloads

I think this is the best so far! :)       it is #4!


  • zooyork0721 likes this

#12 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 30 June 2013 - 08:54 AM

Thanks to this tutorial I have moved on to other apks I themed the chive this morning! Thank you zoo!!! you're the best bro!!! :)Attached File  Screenshot_2013-06-30-10-28-06.png   41.69KB   13 downloads

#13 isaohatake

isaohatake

    n00b

  • Members
  • Pip
  • 1 posts

Posted 06 July 2013 - 12:27 AM

why did we have duplicated pngs with another name, like play, pause button, one is Apollo_pause, other is btn_playback_pause

, and where can i change widget background?



#14 zooyork0721

zooyork0721

    All Around Man

  • Developer
  • 979 posts
  • Google+:gtalk/hangouts- zooyork0721
  • LocationNew York, NY
  • Current Device(s):OnePlus 8 Pro

Posted 06 July 2013 - 12:58 PM

why did we have duplicated pngs with another name, like play, pause button, one is Apollo_pause, other is btn_playback_pause
, and where can i change widget background?

no reason to personal message me about this I don't live on here.

But to answer the question you can not edit the widget through the theme to edit the widget you need to look through the Apollo app itself. And probably two of them for pressed and not pressed. Hope that answers your questions

lr79yH0.png

en_app_rgb_wo_60.png


#15 RealPetChicken

RealPetChicken

    n00b

  • Members
  • Pip
  • 10 posts

Posted 08 August 2013 - 04:39 PM

I have done these steps and the only problem i am having is when i install it, and check through apollo, my theme appears twice. The same happens with the template apk to posted (Apollo Base Theme.apk).

 

Anyway to fix this?



#16 zooyork0721

zooyork0721

    All Around Man

  • Developer
  • 979 posts
  • Google+:gtalk/hangouts- zooyork0721
  • LocationNew York, NY
  • Current Device(s):OnePlus 8 Pro

Posted 08 August 2013 - 04:43 PM

no clue, it happens with all my themes for apollo, even ones others made and i downloaded


lr79yH0.png

en_app_rgb_wo_60.png


#17 jl90

jl90

    \m/

  • Developer
  • 1,642 posts
  • LocationPhoenix, Az.
  • Current Device(s):Nexus 6 64GB, RAZR HD Maxx

Posted 08 August 2013 - 05:11 PM

no clue, it happens with all my themes for apollo, even ones others made and i downloaded

+1 :)

#18 RealPetChicken

RealPetChicken

    n00b

  • Members
  • Pip
  • 10 posts

Posted 08 August 2013 - 06:08 PM

You have to remove the following

<activity android:label="@string/themetitle" android:name="com.ldamazo.miuitheme.GoogleMusicThemeActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <action android:name="com.andrew.apollo.THEMES" />
                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
        </activity>

So the final should look like this:

<?xml version="1.0" encoding="utf-8"?>
<manifest android:versionCode="5" android:versionName="1.0" package="com.ldamazo.miuitheme"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <application android:label="@string/themetitle" android:icon="@drawable/ic_launcher">
        <activity android:label="@string/themetitle" android:name=".BaseActivity" android:exported="false">
            <intent-filter>
                <action android:name="com.andrew.apollo.THEMES" />
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
        </activity>
    </application>
</manifest>

I installed it, and only one theme showed in the apollo theme section. I guess it works fine so far.



#19 zooyork0721

zooyork0721

    All Around Man

  • Developer
  • 979 posts
  • Google+:gtalk/hangouts- zooyork0721
  • LocationNew York, NY
  • Current Device(s):OnePlus 8 Pro

Posted 08 August 2013 - 06:22 PM

You only have 2 posts here and helped me. Lmao thank you I will try that :)

Sent from my SCH-I545 using Xparent Skyblue Tapatalk 2


lr79yH0.png

en_app_rgb_wo_60.png


#20 RealPetChicken

RealPetChicken

    n00b

  • Members
  • Pip
  • 10 posts

Posted 08 August 2013 - 06:28 PM

You only have 2 posts here and helped me. Lmao thank you I will try that :)

Sent from my SCH-I545 using Xparent Skyblue Tapatalk 2

 

I owe my thanks to you, i have been trying to get into making a theme app, and your tutorial got me in the right direction, everything i needed to know. You have my gratitude my friend.

 

Also: Here is a great website explaining .9.png http://radleymarx.co...ide-to-9-patch/

 

Cheers!


  • zooyork0721 likes this





Also tagged with one or more of these keywords: apollo, howto, theme, android

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users