Sunday, January 27, 2013

Ubuntu Theme for Android - Full Tutorial

Are you a fan of Ubuntu OS? Then you must've heard that Ubuntu is coming to Android. But there's still a long time before you'll actually get your hands on it. And even then, it might be very complicated and difficult to setup. Want a quick fix? Here's Ubuntu theme for Android devices. Bring the looks of Ubuntu OS to your Android device using these stunning Ubuntu UCCW Skins.






== INSTRUCTIONS ==
To use this skin, you have to install, apply and edit/assign hotspots to the skin.

Install
  1. You must have the latest version of Ultimate custom widget (UCCW) installed.
  2. Download the Flips UCCW Theme app from Google Play Store or Amazon App Store.
  3. If you downloaded the skin app from Amazon app Store and followed on-screen install instructions, you can jump to apply section below.
  4. If you downloaded the skin app from play store, launch it from app drawer and tap "Install Skin" button in the app.
  5. If your device is running anything below KitKat, it will ask you whether you want to replace the app. This step is replacing the skin installer with the actual skin. Tap "Ok" here. OR
  6. If you are using a KitKat device, it will ask whether you want to update the existing app.
  7. Tap "Install". When that finishes, tap "Done". Skin pack is now installed.

Apply
You must have the latest version of Ultimate custom widget (UCCW) app installed.
Recommendation - Use Apex or Nova launcher. Grid size 8x5. Five screens. Horizontal (width) and Vertical (height) margin = None. Disable icon labeling. Dock as overlay and hidden. Notification bar hidden.

Enable widget overlap. Go to Nova settings > Desktop > Advanced and make sure "Widget overlap" is enabled. On Apex launcher, go to Apex settings > Advanced settings > Widget settings and make sure "Overlapping widgets" is enabled. If you want the same wallpaper, mail me.

On Galaxy S3, Nexus 4 etc high resolution devices - try different combinations of Horizontal (width) and Vertical (height) margins. (i.e. none+small, small+small etc.) and enable the dock.

Screen 1
  1. Place a UCCW widget of 5x2 size at the top of the first screen. You can do so by dragging the widget from app drawer or by long pressing homescreen to pull up widget menu.
  2. This will open the skins list. Skins will show up ONLY HERE.
  3. Tap on "Ubuntu2-Home" skin and it'll be applied to the widget.
  4. Place 10 frequently used app icons below this.
  5. Place two more 5x2 size uccw skins on the first screen. Skins are Ubuntu2-Calendar, Ubuntu2-Notification.
  6. Screen 1 is now complete.
Screen 2
  1. Place a UCCW widget of 5x2 size at the top of the first screen. Skin name is "Ubuntu2-Social".
  2. Place 10 social app icons below this.
  3. Place a 5x1 size uccw skin here now. Skin name "Ubuntu2-Contacts".
  4. Long press > Widgets > Contacts > Select the contact. Resize the widget to 1x1 size. Place 10 contacts in this way.
  5. Screen 2 is now complete.
Screen 3
  1. Place a UCCW widget of 5x2 size at the top of the first screen. Skin name is "Ubuntu2-Entertain".
  2. Place 10 game icons below this.
  3. Place a 5x1 size uccw skin here now. Skin name "Ubuntu2-Video".
  4. Long press > Widgets > YouTube. Resize the widget to fill remaining part of screen.
  5. Screen 3 is now complete.
Screen 4 (left below)
  1. Place a UCCW widget of 5x2 size at the top of the first screen. Skin name is "Ubuntu2-Media".
  2. Long press > Widgets > Photo Gallery > Choose an Album. Resize the widget to 5x1.
  3. Place a 5x1 size uccw skin here now. Skin name "Ubuntu2-Music".
  4. Long press > Widgets > PowerAmp > PowerAmp 4x2. Set opacity to 0 and tap done. Resize the widget to fill remaining part of screen.
  5. Screen 4 is now complete.

Screen 5 (Right above)
  1. Place 8 app icons at the left most column of screen 5.
  2. Place two 1x4 size skins there. Skin is Ubuntu2-Sidebar.
  3. Make sure "widget overlap" is enabled in the Launcher settings > Advanced settings.
  4. Resize both widgets in such a way that they are overlapping with 4 icons each.
  5. Long press the widgets and tap "Send to back".
  6. Place a "Minimal reader" widget in the remaining space on the screen. Long press > Widgets > Minimal Reader > MRP Scroll. Tap menu in the widget. Select your reading list; go to options; set widget background and header to transparent. Tap "Update widget"
  7. Screen 5 is now complete.
If there's gap between the two sidebars, do this -
Go to Nova Settings > Dock. Make sure "Enable Dock" is checked and "Dock as overlay" is unchecked under Advanced. Make sure "Dock Pages" has value 3 or more. Also note the "Dock height" value from here. (Apex should also have similar settings.)

Now, go back to the homescreen. You'll now have a dock. (i.e. the bar at the bottom which contains phone, msg, app drawer etc icons generally). Swipe the dock left or right. You'll get to an empty dock page. This being transparent, you won't see the dock now. Having this dock enabled should close the gap between the nav bars. IF there are still gaps, change the value of the Dock height. You can also change Nova settings > Desktop > Height Margin at this point to see which one fits best.

Lockscreen
  1. Open WidgetLocker Lockscreen app. Tap menu > Look & Feel > Layout. Set 8 rows, 5 colums.
  2. Came pressing back till you come out of menus. Long press > Widgets > UCCW > 5x2 > Ubuntu2-Weather. Resize it appropriately.
  3. Similarly place "Nexus 4 Digital 2" skin at the top of the lockscreen.
  4. Lockscreen is now complete.

Here's a video of the entire theme setup process -

Edit -
  1. After applying the skin as mentioned above, launch UCCW app itself. Tap Menu, tap "hotspot mode" and tap 'OFF'. UCCW will exit.
  2. Now tap anywhere on the uccw widget. It'll open in uccw edit window.
  3. Scroll through the components in the bottom half of the screen. Assign apps to hotspots in this window. This IS a MUST.
  4. You can change color, format etc too (optional) in this window.
  5. When done, tap Menu, tap "hotspot mode" and tap 'ON'. UCCW will exit.
  6. Your changes will now be applied to the widget.

This is how it looks after the entire setup is done -

Other apps I used in this theme -
UCCW, MIcons icons, Minimal Reader, WidgetLocker.

Want some more of Ubuntu theme? Check this alternate Ubuntu theme out -


And this is how it looks when you put both these versions together -




Related Posts with Thumbnails