5,593,458 Members 36,859 Now Online
XDA Developers Android and Mobile Development Forum

[GUIDE][JB][KK] Customizing iOS7 Style Homescreen

Tip us?
 
Nieon.
Old
(Last edited by Nieon.; 31st January 2014 at 03:58 AM.) Reason: Updating Guide
#1  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
Tutorial [GUIDE][JB][KK] Customizing iOS7 Style Homescreen

In this guide I'll be showing you how to customize your homescreen to look at least a bit alike iOS 7. I know there are another guides or tuts with the same topic, and yes, I've also tried each of them, but I definitely haven't found one around this forum or even google that really fits. Please, do remember that I make this because I--myself--am a fan of iOS 7 UI and I thought it'll be cool if I (or any other people) can make it possible on my ACE 2. Now, let's get to the things you'll need.

REQUIREMENTS:
  • Android Phone running 4.0+ Operating System (ICS and above)
  • Yes, other devices (other than Ace II) can use this guide. Different changes might be needed.

THINGS YOU'LL NEED:

[OPTIONAL] ACE 2 CM11 KITKAT ONLY:

STEP-BY-STEP:
Install everything needed!

Fonts? Open ifont and search for Helvetica S, download > install > reboot

1. Launch Nova Launcher Prime and set it as your primary launcher
  • Nova Settings > Select Default Home > Tap "Nova Launcher" > Always
2. Navigate to Nova Settings > Desktop and make these changes below
  • Desktop Grid = 5 x 4 (or you can set it to any number fits best)
  • Width & Height Margins = Small
  • Show Shadow = ✓
  • Scroll Effect = None
  • Wallpaper Scrolling = On
  • Infinite Scroll = ✓ (you can uncheck it if you want)
  • Label Icons = ✓
  • Resize All Widgets = ✓
  • Widget Overlap = ✓
3. Once you're done, go to Dock and make these changes below
  • Enable Dock = ✓
  • Dock Style = ON | For the background, use the Dock Image you downloaded and set the Fill Mode to Fill
  • Dock Icons = 4
  • Width Margin = Small
  • Dock Height = Large
  • Show Scroll Indicator = Uncheck
4. Now on to the Look & Feel, make these changes below
  • Color Theme = It's light blue at default, you can let it be as it is or you can change it to a darker color (if you have darker wallpaper)
  • Icon Theme = Choose Flat Icons OS7
  • Icon Size = 130% - If it's too big for you, set it with the size that fits best
5. (OPTIONAL) Make these changes below ONLY IF you have installed TeslaUnread
  • Unread Counts = ON
  • Position & Size = Top-Left | LARGE
  • Presets = Custom
  • Colors = White - Red (don't set it too bright) - White
  • Corner Radius = 8 (the highest one)
6. (OPTIONAL) If you want a nice iOS 7 Clock Widget, follow steps below
  • Long press anywhere on your Desktop/Homescreen until a pop-up window appear
  • Now, choose Widget > UCCW > choose any size (ex: 2x2)
  • Ios clock (it comes in one package with Flat Icons OS7)
  • Resize it so it'll look good on your homescreen

YOU'RE SET! If you do it right or had no problem while doing it. This will be the result.
Exclude the status-bar.

 
Click image for larger version

Name:	cm11-ios7-hs0.jpg
Views:	283
Size:	38.5 KB
ID:	2533325Click image for larger version

Name:	cm11-ios7-hs1.jpg
Views:	293
Size:	42.9 KB
ID:	2533326

Oh, and a little information. I was currently working on a project and hopefully a custom ROM, but since I'm a newbie, I guess I won't do a free-jump as if I knew much about customizing a ROM. So I'll start with the SystemUI, which is one of the common parts that (from my point of view) people usually mod/customize. You'll know it when it's done. - DONE! With the help of @MR.Volkf in this thread.

If you like this guide, hit the THANKS button!
Attached Thumbnails
Click image for larger version

Name:	dock2.png
Views:	383
Size:	3.3 KB
ID:	2532058   Click image for larger version

Name:	Screenshot_2014-01-22-14-48-12.jpg
Views:	1150
Size:	63.4 KB
ID:	2532074  
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



The Following 10 Users Say Thank You to Nieon. For This Useful Post: [ Click to Expand ]
 
str3tch72
Old
#2  
str3tch72's Avatar
Senior Member
Thanks Meter 463
Posts: 1,889
Join Date: Nov 2012
Location: Lubartów
Waiting for framework :3

🐺 Wysłane z Ace'a II 🐺
Galaxy Ace 2
Carbon
Stock CM Kernel
Xposed + GravityBox
Hard gamer on Android Devices!
I can help You, just PM me

http://img190.imageshack.us/img190/9991/45964.png
 
Nieon.
Old
#3  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
Quote:
Originally Posted by str3tch72 View Post
Waiting for framework :3

�� Wysłane z Ace'a II ��
It's going to be long though ~ thanks for the support
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



The Following 2 Users Say Thank You to Nieon. For This Useful Post: [ Click to Expand ]
 
Nieon.
Old
#4  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
New SS added
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



The Following 2 Users Say Thank You to Nieon. For This Useful Post: [ Click to Expand ]
 
str3tch72
Old
#5  
str3tch72's Avatar
Senior Member
Thanks Meter 463
Posts: 1,889
Join Date: Nov 2012
Location: Lubartów
How to add carrier name on statusbar?

🐺 Wysłane z Ace'a II 🐺
Galaxy Ace 2
Carbon
Stock CM Kernel
Xposed + GravityBox
Hard gamer on Android Devices!
I can help You, just PM me

http://img190.imageshack.us/img190/9991/45964.png
 
Nieon.
Old
#6  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
Quote:
Originally Posted by str3tch72 View Post
How to add carrier name on statusbar?

🐺 Wysłane z Ace'a II 🐺
Haven't tried that, but there's a guide to add it to stockROM JB I still don't know how to enable the carriername on statusbar of CM11 though
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



The Following User Says Thank You to Nieon. For This Useful Post: [ Click to Expand ]
 
hmzh
Old
#7  
hmzh's Avatar
Member
Thanks Meter 7
Posts: 66
Join Date: Jan 2013
Location: damascus
OMG
 
Nieon.
Old
#8  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
Quote:
Originally Posted by hmzh View Post
OMG


Sent from my GT-I8160 using Tapatalk
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



 
Nieon.
Old
#9  
Nieon.'s Avatar
Senior Member - OP
Thanks Meter 31
Posts: 102
Join Date: Jan 2014
Location: Bekasi
Updated (Y)
Galaxy Ace II (GT-I8160) White
ROM: MaclawStudio's CyanogenMod 11 Build 20
OS: Android Kitkat 4.4.2
Tool: TickleMyAndroid (TMA)


Galaxy Infinite (SCH-I759) (CDMA/GSM)
ROM: Stock ROM JB 4.1.2

http://forum.xda-developers.com/signaturepics/sigpic5658614_3.gif
If I have helped you, please hit the THANKS button!



 
D2Y aka E
Old
#10  
D2Y aka E's Avatar
Senior Member
Thanks Meter 22
Posts: 150
Join Date: Feb 2014
Location: muara wahau (borneo)
wow ios

Tags
ace, galaxy, ios, ios 7, ios 7 galaxy ace 2
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes