webOS Nation Forums >  Homebrew >  webOS Patches > Alternative 4x4 Launcher - Larger Icons and Text
Alternative 4x4 Launcher - Larger Icons and Text
  Reply
 
Thread Tools Display Modes
Old 10/12/2009, 11:32 PM   #1 (permalink)
Member
 
Posts: 202
I wanted to have a 4x4 Launcher layout, but wasn't happy with the patches currently available. The icons and text are resized too small for my tastes, especially on the relatively small screen size of the Pre.

I spent a while tweaking the parameters of two launcher files to create a 4x4 launcher layout that keeps the icons the same size as the originals and reduces the font size by only 1 point (from 14px to 13px). It wraps the app title as well.

UPDATE (10/14/2009): I fixed the missing page indicator on the right, and believe to have fixed the down arrow appearing even when a page has no more than 16 icons. Only launcher-assistant.js has changed.

I encourage someone to create a patch based on my 4x4 layout and add it to the Preware patches feed. You're even more than welcome to take credit for the patch.


/usr/lib/luna/system/luna-applauncher/app/controllers/launcher-assistant.js

Code:
--- launcher-assistant.js.orig	Mon Oct 12 21:08:49 2009
+++ launcher-assistant.js	Wed Oct 14 10:15:05 2009
@@ -10,8 +10,8 @@
 	 */
 	kQuickLaunchHeight: 67,
 	
-	kPageIndicatorSpacing: 6, 	/* spacing between each page indicator */
-	kPageMargin: 10, /* 10 pixel margin on each side of a page */
+	kPageIndicatorSpacing: 1, 	/* spacing between each page indicator */
+	kPageMargin: 0, /* 0 pixel margin on each side of a page */
 	kPageWidthNoMargin: NaN,
 	kPageWidth: NaN,
 	kAppsPerRow: NaN,
@@ -89,7 +89,8 @@
 
 		// pre-calculate commonly used measurements
 		this.kPageWidth = $('launcher_root').getWidth();
-		this.kPageWidthNoMargin = (this.kPageWidth - this.kPageMargin * 2);
+		this.kPageWidthNoMargin = (this.kPageWidth - 20);
 		
 		// setup the initial dimensions for launcher/global-search
 		this.adjustLayout();
@@ -322,9 +323,9 @@
 		var newAppDiv = $(newAppInfo.launchPointId);
 		Mojo.assert(newAppDiv !== undefined, "Application (%d) was inserted into the DOM but unable to be retrieved!", newAppInfo.launchPointId);
 		if (isNaN(this.kAppWidth) || isNaN(this.kAppHeight)) {
-			this.kAppWidth = newAppDiv.getWidth();
-			this.kAppHeight = newAppDiv.getHeight();
-			this.kAppsPerRow = Math.round(this.kPageWidthNoMargin / this.kAppWidth);
+			this.kAppWidth = 80;
+			this.kAppHeight = 92;
+			this.kAppsPerRow = 4;
 		}
 		
 		Mojo.listen(newAppDiv, Mojo.Event.tap, this.onAppTapped.bindAsEventListener(this));
@@ -437,8 +438,8 @@
 	/* determines the position of an app element at appIndex within a page */
 	calculateAppPosition: function(appIndex) {
 		return {
-			left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) + this.kPageMargin),
-			top: (Math.floor(appIndex/this.kAppsPerRow) * this.kAppHeight)
+			left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) - 10),
+			top: ((Math.floor(appIndex/this.kAppsPerRow) * this.kAppHeight) - 8)
 		};
 	},

/usr/lib/luna/system/luna-applauncher/stylesheets/launcher.css


