Enkel plasseringsbaserte iOS-apper med appyMap-malen

Hva du skal skape

Introduksjon

Er det bedre å tjene $ 5000 ved å jobbe ti timer om dagen, eller å tjene $ 3000 ved å jobbe bare en? Tiden er penger, og det er det viktigste aktiva som vi har.

Bruke en appmal har to fordeler: 

  • Det sparer deg tid.
  • Du lærer noe nytt, raskt.

For å bygge en app ved hjelp av en mal, skriver du inn dataene dine, endrer logoen, tilpasser fonter, farger ... og det er det.

Anta at du vil lage en veiledning til severdigheter (kirker, museer, monumenter eller parkering, butikker, etc.) i byen din. Du kan lage appen din helt fra grunnen, og bruke mye tid på å designe grensesnittet, skrive koden og implementere rammer. Eller du kan bruke en mal og ha alt klart om noen timer, noen ganger noen minutter!

Og kanskje enda viktigere, du sparer tid ikke bare i realiseringen av appen selv, men også i å lære nye konsepter: Du får se i praksis hvordan nye ting fungerer, slik at du kan lære og assimilere nye ideer mye raskere.

Men vi ønsket å lage en guide til vår by, ikke sant? La oss se hvordan du gjør det om ti minutter med appyMap.

Oversikt

Med appyMap kan du lage din egen app for å hjelpe brukerne med å finne interessante steder gruppert etter kategorier, for eksempel en referanseprogram for butikker eller restauranter, en byguide eller annen bruk som krever lokalisering av steder på et kart. Du kan finne appyMap iOS-lokaliseringsbasert appmal for nedlasting på CodeCanyon.

AppyMap-strukturen er veldig enkel, og består av fire skjermer: Hjem, Seksjon, Detalje og Veibeskrivelse (som leveres av Apple Maps).

Hjemmeskjermen viser våre hoveddeler, innenfor hvilke det er interessante steder.

Velger et interessepunkt åpnes detaljskjermen med bilder, beskrivelser og et ekstra felt (som kan brukes til adresse, åpningstider, etc.) og en knapp for å få veibeskrivelser. Hvis et telefonnummer er til stede, kan du også ringe til interessepunktet i appen.

La oss se på hvordan du setter inn dataene våre i appen.

Angi appdata

Det er to måter å skrive inn dataene dine på: gjennom lokale Plist-filer eller bruk CloudKit, Apples skyplattform. Hver har sine egne fordeler og ulemper.

Alternativ 1: Lokale plistfiler

Plistfiler er filer du inkluderer i appen din. De er et strukturert datadokument - ikke ulikt en regnearkfil.

Du kan redigere Plist-filer med Xcode. Dette er den enkleste måten og er nyttig når du bare trenger å endre eller legge til små mengder data. En annen måte å legge til data på i en Plist-fil, er å konvertere et regneark og importere det til Xcode. Dette er veldig praktisk når du må administrere en stor mengde data. 

Bruk av Plist-filer til å sende appens data gir deg to fordeler:

  1. Appen din trenger ikke en Internett-tilkobling for å fungere skikkelig.
  2. Mindre lagring: Appens Plistdata blir lastet umiddelbart ved oppstart, mens data som er lagret i skyen, alltid vil ha noe lag.

Ulempen med å bruke lokale data er at hvis du vil legge til eller redigere interessepunkter, må du slippe en ny versjon av appen.

Konfigurere hovedmenyen

Inne i Xcode-prosjektet som følger med appyMap, åpne Main.plist fil - denne filen definerer hovedmenyen. I denne filen ser vi en liste over elementer, som definerer kategoriene ("seksjoner") av interessante steder. Hvert element har tre felt:

  • id: Den unike id av delen, som også brukes til å bestille varer
  • Navn: navnet på delen
  • er gratis: Hvis satt til "ja" delen er gratis, ellers er den låst og kan låses opp med kjøp av apper.

Hvert avsnitt kan ha et ikon, som skal ha samme filnavn som navnet på delen (se bildet nedenfor).


Du kan legge til så mange seksjoner du vil ha: de nye seksjonene vil bli lagt til i slutten av listen, og hovedmenyinnsamlingsvisningen vil bla hvis det er nødvendig.

Interessepunkt

Når du har konfigurert hovedseksjonene, kan du begynne å legge til interessante steder. For hver seksjon vil appyMap lete etter en Plist-fil med samme filnavn som navnet du velger for delen. Så for eksempel hvis du har en seksjon som heter "Hus", vil appyMap lete etter en fil som heter Houses.plist, og det vil lese steder av interesse for Houses-delen fra den filen.

