Hoe u uw eigen Windows 10-app maakt met App Studio

Pictogram voor leestijd 4 minuut. lezen


Lezers helpen MSpoweruser ondersteunen. We kunnen een commissie krijgen als u via onze links koopt. Tooltip-pictogram

Lees onze openbaarmakingspagina om erachter te komen hoe u MSPoweruser kunt helpen het redactieteam te ondersteunen Lees meer

app aanmaken

Eerder vandaag maakte Microsoft bekend dat ontwikkelaars nu kunnen beginnen met het indienen van hun apps bij de nieuwe Windows Store. Als je een Windows 10-gebruiker bent en een app voor eigen gebruik wilt maken, is er een geweldige tool waarmee je vrij eenvoudig een app voor Windows 10 kunt maken - en dat is App Studio.

Hoe de app te maken

Een app maken met App Studio is vrij eenvoudig. Hier is hoe het te doen:

  • Ga naar de website van App Studio en log in met uw Microsoft-account
  • Daarna wordt u doorgestuurd naar het dashboard
  • Klik op het gedeelte "Windows 10" in het tweede navigatieblok
  • Kies daarna in het gedeelte Inhoudssjablonen de optie Lege app of Mijn app W10
  • Vervolgens wordt u gevraagd om de app een naam te geven - typ gewoon de naam van uw app in en klik op "Begin met deze!"
  • Daarna wordt u naar het dashboard voor het maken van apps genavigeerd waar u de app gaat maken
  • In het gedeelte Inhoud kunt u de "echte" inhoud aan uw app toevoegen - u kunt RSS-feeds, HTML, Facebook-feed, Twitter-feed, enz. toevoegen.
  • In ons voorbeeld gebruiken we RSS, dus ga je gang en klik op RSS
  • Vervolgens wordt u gevraagd om de RSS-feed een naam te geven, dus gebruik gewoon een naam die u wilt en klik op Bevestigen
  • Om te bewerken hoe de RSS-sectie eruitziet, klikt u op Bewerken en kunt u daar wijzigingen aanbrengen.
  • Om het uiterlijk van de app te wijzigen, klikt u op het gedeelte Thema's en daar kunt u de meeste elementen van de app aanpassen
  • Met de tool kun je ook de Live Tile voor je app aanpassen. Ga daarvoor naar het gedeelte Live Tile
  • Nadat je in het gedeelte Live Tile bent, kun je kiezen tussen de drie verschillende live tile-sjablonen en ze zien er allemaal best goed uit. Kies dus de gewenste sjabloon.
  • Ga vervolgens naar het gedeelte Instellingen waar u zaken als de app-naam, taal, beschrijving, advertenties inschakelen, enz. kunt wijzigen.
  • Nadat u klaar bent met het aanpassen van de app en u er tevreden mee bent, klikt u op Voltooien
  • Vervolgens wordt u doorgestuurd naar een pagina waar u een goed voorbeeld krijgt van hoe de app eruit zal zien op een telefoon, tablet en desktop
  • Als je er niet tevreden mee bent, kun je teruggaan om het te bewerken. Maar als je er tevreden mee bent, klik dan op Genereer om de app te maken
  • Wacht tot het de app genereert (het kan even duren, dus wees geduldig)
  • Nadat het genereren van de app is voltooid, wordt u doorgestuurd naar de pagina Gneeration Detial waar u het app-pakket kunt downloaden of de broncode van de app kunt downloaden om nog verder te gaan - maar dat gaan we niet doen, dus download gewoon de App-pakket
  • Na het downloaden van het app-pakket, pak het uit en open de uitgepakte map
  • Klik vervolgens met de rechtermuisknop op het Add-AppDevPackage bestand en klik op Uitvoeren met Powershell en volg de instructies op het scherm
  • Houd er rekening mee dat u de ontwikkelaarsmodus moet inschakelen door naar Instellingen> Updates en beveiliging> Voor ontwikkelaars . te gaan
  • Nadat je de instructies op het scherm hebt gevolgd, kun je je app openen

Zien? Het is zo makkelijk. Hier zijn de screenshots van hoe we de app hebben gemaakt:

[gallerize hoogte=”400″]
Screenshot (112)

Screenshot (113)

Screenshot (114) Screenshot (115) Screenshot (116) Screenshot (117) Screenshot (118) Screenshot (119) Screenshot (120) Screenshot (121) Screenshot (122) Screenshot (123)
Screenshot (124)

Screenshot (126)

Screenshot (127)

Screenshot (128)

Screenshot (129)

Screenshot (130)

Screenshot (131)

Screenshot (132)

Screenshot (133)
Screenshot (134)

Screenshot (135)

Screenshot (136)

Screenshot (137)

Screenshot (138)

Screenshot (139)

Screenshot (140)

Screenshot (141)

Screenshot (142)

Screenshot (143)

Screenshot (144)

Screenshot (145)

Screenshot (147)

Screenshot (149)

Screenshot (148)

[/galerij]

Zoals je kunt zien aan de hand van enkele van de bovenstaande schermafbeeldingen, zien de apps die in App Studio zijn gemaakt er inderdaad best goed uit. Als je nog een stap verder wilt gaan, kun je met App Studio ook de broncode van de app downloaden die je met Visual Studio kunt verbeteren.

Wat vind je van App Studio? Bespreek in de commentaarsectie hieronder.

Meer over de onderwerpen: App Studio, microsoft, Tutorials, Windows 10

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *