Share
Låsskjermbildet er en del av et operativsystem, hovedsakelig brukt i mobile enheter, som forhindrer utilsiktet inngang. Denne raske tipsen viser deg hvordan du simulerer en Android Lock-skjerm med ActionScript. La oss komme igang!
La oss se på det endelige resultatet vi vil jobbe for:
Dette er en veldig enkel versjon av Android-mønsterlås-skjermen. Dra musen langs prikkene i stien som er angitt av de halv gjennomsiktige hvite linjene for å "låse opp" SWF. Naturligvis er de hvite linjene bare der for demonstrasjonsformål!
Vi vil benytte Musementshendelser og Arrays til å lagre og sammenligne brukerinngang og riktig mønster. En ny skjerm vises når riktig mønster er oppgitt.
Start Flash og opprett et nytt Flash-dokument, sett scenestørrelsen til 320x480px og bildesatsen til 24fps.
Dette er grensesnittet vi skal bruke, de hvite punktene i bildet er MovieClips navngitt fra venstre til høyre en to tre… og så videre. Semi-gjennomsiktige hvite linjer brukes til å angi riktig passord (det kan hende du vil fjerne dette for ekte bruk).
Opprett en ny ActionScript-klasse (Cmd + N), lagre filen som Main.as og skriv følgende linjer, vennligst les kommentarene i koden for å forstå klassens oppførsel fullt ut.
Endre verdiene i passere array for å endre opplåsingsmønsteret.
pakke import flash.display.Sprite; importer flash.events.MouseEvent; importere fl.transitions.Tween; importere fl.transitions.easing.Strong; offentlig klasse Hoved utvider Sprite private var dots: Array = []; // Lagrer i scenen filmklipp privat varemønster: Array = []; // Mønsteret som er oppgitt av brukeren privat var pass: Array = [1,2,3,6,9,8,5]; // Det riktige mønsteret for å fortsette offentlig funksjon Main (): void dots = [en, to, tre, fire, fem, seks, sju, åtte, ni]; // legg til klippene i scenen addListeners (); privat funksjon addListeners (): void // legger lytterne til hver prikk var dotsLength: int = dots.length; for (var jeg: int = 0; i < dotsLength; i++) dots[i].addEventListener(MouseEvent.MOUSE_DOWN, initiatePattern); dots[i].addEventListener(MouseEvent.MOUSE_UP, stopPattern); /* Adds a mouse over listener and uses it to add the number of the dot to the pattern */ private function initiatePattern(e:MouseEvent):void var dotsLength:int = dots.length; for (var i:int = 0; i < dotsLength; i++) dots[i].addEventListener(MouseEvent.MOUSE_OVER, addPattern); pattern.push(dots.indexOf(e.target) + 1); //adds the array index number of the clip plus one, because arrays are 0 based private function addPattern(e:MouseEvent):void pattern.push(dots.indexOf(e.target) + 1); //adds the pattern on mouse over private function stopPattern(e:MouseEvent):void //stops storing the pattern on mouse up var dotsLength:int = dots.length; for (var i:int = 0; i < dotsLength; i++) dots[i].removeEventListener(MouseEvent.MOUSE_OVER, addPattern); checkPattern(); private function checkPattern():void //compares the patterns var pLength:int = pass.length; var correct:int = 0; for (var i:int = 0; i < pLength; i++) //compares each number entered in the user array to the pass array if (pass[i] == pattern[i]) correct++; if (correct == pLength) //if the arrays match var sView:SecondView = new SecondView(); //add a new view addChild(sView); var tween:Tween = new Tween(sView,"x",Strong.easeOut,320,0,0.8,true); pattern = []; //clears the user array
Husk å legge til klassenavnet til Klasse felt i publisere delen av Eiendommer panel.
Du har opprettet en nyttig låseskjerm for dine applikasjoner eller til og med et nettsted. Du kan tilpasse prosjektet for å dekke dine behov eller bruke denne teknikken til å bygge din egendefinerte LockScreen. Hva med å bruke grafikkobjektet til en Sprite å tegne linjer som følger musens sti?
Jeg håper du likte denne opplæringen, takk for å lese!
Redaktørens merknad: Kan ikke få nok av Android? Sjekk ut det siste Envato ™ nettsted: Android.AppStorm.net!
Accentsconagua