Share
Waarschuwingen zijn een vooraf gedefinieerde systeemmethode om informatie aan de gebruiker te tonen, ze worden vaak gebruikt om korte berichten weer te geven en kunnen een of meerdere opties bevatten om een actie achteraf te bepalen. In deze zelfstudie zullen we ontdekken hoe deze waarschuwingen kunnen worden geïmplementeerd. U leert ook hoe u basisknoppen maakt en een URL opent in Safari. Blijf lezen!
De Corona gebruiken inheems klasse en de showAlert () We geven een aangepaste melding weer met een eenvoudige knop op het podium.
Het eerste dat u hoeft te doen, is het platform selecteren waarop u uw app wilt uitvoeren, op deze manier kunt u de grootte kiezen voor de afbeeldingen die u wilt gebruiken.
Het iOS-platform heeft deze kenmerken:
Omdat Android een open platform is, zijn er veel verschillende apparaten en resoluties. Een paar van de meest voorkomende schermkenmerken zijn:
In deze zelfstudie concentreren we ons op het iOS-platform, dat zich specifiek ontwikkelt voor distributie naar een iPhone / iPod touch.
We zullen een basisinterface maken met een knop die een melding zal geven als deze wordt ingedrukt. De naam van de waarschuwingstitel, het bericht en de knoppen worden in de code gedefinieerd.
Afhankelijk van het apparaat dat u hebt geselecteerd, moet u de afbeeldingen in de aanbevolen PPI exporteren, u kunt dit doen in uw favoriete foto-editor.
Ik gebruikte de Grootte aanpassen ... functie in de Preview-app in Mac OS X.
Vergeet niet om de afbeeldingen een beschrijvende naam te geven en deze in uw projectmap op te slaan.
Tijd om onze applicatie te schrijven!
Open de gewenste Lua-editor (elke teksteditor werkt, maar u hoeft geen syntax te markeren) en bereid u voor op het schrijven van uw geweldige app.
Eerst verbergen we de statusbalk, dit is de balk bovenaan het scherm met de tijd, het signaal en andere indicatoren.
display.setStatusBar (display.HiddenStatusBar)
Nu voegen we de achtergrond van de app toe.
Accentsconagua
lokale achtergrond = display.newImage ("background.png") Deze regel maakt de lokale variabele achtergrond en gebruikt de tonen API om de opgegeven afbeelding aan het werkgebied toe te voegen. Standaard wordt de afbeelding toegevoegd aan 0,0 met de linkerbovenhoek als referentiepunt.
Herhaal het proces met de knopafbeelding en plaats deze in het midden van het werkgebied. De knopfunctie wordt later in de code gemaakt.
local alertButton = display.newImage ("alertButton.png") alertButton: setReferencePoint (display.CenterReferencePoint) alertButton.x = 160 alertButton.y = 240 Wanneer de gebruiker op een van de optieknoppen in Alert a klikt geklikt evenement is niet beschikbaar, we moeten controleren op de inhoudsopgave van de geklikte knop om te weten welke optie is geselecteerd. Met een waarschuwing kunt u maximaal 6 knoppen opnemen, de index wordt bepaald door de volgorde waarin deze in de waarschuwingsoproep is geschreven.
De volgende functie verwerkt dat proces, de luisteraar wordt aangemaakt in de alarmoproep (getoond in de volgende stap).
lokale functie onClick (e) als e.action == "klikte" dan als e.index == 1 dan - Some Action andersif e.index == 2 then system.openURL ("http://mobile.tutsplus.com ") einde end end Deze functie wordt uitgevoerd wanneer op de waarschuwingsknop wordt gedrukt, deze gebruikt de native.showAlert () methode om de waarschuwing weer te geven. De waarschuwing zal worden gekoppeld aan een variabele die als waarschuwings-ID zal fungeren, op deze manier kan deze worden gevonden, hergebruikt of verwijderd door de native.cancelAlert () methode.
functie alertButton: tik op (e)
local alert = native.showAlert ("MobileTuts +", "Mobile Development Tutorials", "OK", "Learn More", onClick)
einde
Deze methode heeft vier paremeters, laten we ze eens bekijken:
native.showAlert (titel, bericht, buttons, luisteraar)
De knop heeft nu een functie om uit te voeren wanneer deze wordt ingedrukt, maar deze functie alleen zal niet kunnen reageren zonder een luisteraar.
De volgende regel code stelt die luisteraar in:
alertButton: addEventListener ("tap", alertButton) 
Als alles werkt zoals verwacht, zijn we bijna klaar om onze app te bouwen voor apparaattesten. Nog één ding: ons toepassingspictogram.
Met behulp van de afbeeldingen die u hebt gemaakt voordat u een mooi en goed uitziend pictogram kunt maken, is de pictogramgrootte voor de iPhone-pictogrammen 57x57 px, maar de iTunes Store gebruikt een 512x512 px dus het is beter om uw pictogram in dit formaat te maken. Als u uw afbeeldingen wilt optimaliseren voor het iPhone 4-retina-display, hebt u ook een 114x114px-versie van het app-pictogram nodig.
Het hoeft niet de afgeronde hoeken of de transparante schittering te hebben, iTunes en het iPhone OS zullen dat voor u toepassen.
Met deze zelfstudie hebt u geleerd hoe u waarschuwingen kunt weergeven om de gebruiker een bericht te tonen en vooraf bepaalde code uit te voeren op basis van de geselecteerde optie.
Bedankt voor het lezen van deze tutorial. Ik hoop dat je het nuttig hebt gevonden!
