edit-task
Home
Up
Delete
Task Name:
Task Description:
my-app - feature #] - creating a SPLASH SCREEN, and my APP's TILE (static)
TaskGroup ID:
Start Date:
Start Time:
Duration:
Priority:
Status:
To Do
Completed
In Process
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">feature #] # - my splash screen</h1> <h2>step 4 - creating the splash screen</h2> <ol> <li><strong>x] the blank app template already has a splash screen</strong></li> <ol> <li>in this step i am going to customize it to use my own splash screen</li> </ol> <li><strong>x] you need a <span style="background-color: #ffff00;">620x300 image</span> for the "splash screen.png" logo which is displayed when the app is launched</strong></li> <ol> <li>vs has a manifest editor, you can simply use this to pick the image file, this editor opens automaticlly when you open the package manifest file</li> <li>you can also specify the color name or # for the background in the same dialog page. Setting a background color for your splash screen is optional. If you do not specify a color, the splash screen background color defaults to the Tile background color (the color in the Background Color field of the Tile section in the Application UI tab).</li> </ol> <li><strong>x] you need a <span style="background-color: #ffff00;">150x150 image</span> for the "logo.png", "tile icon that is displayed on the <span style="text-decoration: line-through;">desktop</span> start screen</strong></li> <ol> <li>again use the manifest editor page to pick the file</li> <li>this image fills 1 whole square of the start menu Tile that you see on the start screen</li> </ol> <li><strong>] OPTIONALLY you can ADD a <span style="background-color: #ffff00;">310x150 image</span> for the "widelogo.png", "tile icon that is displayed on the <span style="text-decoration: line-through;">desktop</span> start screen</strong></li> <ol> <li>this give your app the option to span 2 squares ( a rectangle), will likely be required when we</li> </ol> <li><strong>] OPTIONALLY you can ADD a <span style="background-color: #ffff00;">30x30 image <span style="background-color: #ffffff;">for the small logo</span></span></strong></li> <ol> <li>] guessing this would center inside the small square app icon, used with a bg color,</li> <li>] the ms app icons for music, video, xbox, appear to be made this way </li> </ol></ol><hr /> <p><strong></strong> </p> <h3><strong>So, in summary ...</strong></h3> <ol> <li><strong>] this is pretty quick, easy and instantly rewarding</strong></li> <ol> <li>of course i didnt have the images in the size i needed, so i hacked up something to look halfway functional for the time being ...</li> </ol></ol> <h3><strong>Things to check out ...</strong></h3> <ol> <li><strong>] there a lots of sample splash screen apps, i think it is the most populated category in the app samples at this some opinions </strong></li> <ol> <li>] check out the guidelines as well</li> </ol> <li><strong>] basic splash screen setup how to</strong></li> <ol> <li><a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465346.aspx">http://msdn.microsoft.com/en-us/library/windows/apps/hh465346.aspx</a></li> </ol> <li><strong>ms guidels 101 recomendations for your splash screen</strong></li> <ol> <li><a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465338.aspx">http://msdn.microsoft.com/en-us/library/windows/apps/hh465338.aspx</a> </li> </ol> <li><strong>sample app, 1 of many </strong></li> <ol> <li><a href="http://code.msdn.microsoft.com/windowsapps/Splash-screen-sample-89c1dc78">http://code.msdn.microsoft.com/windowsapps/Splash-screen-sample-89c1dc78</a></li> </ol> <li>not sure</li> <ol> <li><a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh986964.aspx">http://msdn.microsoft.com/en-us/library/windows/apps/hh986964.aspx</a> </li> </ol></ol> <h3><strong>Notes </strong>/ Tips / micellaney :</h3> <ol> <li>]</li> <ol> <li>]</li> </ol></ol> <h3><strong>Time invested : </strong></h3> <ol> <li>lets call it 1 tomato for a q&d implementation</li> <ol> <li>and then ADD whatever you need for your images</li> </ol></ol> <h3><strong>Stay tuned for ..</strong></h3> <ol> <li>step 5 - my app feature #] menu</li> <ol> <li>]</li> </ol></ol> <p> </p> <p> </p>