Disse interessante steder har følgende felt:

  1. id
  2. Navn
  3. beskrivelse
  4. breddegrad
  5. lengdegrad
  6. tlf (valgfri)
  7. tid(valgfri)

For miniatyrbilde av interessepunktet vil appen se etter et JPEG-bilde med et filnavn som består av navnet på delen etterfulgt av iden til interessepunktet. Så hvis du har tre plasser i Museum-delen, trenger du tre bilder som heter Museum1.jpg, Museum2.jpg, og Museum3.jpg.

Alternativ 2: CloudKit

I stedet for å lagre appinformasjonen din i lokale Plist-filer, kan du tjene den fra Apples CloudKit. 

Hvis du bestemmer deg for å bruke CloudKit, vil informasjonen din ikke lenger være lokal, men vil bli lest fra skyen. Dette gjør at du kan endre databasen med interessante steder uten å måtte slippe ut nye versjoner av appen. Imidlertid krever appen en Internett-tilkobling for å vise interessante steder.

Bruk av CloudKit

Ved hjelp av Apple-utviklerkontoen din kan du bruke CloudKit baksiden for å administrere dataene dine. Hvis du har en Apple Developer-konto, kan du administrere CloudKit med CloudKit Dashboard.

For å koble din App med CloudKit må du gå til din Utvikler siden, og aktiver iCloud:

Deretter går du tilbake til Xcode, velg mål, og aktivere iCloud for appen din:

Nå må du legge til to posttyper for å holde appdataene. Fra hovedtypen, for å holde seksjonens meny data: gå til CloudKit dashbordet, velg Opptakstyper, klikk på pluss-knappen og navnet på posten "Hoved". Nå må vi gjenskape hovedsakelig samme struktur som vi brukte i Plist-filen. Klikk på Legg til felt ...  og opprett fire felt:

  1. Navn (type: streng)
  2. pic (type: aktiv)
  3. rekkefølge (type: Int (64))
  4. er gratis (type: Int (64))

Dette er litt annerledes enn Plist-formatet, fordi vi har opprettet et ekstra felt kalt "pic", som vil holde ikonet for hver seksjon.

På slutten bør du ha et bord som dette:

Deretter må du opprette en posttype for hver seksjon som appen din vil vise. Så hvis du for eksempel har to seksjoner (la oss si "Hus" og "Monumenter") for appen din, ville du opprette to tilsvarende poster, kalt "hus"og"monumenter"(som i skjermbildet ovenfor).

For å opprette en annen posttype, start ved å klikke på + knapp. Gi opptaket navnet på delen din (i dette tilfellet "hus"):

Klikk nå på Legg til felt ...  og opprett felt som du gjorde før. Denne gangen, feltene du må opprette er følgende:

  1. Navn (type: streng)
  2. beskrivelse (type: streng)
  3. pic (type: aktiv)
  4. koordinater (type: plassering)
  5. tlf (type: streng)
  6. tid (type: streng)
  7. rekkefølge (type: Int64)

Legg merke til at tlf (telefon) og tid felter er valgfrie. Hvis de er til stede, vil de dukke opp i detaljskjermen, ellers er de gjemt.

Tips: En rask måte å få kartkoordinater på

Å skrive inn steder for appyMap innebærer å se på mange breddegrader og lengder. For raskt å finne breddegrad og lengdegrad for et gitt sted, bare se det opp i Google Maps, høyreklikk på interessepunktet og velg Hva er her? Dette vil returnere alle steddata, sammen med breddegrad og lengdegrad. Du kan bare kopiere og lime inn disse verdiene til lat og lon felt i CloudKit, eller til Plist-filen din.

Konklusjon

I denne opplæringen lærte du hvordan du kom i gang med en ny plasseringsbasert app ved hjelp av appyMap-malen fra CodeCanyon. Du lærte hvordan malen fungerer, og hvordan du legger til dine egne posisjonsdata i malen. 

Hvis du laster ned malen, får du mye mer informasjon om hvordan du konfigurerer og tilpasser appen din. appyMap kommer med en detaljert instruksjonsguide som tar deg gjennom alle trinnene for å konfigurere og tilpasse malen riktig.

Men det er enkelt. For å bygge en app ved hjelp av en mal, bare skriv inn dataene dine, tilpass farge, skrifter og logo ... og kompilere! Appen din kan være klar på bare noen få timer.

Det er hundrevis av andre iOS-appmaler på CodeCanyon. Gå sjekk dem ut! Du kan bare spare deg mange timer med arbeid. 

Lykke til på din neste app! Og i mellomtiden, sjekk ut noen av våre andre iOS app opplæringsprogrammer her på Envato Tuts+.