Creating Themes With Dreamboard

**isma87** · 03-22-2011, 12:22 AM

Same here lol gn

**falcon212** · 03-22-2011, 03:24 AM

Panorama Wallpaper for DreamBoard

not exactly panorama, the wallpaper is continues on each page rather than what the real panorama in android phone does, but it'll do for now.

Here some guidance

- FrameHeight 640 for iPhone4 and (480 for legacy device? im not sure)
- FrameWidth depends on how many pages is your springboard, mine is 5 pages (included page0), each page is 320px - so the wallpaper width 5x320 = 1600px BUT since the beginning and the end of the sprinboard will bounce when u scroll, we have to add extra 320px (to remove black background bounce) so the width wallpaper for 5 pages spingboard is (5x320)+320=1920px and so on
- To eliminate black background when it bounce FrameX has to start at -150 (minus 150)

<dict>
<key>FrameHeight</key>
<integer>640</integer>
<key>FrameWidth</key>
<integer>1920</integer>
<key>FrameX</key>
<integer>-150</integer>
<key>FrameY</key>
<integer>0</integer>
<key>Image</key>
<string>/DreamBoard/Endroid/Images/BG.png</string>
<key>ViewType</key>
<string>ImageView</string>
</dict>

Go play around with it

here's sample of 5 pages springboard wallpaper (should be working for lesser pages)

**PathKiller29** · 03-22-2011, 08:17 AM

Originally Posted by PhanaticD

i just figured out a hack for making menu structure

i will post tomrow, its 2:20 in the morning >.<

I'd like to see this, can u post now?
I'm just using loads of app grids...

**PhanaticD** · 03-22-2011, 12:24 PM

Well im bout to go to my next class (im in college) so after that im done for today and ill post it

**CaptainChaos** · 03-22-2011, 01:29 PM

This looks like themeing for Android. Maybe I should start here instead and get a head start on it.

**PhanaticD** · 03-22-2011, 03:16 PM

ok here the basic setup for making menus

This is the home button on my ubuntu theme. it actually consists of two buttons. normally i would just use one button with a toggle, like the endroid all apps button, but with multiple menu choices like in my theme i need to have it disappear if i tap something else, which will not happen with a toggle

Code:

		<dict>
			<key>Actions</key>
			<array>
				<string>show HomeMenuBG</string>
				<string>setx home1 400 NO</string>
			</array>
			<key>FrameHeight</key>
			<integer>65</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>0</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/Images/Home.png</string>
			<key>Toggled</key>
			<true/>
			<key>ToggledInteraction</key>
			<true/>
			<key>ViewType</key>
			<string>Button</string>
			<key>id</key>
			<string>home1</string>
		</dict>
<dict>
			<key>Actions</key>
			<array>
				<string>hide HomeMenuBG</string>
				<string>setx home1 290 NO</string>
			</array>
			
			<key>FrameHeight</key>
			<integer>65</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>0</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/Images/Home.png</string>
			<key>Toggled</key>
			<true/>
			<key>ToggledInteraction</key>
			<true/>
			<key>ViewType</key>
			<string>Button</string>
			<key>id</key>
			<string>home2</string>
		</dict>

ok this is how this works, i have two buttons right. the top button shows the menu, then moves out the way so the bottom button (which hides the menu) is tappable. (since the topmost view blocks ones below it) and then when i tap the bottom button to hide the menu, it moves the upper button back into place. that way next time i tap that area it will show the menu. this is useful because i can use the move command whether or not it is in place or not to make sure it goes back to its original position, therefore hiding the HomeMenu no matter what.

this is a secondary test button, which will be another menu that id tap, it hides the HomeMenu whether it is open or not. of course if its not open then nothing even happens.

Code:

<dict>
			<key>Actions</key>
			<array>
				<string>hide HomeMenuBG</string>
				<string>setx home1 290 NO</string>
			</array>
			<key>FrameHeight</key>
			<integer>30</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>90</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/red.png</string>
			<key>ViewType</key>
			<string>Button</string>
		</dict>

all i need to add is more actions for other menus and such, right now it only hides the HomeMenu

**TheWarlu** · 03-22-2011, 03:31 PM

Nice work... see "hide" can be usefull :-)

Care to post some screenshot?

**PhanaticD** · 03-22-2011, 03:43 PM

i actually just did

**TheWarlu** · 03-22-2011, 03:58 PM

Thx :-)
It's a good idea, I'll have to play with that. I'm working on a menu system myself

**PhanaticD** · 03-22-2011, 06:27 PM

i just talked to wyndwarrior, these are the only actions so far

**thefinga** · 03-22-2011, 07:10 PM

Originally Posted by PhanaticD

ok here the basic setup for making menus