Code:
--- launcher.css.orig	Mon Oct 12 21:05:19 2009
+++ launcher.css	Mon Oct 12 21:08:34 2009
@@ -121,16 +121,17 @@
 
 .launcher_page .name {	
 	position:absolute;
-	top: 68px;
-    width:100px;
-	height: 34px;
-	max-height: 34px;
+	top: 62px;
+	left: 11px;
+    width:78px;
+	height: 28px;
+	max-height: 28px;
     clear:both;
-	line-height:16px;
+	line-height:13px;
     color:white;
     text-align:center;
 	font-weight:bold;
-    font-size: 14px;	
+    font-size: 13px;	
 	overflow: hidden;
 	text-overflow: ellipsis;
 	z-index:5;
Attached Images
File Type: png Unknown_2009-12-10_212146.png (229.3 KB, 1325 views) Email Attachment
File Type: png Unknown_2009-12-10_212153.png (226.3 KB, 758 views) Email Attachment
File Type: png Unknown_2009-12-10_212200.png (226.0 KB, 603 views) Email Attachment

Last edited by onlinespending; 10/14/2009 at 12:31 PM.
onlinespending is offline   Reply With Quote
Old 10/12/2009, 11:53 PM   #2 (permalink)
Member
 
Posts: 135
Good job. That looks amazing.
icesalmon is offline   Reply With Quote
Old 10/13/2009, 12:03 AM   #3 (permalink)
Member
 
2sslow's Avatar
 
Posts: 2,182
Quote:
Originally Posted by onlinespending View Post
I wanted to have a 4x4 Launcher layout, but wasn't happy with the patches currently available. The icons and text are resized too small for my tastes, especially on the relatively small screen size of the Pre.

I spent a while tweaking the parameters of two launcher files to create a 4x4 launcher layout that keeps the icons the same size as the originals and reduces the font size by only 1 point (from 14px to 13px). It wraps the app title as well.

I encourage someone to create a patch based on my 4x4 layout and add it to the Preware patches feed. You're even more than welcome to take credit for the patch.


/usr/lib/luna/system/luna-applauncher/app/controllers/launcher-assistant.js

Code:
--- launcher-assistant.js.orig	Mon Oct 12 21:08:49 2009
+++ launcher-assistant.js	Mon Oct 12 21:13:52 2009
@@ -10,8 +10,8 @@
 	 */
 	kQuickLaunchHeight: 67,
 	
-	kPageIndicatorSpacing: 6, 	/* spacing between each page indicator */
-	kPageMargin: 10, /* 10 pixel margin on each side of a page */
+	kPageIndicatorSpacing: 1, 	/* spacing between each page indicator */
+	kPageMargin: 0, /* 0 pixel margin on each side of a page */
 	kPageWidthNoMargin: NaN,
 	kPageWidth: NaN,
 	kAppsPerRow: NaN,
@@ -322,9 +322,9 @@
 		var newAppDiv = $(newAppInfo.launchPointId);
 		Mojo.assert(newAppDiv !== undefined, "Application (%d) was inserted into the DOM but unable to be retrieved!", newAppInfo.launchPointId);
 		if (isNaN(this.kAppWidth) || isNaN(this.kAppHeight)) {
-			this.kAppWidth = newAppDiv.getWidth();
-			this.kAppHeight = newAppDiv.getHeight();
-			this.kAppsPerRow = Math.round(this.kPageWidthNoMargin / this.kAppWidth);
+			this.kAppWidth = 80;
+			this.kAppHeight = 92;
+			this.kAppsPerRow = 4;
 		}
 		
 		Mojo.listen(newAppDiv, Mojo.Event.tap, this.onAppTapped.bindAsEventListener(this));
@@ -437,8 +437,8 @@
 	/* determines the position of an app element at appIndex within a page */
 	calculateAppPosition: function(appIndex) {
 		return {
-			left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) + this.kPageMargin),
-			top: (Math.floor(appIndex/this.kAppsPerRow) * this.kAppHeight)
+			left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) - 10),
+			top: ((Math.floor(appIndex/this.kAppsPerRow) * this.kAppHeight) - 8)
 		};
 	},

/usr/lib/luna/system/luna-applauncher/stylesheets/launcher.css


