Hoe de dialoogvenster alert weergeven in android

Alertdialogs zijn pop-ups die worden gebruikt om de gebruiker te informeren over de actie die hij moet nemen. Alertdialog kan ook worden gebruikt voor andere acties, zoals het verschaffen van een lijst met opties om uit te kiezen of om unieke waarden aan te vragen, zoals gegevens om in te loggen of een aanvraag in te stellen.

Stappen

Deel 1 van 4:
Bekijk de alertdialogs
  1. Titel afbeelding 904354 1
een. Verken de basisstructuur van Alertdialog. Alertdialog is een melding die verschijnt wanneer een specifieke toepassing het Android-systeem gebruikt om belangrijke informatie voor de gebruiker te hosten. Alertdialog kan ook worden gebruikt om de gebruiker te waarschuwen of op de hoogte te stellen van de noodzaak om een ​​belangrijke instelling te wijzigen. Deze melding / waarschuwing bevat drie componenten van het dialoogvenster.
  • De titel is niet verplicht, maar kan worden gebruikt om een ​​eenvoudig bericht of vraag toe te voegen. Het kan ook een pictogram bevatten.
  • De hoofdtekst bevat een bericht, een lijst of andere gebruikersmockup-functies.
  • Actieve knoppen die worden gebruikt om een ​​gebruikersreactie te verzenden naar het Alertdialog-venster. Knop kan positief, negatief of neutraal zijn. Dit dialoogvenster kan voor elk type niet meer dan drie knoppen bevatten.
  • Titel afbeelding 904354 2
    2. Bekijk het concept van "Klasse". Klasse is een sjabloon waarmee u andere objecten kunt maken met uw eigenschappen en gedrag. De Alertdialog-klasse is een subklasse van een dialoogklasse, die zijn eigen unieke eigenschappen heeft waarmee u maximaal drie knoppen kunt weergeven, samen met de standaard dialoog-query.
  • Titel afbeelding 904354 3
    3. Bepaal het doel van alertdialog. Wat is het doel van het alertdialog-venster? Welke opties zullen aan de gebruiker worden verstrekt? Kan de gebruiker dit verzoek negeren? Noteer welke acties van de gebruiker zijn vereist, zijn opties en oplossingen. Als uw beschrijving onduidelijk blijkt te zijn, begrijpt de gebruiker mogelijk de toewijzing van Alertdialog niet.
  • Titel afbeelding 904354 4
    4. Schrijf op en illustreer alertdialog. Teken hoe het venster Alertdialog moet kijken. Maak een lijst van de lijst met opties die u wilt implementeren, en het resultaat van hun uitvoering. Denk goed in boven wat door de gebruiker vereist is en zorg ervoor dat het bericht niet ambiguïteit maakt.
  • Titel afbeelding 904354 5
    vijf. Download en installeer Android SDK. Een reeks ontwikkelingsmiddelen of SDK, wordt gebruikt om software te ontwikkelen in een gespecialiseerde omgeving voor het maken van programma`s en toepassingen. SDK kan rechtstreeks worden gedownload van de Android-ontwikkelaarsite.
  • Titel afbeelding 904354 6
    6. Maak een nieuw project. Zelfs als u al een project hebt, is het beter om een ​​nieuwe te kiezen, vooral als u een testomgeving wilt maken voordat u code toevoegt aan het hoofdproject. Selecteer in de menubalk "Bestand"> "Nieuw project" (nieuw project) en volg de instructies voor het maken van een nieuwe toepassing.
  • Deel 2 van 4:
    Schrijf code voor een dialoogvenster Alertdialog
    1. Titel afbeelding 904354 7
    een. Maak een trigger voor Alertdialog-venster. Alertdialog moet worden veroorzaakt door de gebruiker die door de gebruiker wordt uitgevoerd. Bewerk de hoofdtoepassingslay-out in het bestand "Activity_main.XML "om een ​​knop toe te voegen voor het testen van alertdialog. Knop kan op twee manieren worden gemaakt. Schakelen tussen ontwerp- en code-display-modi door op de ontwerp- of tekstknoppen onder aan het hoofdvenster te klikken.
    • Met Android SDK kunt u de lay-out bewerken, inclusief de hoofdinterface die te vinden is in de lay-outmap (lay-out) van projecthiërarchie met behulp van de DRAP- en DROP-interface om een ​​knop te maken.
    • U kunt ook een knop onafhankelijk in XML-code maken door een XML-document te bewerken. Merk op dat de tekenreeks die de onclick-actie wordt beschreven, wordt gebruikt om het venster Alertdialog weer te geven wanneer u op een knop drukt.
    Android: Layout_width ="de inhoud verpakken"Android: Layout_Height ="de inhoud verpakken"Android: Tekst ="Test waarschuwingsvenster"Android: ID ="@ + ID / ButtonTest"Android: Layout_AlignParentTop ="Waar"Android: layout_centerhorizontal ="Waar"Android: Layout_margintop ="77dp"Android: onclick ="Showdialog" />
  • Titel afbeelding 904354 8
    2. Importeer Alertdialog-klasse om toegang te krijgen tot API. Het is noodzakelijk om toegang te krijgen tot de klas om alertdialog-aanvraag te maken. Met Alertdialog-klasse kunt u een dialoogvenster op het scherm maken, de parameters configureren, headers en inhoud weergeven in het dialoogvenster. Om de klasse te importeren, opent u het standpunt van het standpunt.java ". Blader naar de bovenkant van het bestand en plaats deze onder andere in het project ingevoerd.
    Import android.App.Alertdialog-
  • Deze klasse is nuttig voor de volledige aanvraag. Vergeet niet om het toe te voegen aan de bovenkant van de codehiërarchie.
  • Titel afbeelding 904354 9
    3. Herken het object van de knop. Een object van de knop helpt bij het aanwijzen van de knop die op de knop drukken, zoals te zien is in de XML-code. Voornamelijk Java-code "Mainactiviteit.Java »geeft aan en initialiseert het objectobject aan het begin van de hoofdmethode, die de hoofdklasse van de toepassing is.
    PRIVÉ-knop ButtonAtdialog-ButtonAltdialog = (knop) VindviewByID (r.ID kaart.ButtonTest)-
  • Titel afbeelding 904354 10
    4. Luister naar de knop. Met onclickListener kunt u het programma informeren wanneer de gebruiker op de knop klikt om een ​​actie uit te voeren. onclickListener wordt uitgevoerd door te luisteren naar de gebruikersinvoer tijdens het drukken op de juiste knop. We zullen auditie gebruiken om de Alertdialog-dialoog te openen.
    ButtonAltdialog.Setonclicklistener.onclickListener () {@overridePublic void onclick (bekijk alertview) {})-
  • Titel afbeelding 904354 11
    vijf. Beschrijf de componenten van Alertdialog. Als onderdeel van de onclick-functie moet u alertdialog-object maken en hem een ​​koptekst, een bericht en gebruikt in de query.
  • Maak een waarschuwingsvoorbeeld en configureer de ontwerper om een ​​nieuw object aan te spreken en het venster te maken.
  • Alertdialog alertdialog1 = nieuwe alertdialog.Bouwer (standvastigheid.deze)
  • Titel afbeelding 904354 12
    6. Gebruik de Setter-functie om een ​​koptekst te maken. Met de Setter-functie kunt u een variabele bieden voor het object. Het is noodzakelijk om te voorkomen dat globale variabelen worden gebruikt, die prestatieproblemen kunnen veroorzaken. De titel is optioneel, maar u kunt het bovenaan het Weerladingsvenster installeren.
    Alertdialog1.Settiple ("Voorbeeld WikiHow WAARSCHUWING")-
  • Titel afbeelding 904354 13
    7. Gebruik de Setter-functie om het bericht weer te geven. Voer een bericht in dat wordt beschreven wat de gebruiker moet doen.
    Alertdialog1.SetMessage ("Android biedt u een bericht om te bevestigen.")-
  • Titel afbeelding 904354 14
    acht. Gebruik de Setter-functies om de eigenschappen van de knop in te stellen. Geef de knoppen aan voor gebruik van gebruikers. Gebruik een combinatie van positieve, negatieve en neutrale knoppen. Gebruik elke combinatie van drie typen, maar slechts één van elk type en niet meer dan drie onmiddellijk. Gebruik de onclick-functies om het antwoord aan te duiden wanneer u op een van de drie knoppen op de onderkant van het dialoogvenster Alertdialog drukt.
    Alertdialog1.Setpositieve button ("OK", Nieuwe onclickListener () {Public Void onclick (dialoogvenster Dialoginterface, Int welke) {}}).Alertdialog1.SetNegativeButton ("OK", Nieuwe onclickListener () {Public Void onclick (dialoogvenster Dialoginterface, Int welke) {}}).Alertdialog1.Setneutralbutton ("OK", Nieuwe onclickListener () {Public Void onclick (dialoogvenster Dialoginterface, Int welke) {}})-
  • Titel afbeelding 904354 15
    negen. Gebruik de Setter-functie om de knop Fysieke Annuleren te activeren. De functie Annuleren kan de toets "Terug" op het Android-apparaat zelf toegewezen, waardoor u niet kunt op een van de knoppen drukken. Als u de valse waarde instelt, wordt de knop "Terug" op het Android-apparaat genegeerd.
    Alertdialog1.Setcancelable (true)-
  • Titel afbeelding 904354 16
    10. Maak een dialoogvenster. Gebruik het om alertdialog-object te maken. Dit moet worden gedaan voordat u alertdialog op het scherm weergeeft.
    Alertdialog1.Creëren ()-
  • Titel afbeelding 904354 17
    elf. Dialoogvenster weergeven. Nadat het object is gemaakt, gebruikt u deze actie om Alertdialog op het scherm weer te geven.
    Alertdialog1.Show ()-
  • Deel 3 van 4:
    Schrijf een lijst voor de lijst Alertdialog
    1. Titel afbeelding 904354 18
    een. Maak een array. Gebruik een van de drie soorten lijsten. Als u opties wilt toevoegen met meerdere antwoorden, gebruikt u in plaats van de setmessage-functie de lijst. Uw lijst moet een array hebben die bestaat uit een lijst met beschikbare opties. De lijst gebruikt een array om de beschikbare opties weer te geven.
    Definitieve opouching [] items = {"Verandering", "Schatting", "Deel", "Verbonden"}-
  • Titel afbeelding 904354 19
    2. Maak een lijst met alertdialog. Gebruik SETIENTEMS om een ​​lijst met opties te geven om te kiezen. Dit venster verschijnt als een lijst met schakelaars voor verificatie. Deze functie vereist een keuze uit verschillende parameters en onclicklistener om de gebruikersinvoer te bekijken.
    Dialoogvenster.Setitems (items, nieuwe dialoginterface.onclickListener () {Public Void onclick (dialoogvenster DialogInterFace, Int Item) {// Plaats het resultaat van acties op deze functie // Een geheel variabel item is verantwoordelijk voor de positie van de aanwijzer van het geselecteerde item}})-
  • Titel afbeelding 904354 20
    3. Maak een lijst met meerdere selectiemogelijkheden. Gebruik SetMultIChoiceItems als u wilt dat de gebruiker verschillende opties kiest. Deze opties worden aangegeven door gemarkeerde velden.
    Dialoogvenster.SetmultIctionItems (items, null, nieuwe dialoginterface.OnmultichoceclickListener () {public void onclick (dialoogvenster DialogInterFace, Int Item, Boolean Ischecked) {if (ischecked) // Als er gemarkeerde velden // item is verantwoordelijk voor de positie van de aanwijzer van het geselecteerde item}})-
  • Titel afbeelding 904354 21
    4. Maak een lijst met slechts één optie om te selecteren. Gebruik SetSingleCoiceItems als u wilt dat de gebruiker slechts één optie selecteert. Deze opties worden aangegeven door de schakelaar, een set cirkels met een punt in het geselecteerde item.
    Dialoogvenster.SetSingleChoiceItems (items, -1, nieuwe dialoginterface.OnmultichoiceclickListener () {public void onclick (dialoogvenster DialogInterFace, Int Item) {if (ischecked) // Als er gemarkeerde velden //item is verantwoordelijk voor de positie van de aanwijzer van het geselecteerde item}})-
  • Deel 4 van 4:
    Maak een aangepaste alertdialog
    1. Titel afbeelding 904354 22
    een. Maak je eigen lay-out. Met de gebruiker Alertdialog kunt u een lay-out maken met uw eigen parameters en gegevens aanvragen die kunnen worden gebruikt om informatie te verkrijgen om de gebruikersaanmelding, wijzigingen in instellingen en vele andere dingen in te voeren. De nieuwe lay-out wordt gemaakt in XML-indeling. Sommige Android-SDK`s bieden de mogelijkheid om Sleep- en Drop-functies te gebruiken om snel een lay-out te maken die automatisch wordt geconverteerd naar XML. Selecteer in de menubalk aan de bovenkant van het venster "Bestand"> "Nieuw"> "Layout XML-bestand"> "Layout XML-bestand" (XML Layout-bestand)). Noem de naam van het lay-outbestand en klik vervolgens op Voltooien. Uw nieuwe lay-out verschijnt op het hoofdpaneel.
  • Titel afbeelding 904354 23
    2. Voeg widgets en andere items toe aan lay-out. Elementen kunnen op twee manieren worden toegevoegd. Open het lay-outbestand via de projecthiërarchie in de linkerkant van het venster. Volg vervolgens de volgende weg: "> App> SRC> Hoofd> Res> Lay-out ».
  • Titel afbeelding 904354 24
    3. Maak een nieuwe Java-klasse. De nieuwe klasse zal het scheiden van de code voor uw gebruikerwaarschuwingslay-out. Klik op "Bestand"> "Nieuw" (Maak)> "Java Class" (Java-klasse). Voer de naam van de nieuwe Java-klasse in en klik op OK. Voor dit voorbeeld zullen we deze klasse "customdialogexample" noemen.
  • Titel afbeelding 904354 25
    4. Importeer het dialoogvenster Fragment. Dialoog Fragment biedt maximale compatibiliteit met verschillende versies van Android OS.
    Import android.Steun.V4.App.Dialoogvenster-
  • Zorg ervoor dat de hoofdklasse-methode van toepassing is op dialoogfragment.
  • Public Class CustomDialogExample breidt dialoogfragment uit
  • Titel afbeelding 904354 26
    vijf. Maak een lay-out inflateringsklasse en een weergavelement. Layout Inflateron converteert het XML-lay-outbestand naar het weergavelement. Het weergavelement is een basisstructuur voor gebruikersinterface-elementen op de rechthoekige ruimte van het scherm en tekent ook objecten en widgets op het scherm.
    LayoutInflater Inflator-View CustomEView-
  • Titel afbeelding 904354 27
    6. Maak je eigen dialooglay-out. Het moet publiekelijk beschikbaar zijn om toegang te krijgen via een deel van de toepassing en het dialoogvenster retourneren. Hij zal een bundelobject nemen.
    Public Dialog OnCreatedilog (Bundle SavedInstancestate) {}
  • Titel afbeelding 904354 28
    7. Vul de lay-out van de gebruiker Layout XML. Na het maken van lay-outinflater en bekijk de objecten de lay-out en verwijder de lay-out van de gebruiker voor het weergavelement van de oncreatedialog-functie.
    Inflater = Getactiviteit ().GETLAYOUTINFLATER () - CustomEview = Inflater.Opblazen (R.lay-out.Dialoog_custom_background, null)-
  • Titel afbeelding 904354 29
    acht. Maak je eigen alertdialog. Gebruik In de functie Oncredialog Alertdialog Constructor om een ​​lay-out te maken.
    Alertdialog.Builder Builder = New Alertdialog.Builder (Getactiviteit ()) -}}
  • Voeg een knop toe om alertdialog te kunnen sluiten.
  • Bouwer.Setview (CustomEVIEW).Setpositieve button ("OK", Nieuwe onclickListener () {Public Void onclick (dialoogvenster Dialoginterface, Int welke) {}})-
  • Titel afbeelding 904354 30
    negen. Retourneer de gebruiker Alertdialog. Aangezien we niet in de focus van de applicatie staan, vul dan de oncreatedialog-functie af en keert u terug naar de nieuwe Alertdialog.
    Bouwer terug.Creëren ()-
  • Titel afbeelding 904354 31
    10. Call Aangepaste Alertdialog van de hoofdmethode. U moet uw functie van een andere plaats bellen, bijvoorbeeld, van de hoofdaanvraagmethode. Voor dit voorbeeld zullen we deze openbare customalectdialogExample-functie noemen die een weergavelement ontvangt.
    Public Void CustomAlertdialagexample (Bekijk de opname) {customDialogExample Dialoog = Nieuwe CustomDialologExample () - Dialoog.Show (GetUpPortFragmentManager (), "MyCustomalertialog") -}
  • Tips

    • Als een component niet kan worden genoemd, markeert SDK deze plaats in rode tekst. Wanneer u op de SDK-tekst klikt, kunt u u aanbieden om de relevante bibliotheek naar het project te importeren. Klem Alt+↵ Enter om een ​​bibliotheek aan het project toe te voegen.
    Deel in het sociale netwerk:
    Vergelijkbaar