This is the home button on my ubuntu theme. it actually consists of two buttons. normally i would just use one button with a toggle, like the endroid all apps button, but with multiple menu choices like in my theme i need to have it disappear if i tap something else, which will not happen with a toggle

Code:

		<dict>
			<key>Actions</key>
			<array>
				<string>show HomeMenuBG</string>
				<string>setx home1 400 NO</string>
			</array>
			<key>FrameHeight</key>
			<integer>65</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>0</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/Images/Home.png</string>
			<key>Toggled</key>
			<true/>
			<key>ToggledInteraction</key>
			<true/>
			<key>ViewType</key>
			<string>Button</string>
			<key>id</key>
			<string>home1</string>
		</dict>
<dict>
			<key>Actions</key>
			<array>
				<string>hide HomeMenuBG</string>
				<string>setx home1 290 NO</string>
			</array>
			
			<key>FrameHeight</key>
			<integer>65</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>0</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/Images/Home.png</string>
			<key>Toggled</key>
			<true/>
			<key>ToggledInteraction</key>
			<true/>
			<key>ViewType</key>
			<string>Button</string>
			<key>id</key>
			<string>home2</string>
		</dict>

ok this is how this works, i have two buttons right. the top button shows the menu, then moves out the way so the bottom button (which hides the menu) is tappable. (since the topmost view blocks ones below it) and then when i tap the bottom button to hide the menu, it moves the upper button back into place. that way next time i tap that area it will show the menu. this is useful because i can use the move command whether or not it is in place or not to make sure it goes back to its original position, therefore hiding the HomeMenu no matter what.

this is a secondary test button, which will be another menu that id tap, it hides the HomeMenu whether it is open or not. of course if its not open then nothing even happens.

Code:

<dict>
			<key>Actions</key>
			<array>
				<string>hide HomeMenuBG</string>
				<string>setx home1 290 NO</string>
			</array>
			<key>FrameHeight</key>
			<integer>30</integer>
			<key>FrameWidth</key>
			<integer>30</integer>
			<key>FrameX</key>
			<integer>290</integer>
			<key>FrameY</key>
			<integer>90</integer>
			<key>Image</key>
			<string>/DreamBoard/Ubuntu/red.png</string>
			<key>ViewType</key>
			<string>Button</string>
		</dict>

all i need to add is more actions for other menus and such, right now it only hides the HomeMenu

Thanks Phanatic!! I created a whole menu system using your first idea above, and it works great!! I'm able to push a menu button (home) and it hides all other menu buttons (including home) and show "home2", and when "home2" is pressed it closes that menu and shows all other menu buttons again.

I've been working on this all day and your idea was perfect!!

EDIT
my code (if anyone is interested):

<dict>
<key>Actions</key>
<array>
<string>toggle appGrid</string>
<string>toggle gridBG</string>
<string>toggle gridOverlay</string>
<string>sety MediaButton 550 NO</string>
<string>sety HomeButton 550 NO</string>
<string>sety GamesButton 550 NO</string>
<string>sety AppsButton 550 NO</string>
<string>sety ToolsButton 550 NO</string>
<string>sety AppsButton2 417 NO</string>
</array>
<key>FrameHeight</key>
<integer>59</integer>
<key>FrameWidth</key>
<integer>59</integer>
<key>FrameX</key>
<integer>256</integer>
<key>FrameY</key>
<integer>417</integer>
<key>Image</key>
<string>/DreamBoard/P9/Images/Apps/Apps.png</string>
<key>ViewType</key>
<string>Button</string>
<key>id</key>
<string>AppsButton</string>
</dict>
<dict>
<key>Actions</key>
<array>
<string>toggle appGrid</string>
<string>toggle gridBG</string>
<string>toggle gridOverlay</string>
<string>sety HomeButton 417 NO</string>
<string>sety GamesButton 417 NO</string>
<string>sety AppsButton 417 NO</string>
<string>sety MediaButton 417 NO</string>
<string>sety ToolsButton 417 NO</string>
<string>sety AppsButton2 550 NO</string>
</array>
<key>FrameHeight</key>
<integer>59</integer>
<key>FrameWidth</key>
<integer>59</integer>
<key>FrameX</key>
<integer>130</integer>
<key>FrameY</key>
<integer>550</integer>
<key>Image</key>
<string>/DreamBoard/P9/Images/Apps/Apps2.png</string>
<key>ViewType</key>
<string>Button</string>
<key>id</key>
<string>AppsButton2</string>
</dict>

**falcon212** · 03-22-2011, 08:42 PM

I'm trying to make games folder horizontal scrollable, but it seems to always stick in one page

**PhanaticD** · 03-22-2011, 09:29 PM

can u post ur code for the view?

