8/12/2019 Windows 8 Store App
1/41
WINDOWS 8 STORE APP
By
GOPI KRISHNA M,
MICROSOFT STUDE
MASTER OF COMPU
PAAVAI ENGINEERI
8/12/2019 Windows 8 Store App
2/41
INTRODUCTION
Microsoft Vis!" St#io is !$ i$t%&r!t%# #%'%"o()%$t %$'iro$)%$t*IDE+ fro) Microsoft.
It is s%# to #%'%"o( co)(t%r (ro&r!)s for Microsoft i$#o-s s(%rf!)i"y of o(%r!ti$&
syst%)s, !s -%"" !s -% sit%s, -% !(("ic!tio$s !$# -% s%r'ic%s.
T/% i$t%&r!t%# #%&&%r -or0s ot/ !s ! sorc%1"%'%" #%&&%r !$# ! )!c/i$%1"%'%"
#%&&%r.
Vis!" St#io s((orts #iff%r%$t (ro&r!))i$& "!$&!&%s !$# !""o-s t/% co#% %#itor !$#
#%&&%r to s((ort *to '!ryi$& #%&r%%s+ $%!r"y !$y (ro&r!))i$& "!$&!&%, (ro'i#%# !
"!$&!&%1s(%cific s%r'ic% %2ists.
Bi"t1i$ "!$&!&%s i$c"#% C, C33 !$# C334CLI *'i! Vis!" C33+, VB.NET *'i!Vis!" B!si
.NET+, C5 *'i! Vis!" C5+, !$# F5 *!s of Vis!" St#io 6787+. S((ort for ot/%r "!$&!&%s
sc/ !s M, Pyt/o$, !$# Ry !)o$& ot/%rs is !'!i"!"% 'i! "!$&!&% s%r'ic%s i$st!""%#
s%(!r!t%"y.
8/12/2019 Windows 8 Store App
3/41
TO CREATE A NE PRO9ECT
Start Visual Studio 2013.
On the Fi"%menu, select N%-, then select Pro:%ct.
In the N%- Pro:%ctindo, on the le!t side, na"i#ate to I$st!""%#, then to T%)("!t%s.
I! $a"aScri%t is &our selected de!ault lan#ua#e.
9!'!Scri(t, then to Stor% A((, Uni"ersal a%% and select Gri# A((
In the N!)%;!ield at the 'ottom, enter the name o! &our a%%. (or the %ur%oses o! this la', enter
)(irst *%%+.
Veri!& that the Cr%!t% #ir%ctory for so"tio$'o is chec-ed, and clic- OKto create the %roec
I! &ou do not alread& ha"e a de"elo%er license installed on &our com%uter, Visual Studio ill
%rom%t &ou to si#n u% !or one. (ollo the ste%s to si#n u% !or a de"elo%er license. /ou ill nee
a icroso!t account to o'tain a de"elo%er license.
ill need a icroso!t account to o'tain a de"elo%er license.
8/12/2019 Windows 8 Store App
4/41
8/12/2019 Windows 8 Store App
5/41
CODE EDITOR INDO
8/12/2019 Windows 8 Store App
6/41
CONTENT CHANGING HERE
8/12/2019 Windows 8 Store App
7/41
SPALSH SCREEN
8/12/2019 Windows 8 Store App
8/41
GRID VIE INDO
8/12/2019 Windows 8 Store App
9/41
LIST VIE INDO
8/12/2019 Windows 8 Store App
10/41
IMAGE ADD IN THE APP PAGE
o To Solution %lore in e!t Side.
To Select The Ima#e (older to Ri#ht Clic- .
Select *dd45 istin# S&stem The Choose Ur Ima#e
Same ethod To *dd Used *ll Ima#es.
To Use The Ima#e in ur *%%
Select us 6hase To Introduce One "aria'le to Use or Directl& ur %laced in the ima#e %ath
!or am%le Var a7)ima#es8ima#e.%#+9 :or;
{ group: sampleGroups[0], ttle: !"a#upul $lo%er !, su&ttle: !!, #es'rpto(: aa,
'o(te(t: a, &a')grou(#Image: !mages*)a#upul +lo%er-pg! .,/or
&a')grou(#Image: 1a23
8/12/2019 Windows 8 Store App
11/41
SEARCH
*DD T
8/12/2019 Windows 8 Store App
12/41
8/12/2019 Windows 8 Store App
13/41
8/12/2019 Windows 8 Store App
14/41
ABOUTUS
*dd the !older in the %a#e
TO C IT45html
!ile to sa"e a'outus.html.
One
8/12/2019 Windows 8 Store App
15/41
8/12/2019 Windows 8 Store App
16/41
CONTACTUS
*dd The (older In The 6a#e
TO C
8/12/2019 Windows 8 Store App
17/41
8/12/2019 Windows 8 Store App
18/41
PRIVAC< POLIC8728?7
8/12/2019 Windows 8 Store App
26/41
S@UARE LOGO SI=E 8?728?7
8/12/2019 Windows 8 Store App
27/41
SMALL S@UARE LOGO SI=E >7>7
8/12/2019 Windows 8 Store App
28/41
STORE LOGO SI=E ?7?7
8/12/2019 Windows 8 Store App
29/41
4REATE PA4"AGE
$rst 5o#e s 46a(ge
TO Sele't T6e 7r App Name I( soluto( Eplorer to rg6t 'l')
To sele't t6e store
Rg6t 'l') o( ur Pro-e't Name to Sele't t6e Stor9'reateApp pa')age
8/12/2019 Windows 8 Store App
30/41
8/12/2019 Windows 8 Store App
31/41
8/12/2019 Windows 8 Store App
32/41
8/12/2019 Windows 8 Store App
33/41
8/12/2019 Windows 8 Store App
34/41
8/12/2019 Windows 8 Store App
35/41
8/12/2019 Windows 8 Store App
36/41
8/12/2019 Windows 8 Store App
37/41
8/12/2019 Windows 8 Store App
38/41
8/12/2019 Windows 8 Store App
39/41
M< STORE APPS
8/12/2019 Windows 8 Store App
40/41
8/12/2019 Windows 8 Store App
41/41