Code:
--- launcher.css.orig	Mon Oct 12 21:05:19 2009
+++ launcher.css	Mon Oct 12 21:08:34 2009
@@ -121,16 +121,17 @@
 
 .launcher_page .name {	
 	position:absolute;
-	top: 68px;
-    width:100px;
-	height: 34px;
-	max-height: 34px;
+	top: 62px;
+	left: 11px;
+    width:78px;
+	height: 28px;
+	max-height: 28px;
     clear:both;
-	line-height:16px;
+	line-height:13px;
     color:white;
     text-align:center;
 	font-weight:bold;
-    font-size: 14px;	
+    font-size: 13px;	
 	overflow: hidden;
 	text-overflow: ellipsis;
 	z-index:5;


Try pming emoney_33 or rwhitby and see if they will submit this!!!!
__________________
Please hit the thanks button if I helped you

If you've enjoyed my patches please feel free to donate towards further development.

Follow the link below.


2sslow is offline   Reply With Quote
Old 10/13/2009, 12:30 AM   #4 (permalink)
Patch Meister
 
dBsooner's Avatar
 
Posts: 279
Creating a patch for it now. I will get it into the Webos-Patches feed.

P.S. Please post all Patch related threads in the PATCH subforum. Thank you.
__________________
dBsooner
WebOS-Internals Member and Developer
Donations Appreciated!

Keep up to date with webOS-Patches via Twitter: @dBsooner

Browse Patches @ WebOS-Patches Web Portal - (Trac)
Submit New Patches @ WebOS-Patches Web Portal
Submit Updated Patches @ WebOS-Patches Web Portal
dBsooner is offline   Reply With Quote
Old 10/13/2009, 12:33 AM   #5 (permalink)
Member
 
Posts: 202
Quote:
Originally Posted by dBsooner View Post
Creating a patch for it now. I will get it into the Webos-Patches feed.

P.S. Please post all Patch related threads in the PATCH subforum. Thank you.
Thanks! Just noticed the recently new Patch subforum. Mods, please move this to the WebOS Patch forum.

Last edited by onlinespending; 10/13/2009 at 12:42 AM.
onlinespending is offline   Reply With Quote
Old 10/13/2009, 12:37 AM   #6 (permalink)
Member
 
jack87's Avatar
 
Posts: 1,216
Quote:
Originally Posted by onlinespending View Post
Thanks! Just noticed the recently new Patch subforum.
it is official dBsooner is the patch guy here on out.. look he even has a tittle.
__________________
MatterOfFactJack
jack87 is offline   Reply With Quote
Old 10/13/2009, 12:57 AM   #7 (permalink)
Homebrew Developer
 
milominderbinde's Avatar
 
Posts: 4,491
Quote:
Originally Posted by onlinespending View Post
I wanted to have a 4x4 Launcher layout, but wasn't happy with the patches currently available. The icons and text are resized too small for my tastes, especially on the relatively small screen size of the Pre....
Quote:
Originally Posted by dBsooner View Post
Creating a patch for it now. I will get it into the Webos-Patches feed.

P.S. Please post all Patch related threads in the PATCH subforum. Thank you.
@Online - Thank You! I love this layout. I too like 4x4 but hate the tiny font.

@dsooner - Thank you! What is this patch named?

- Craig
__________________
- Milo
Getting StartedRingtonesVideos/MoviesPatches/ThemesMusic Player(Remix)
Battery LifeBackup/SyncingGreat Signal-AiraveiPhone ThemeForum Guidelines
milominderbinde is offline   Reply With Quote
Old 10/13/2009, 01:13 AM   #8 (permalink)
Member
 
dretheace's Avatar
 
Posts: 19
Awesome, I can't wait for this to show up.
dretheace is offline   Reply With Quote
Old 10/13/2009, 01:15 AM   #9 (permalink)
Patch Meister
 
dBsooner's Avatar
 
Posts: 279
Patch has been created and added to the WebOS-Patches feed (hint: Preware). It is titled "4x4 Icons v3" in the App Launcher category.

BTW: This is my default App Launcher size now. Great job!
__________________
dBsooner
WebOS-Internals Member and Developer
Donations Appreciated!

Keep up to date with webOS-Patches via Twitter: @dBsooner

Browse Patches @ WebOS-Patches Web Portal - (Trac)
Submit New Patches @ WebOS-Patches Web Portal
Submit Updated Patches @ WebOS-Patches Web Portal
dBsooner is offline   Reply With Quote
Old 10/13/2009, 01:16 AM   #10 (permalink)
Member
 
TreoRock's Avatar
 
Posts: 3,092
I don't think it is available yet.
__________________
TreoRock is offline   Reply With Quote
Old 10/13/2009, 01:17 AM   #11 (permalink)
Member
 
Posts: 202
Quote:
Originally Posted by dBsooner View Post
Patch has been created and added to the WebOS-Patches feed (hint: Preware). It is titled "4x4 Icons v3" in the App Launcher category.

BTW: This is my default App Launcher size now. Great job!
Thanks! And I am flattered you're already using it.
onlinespending is offline   Reply With Quote
Old 10/13/2009, 01:18 AM   #12 (permalink)
Member
 
jack87's Avatar
 
Posts: 1,216
onlinespending

very well done!
__________________
MatterOfFactJack
jack87 is offline   Reply With Quote
Old 10/13/2009, 01:27 AM   #13 (permalink)
Patch Meister
 
dBsooner's Avatar
 
Posts: 279
Quote:
Originally Posted by TreoRock View Post
I don't think it is available yet.
"Update Feeds". Preware Menu->Update feeds. And remember to REMOVE the old before installing the new.
__________________
dBsooner
WebOS-Internals Member and Developer
Donations Appreciated!

Keep up to date with webOS-Patches via Twitter: @dBsooner

Browse Patches @ WebOS-Patches Web Portal - (Trac)
Submit New Patches @ WebOS-Patches Web Portal
Submit Updated Patches @ WebOS-Patches Web Portal
dBsooner is offline   Reply With Quote
Thanked By: connuh
Old 10/13/2009, 01:36 AM   #14 (permalink)
Member
 
joetemp75's Avatar
 
Posts: 267
i want to thank you guys. i friggin love the community here
joetemp75 is offline   Reply With Quote
Old 10/13/2009, 02:02 AM   #15 (permalink)
Member
 
Freshyz's Avatar
 
Posts: 905
This patch falls in the category of:

'I didn't know I would need this until it became available.'

Big thanks to those responsible!


(and on a side note, when is the 'squarify screen' patch through PW ever going to happen? Hint Hint)
Freshyz is offline   Reply With Quote
Old 10/13/2009, 10:04 AM   #16 (permalink)
Member
 
Posts: 866
this is a great patch. thank you.
ericizzy1 is offline   Reply With Quote
Old 10/13/2009, 10:46 AM   #17 (permalink)
Member
 
Posts: 113
Quote:
Originally Posted by Freshyz View Post
This patch falls in the category of:

'I didn't know I would need this until it became available.'

Big thanks to those responsible!


(and on a side note, when is the 'squarify screen' patch through PW ever going to happen? Hint Hint)
Yes please! The squarify patch is much desired via preware.
Change is offline   Reply With Quote
Old 10/13/2009, 11:01 AM   #18 (permalink)
Patch Meister
 
dBsooner's Avatar
 
Posts: 279
Quote:
Originally Posted by Change View Post
Yes please! The squarify patch is much desired via preware.
Quote:
Originally Posted by Freshyz View Post
(and on a side note, when is the 'squarify screen' patch through PW ever going to happen? Hint Hint)
It will happen when someone steps up as the "maintainer" of the patch. I am too busy with simply maintaining the builds and verifying all is there correctly.

If someone wants to be the maintainer of a patch, or has a link to an updated patch, let me know via PM or email. (Hint: look under my contact details). With the forums so large, it is hard for me to comb through everything finding updated patches when they are buried deep in threads. I am going to make some forum rules later. Just been lazy today.
__________________
dBsooner
WebOS-Internals Member and Developer
Donations Appreciated!

Keep up to date with webOS-Patches via Twitter: @dBsooner

Browse Patches @ WebOS-Patches Web Portal - (Trac)
Submit New Patches @ WebOS-Patches Web Portal
Submit Updated Patches @ WebOS-Patches Web Portal
dBsooner is offline   Reply With Quote
Old 10/13/2009, 11:27 AM   #19 (permalink)
Member
 
Posts: 96
Awesome. I was digging the 4x4 but the small size was bothering me. And then presto! Well done onlinespending.
nethan is offline   Reply With Quote
Old 10/13/2009, 12:10 PM   #20 (permalink)
Member
 
Posts: 113
I have to say, this makes the app launcher so much better with the larger icons. Great job onlinespending!
Change is offline   Reply With Quote
Reply

 

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0