**2k1** · 03-22-2011, 10:36 PM

Do y'all know what wad cause dreamboard to not have a background but icons are there?

**PhanaticD** · 03-22-2011, 10:47 PM

a syntax error

**falcon212** · 03-22-2011, 11:17 PM

Finally managed to make custom folder for games (any folder actually)

The folder (put this code along with all the icons) - the page is depend

<dict>
<key>Actions</key>
<array>
<string>toggle gameGrid</string>
<string>toggle gameGridBG</string>
<string>toggle gameGridOverlay</string>
</array>
<key>FrameHeight</key>
<integer>85</integer>
<key>FrameWidth</key>
<integer>65</integer>
<key>FrameX</key>
<integer>1208</integer>
<key>FrameY</key>
<integer>125</integer>
<key>Image</key>
<string>/DreamBoard/Endroid/Images/Apps/[email protected]</string>
<key>ViewType</key>
<string>Button</string>
</dict>

<dict>
<key>AllApps</key>
<false/>
<key>Apps</key>
<array>
<string>se.illusionlabs.labyrinth2</string>
<string>com.donutgames.trafficrush</string>
<string>com.popcap.bejeweled2</string>
<string>com.clickgamer.AngryBirds</string>
<string>com.chillingo.cuttherope</string>
<string>com.dingogames.tastyplanet1iphone</string>
<string>com.naturalmotion.j3n64</string>
<string>jp.co.ponos.mrspace</string>
<string>com.Halfbrick.Fruit</string>
<string>jp.co.cave.daifukkatsu</string>
<string>com.ea.tetris</string>
<string>com.appular.pushpanic</string>
<string>jp.co.capcom.sf4us</string>
<string>com.donutgames.catphysics</string>
<string>com.leftover.CookieDozer</string>
<string>com.bluecarrotgames.axeinface</string>
<string>com.popcap.PvZ</string>
<string>com.neonplay.paperglider</string>
</array>
<key>Alpha</key>
<real>0.0</real>
<key>ClipToBounds</key>
<true/>
<key>Cols</key>
<integer>4</integer>
<key>FrameHeight</key>
<integer>400</integer>
<key>FrameWidth</key>
<integer>310</integer>
<key>FrameX</key>
<integer>10</integer>
<key>FrameY</key>
<integer>70</integer>
<key>GapX</key>
<integer>77</integer>
<key>GapY</key>
<integer>85</integer>
<key>IconHeight</key>
<integer>85</integer>
<key>IconWidth</key>
<integer>65</integer>
<key>PageHeight</key>
<integer>340</integer>
<key>PageWidth</key>
<integer>310</integer>
<key>Rows</key>
<integer>4</integer>
<key>Toggled</key>
<false/>
<key>ToggledInteraction</key>
<true/>
<key>UserInteraction</key>
<false/>
<key>ViewType</key>
<string>AppGrid</string>
<key>id</key>
<string>gameGrid</string>
</dict>

To hide the game grid, I put toggle action "hide gameGrid" on the widget button

<dict>
<key>Actions</key>
<array>
<string>toggle law</string>
<string>hide gameGridBG</string>
<string>hide gameGridOverlay</string>
<string>hide gameGrid</string>
<string>hide closeGamefolder</string>
</array>
<key>FrameHeight</key>
<integer>36</integer>
<key>FrameWidth</key>
<integer>73</integer>
<key>FrameX</key>
<integer>238</integer>
<key>FrameY</key>
<integer>445</integer>
<key>Image</key>
<string>/DreamBoard/Endroid/Images/Apps/Widgets.png</string>
<key>ViewType</key>
<string>Button</string>
</dict>

short video in action

[ame=http://www.youtube.com/watch?v=P3hz1xQditg]YouTube - Android OS on iPhone (Endroid Dreamboard)[/ame]

**PhanaticD** · 03-22-2011, 11:50 PM

nice

but i hope ur gonna change it off the widget button haha

**2k1** · 03-23-2011, 12:16 AM

Originally Posted by PhanaticD

a syntax error

How can I fix that or Is there a fix?

**PhanaticD** · 03-23-2011, 12:26 AM

Thats just means u didnt type it correctly. If u want ppl to help more accurately u gotta give me more than "its not working"

**2k1** · 03-23-2011, 12:32 AM

Phanatic if ya talking to me I downloaded a whole theme and unzipped in endroid folder and this happened... It's from the Forum Jesse made

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.

Thread: Creating Themes With Dreamboard

iPhone 4|4S New Skins / Themes Launches

New Skins / Themes Launches

Same here lol gn

The Following User Says Thank You to falcon212 For This Useful Post:

The Following 4 Users Say Thank You to PhanaticD For This Useful Post: