Naar content
Trending apps
  • Inbox by Gmail

  • Maps: Navigatie en OV

  • WhatsApp Messenger

  • Messenger

  • Facebook

Trending games
  • Minecraft Earth

  • Dr. Mario World

  • Harry Potter: Wizards Unite

  • Breaking Bad: Criminal Elements

  • The Elder Scrolls: Blades

Trending smartphones
  • Realme X2 Pro

  • Moto G8 Plus

  • Microsoft Surface Duo

  • OnePlus 7T Pro

  • Nokia 7.2

Nieuwste tablets
  • Samsung Galaxy Tab S6

  • Samsung Galaxy Tab A 10.5

  • Samsung Galaxy Tab S4

  • Samsung Galaxy Tab S3 9.7

  • Asus Zenpad 3S 10

i_like_android

i_like_android

  • Lid sinds 11 juli 2009
  • Berichten 2497
  • Reputatie 10
  • #1
  • 17 juli 2010
  • 21:46

Bij wijze van opwarming zal ik al een kleine tutorial plaatsen.
In plaats van de gebruikelijke “hello world” app die je overal kan vinden op het net kom ik met iets waar je feitelijk niets mee kan doen. Maar het is een goed voorbeeld.

Ik ga je uit de doeken doen hoe je een analoge klok maakt met een paar regels code te veranderen aan een standaard app.

Je begint met in eclipse een nieuw project aan te maken en kiest dan voor een android project. In bijna alle tutorials zal ik de apps maken voor android versie 1.6 tenzij anders , maar dan zal ik dit vermelden.



Daarna gaan we in de main.xlm file die we vinden onder /res/layout/.
We verwijderen de volledige <TextView /> en plaatsen de volgende regels in de plaats.

<AnalogClock
android:id="@+id/AnalogClock01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
Dus onze volledige main.xml ziet er als volgt uit.



Aan de main.java veranderen we niets en die zou er als volgt moeten uitzien.



Nu gaan we deze testen door op de groene run button te klikken in eclipse.



Wanneer alles goed gedaan is en geen fouten bevat zou de emulator moeten starten en eens die gestart zal de app ook starten.



Wanneer je de app sluit kan je deze opnieuw starten door op de icoon in de programs te klikken.



Voilà , je hebt je eerste app gemaakt. Was dit nu niet simpel ?
Er zullen er nog volgen de komende dagen en weken.
Gelieve te reageren in het topic en geen pm te sturen want daar ga ik niet op antwoorden.

De source van deze tutorial kan je ook in downloaden op volgende link.

https://www.dropbox.com/s/mehbtk78auwhc2k/AnalogeKlok.zip

En hier vind je ook nog een filmpje van deze app.

http://www.youtube.com/watch?v=xpqYNeYr_HQ

Bewerkt (22 april 2013 12:28)
jacobras

jacobras

  • Lid sinds 21 juni 2010
  • Berichten 316
  • Reputatie 0
  • #2
  • 18 juli 2010
  • 12:26

Leuke tutorialPaar kleine puntjes:

- Waarom noem je je package com.macfreaker.analogeklok? Zou toch eerder iets als nl.androidworld.analogeklok verwachten. Ik noem mijn apps gewoon nl.jacobras.appnaamhier , naar het adres van mijn eigen website. Daarnaast vermeld je niet hoe je aan die naam komt, kan even lastig zijn voor beginners.
- Hoe kun je programmeren met zo'n lettertype?

Bewerkt (22 april 2013 12:28)
Kwabbernoot

Kwabbernoot

  • Lid sinds 23 oktober 2009
  • Berichten 754
  • Reputatie 0
  • #3
  • 18 juli 2010
  • 13:17

Comic sans
161

Leuk, een tutorial. Ik zal eens kijken of het wat voor mij is.

Groeten…

Bewerkt (22 april 2013 12:28)
i_like_android

i_like_android

  • Lid sinds 11 juli 2009
  • Berichten 2497
  • Reputatie 10
  • #4
  • 18 juli 2010
  • 19:27

jacobras;27765
Leuke tutorial/cdn2.androidworld.nl/b4c9f3af9a/static/djangobb_forum/img/smilies/smile.png" /> Paar kleine puntjes:

- Waarom noem je je package com.macfreaker.analogeklok? Zou toch eerder iets als nl.androidworld.analogeklok verwachten. Ik noem mijn apps gewoon nl.jacobras.appnaamhier , naar het adres van mijn eigen website. Daarnaast vermeld je niet hoe je aan die naam komt, kan even lastig zijn voor beginners.
- Hoe kun je programmeren met zo'n lettertype?

Waarom ik de package zo noem is simpel. Ben op veel forums gekend als macfreaker.
Uiteraard is het geen slecht idee om de packages te noemen naar Androidworld en dat zal ik het vervolg ook doen. Bedankt voor de hint.
Wat is er verkeerd aan het lettertype ? Gebruik deze al jaren, maar ik werk dan ook met een mac.

Bewerkt (22 april 2013 12:28)
jacobras

jacobras

  • Lid sinds 21 juni 2010
  • Berichten 316
  • Reputatie 0
  • #5
  • 18 juli 2010
  • 21:23

Van dat lettertype was een grapje, Comic Sans MS staat nogal bekend als kinderachtig lettertype. Draai je trouwens ook gewoon de code direct op je telefoon i.p.v. de emulator als je aan het programmeren bent?

Bewerkt (22 april 2013 12:28)
Edwin

Edwin

  • Lid sinds 28 juli 2009
  • Berichten 603
  • Reputatie 0
  • #6
  • 18 juli 2010
  • 21:35

Kan je ook vertellen hoe/waar we aan Eclipse kunnen komen?

Bewerkt (22 april 2013 12:28)

SGS5 - stock

Nexus 7 - stock
Tab 3 7" - stock
Tab 3 7" Lite - stock

i_like_android

i_like_android

  • Lid sinds 11 juli 2009
  • Berichten 2497
  • Reputatie 10
  • #7
  • 18 juli 2010
  • 21:39

Edwin;27814
Kan je ook vertellen hoe/waar we aan Eclipse kunnen komen?
Ik had al eerder eens gevraagd in een topic of ik moest uit de doeken doen hoe eclipse te installeren.
Maar heb daar niet veel gehoor op gehad.
Hier alvast de link naar de post : http://www.androidworld.nl/forum/android-development/4711-eclipse-installeren.html
Hier een link voor het installeren van eclipse en de plugin : http://developer.android.com/sdk/eclipse-adt.html

jacobras;27812
Van dat lettertype was een grapje, Comic Sans MS staat nogal bekend als kinderachtig lettertype/cdn2.androidworld.nl/b4c9f3af9a/static/djangobb_forum/img/smilies/wink.png" />. Draai je trouwens ook gewoon de code direct op je telefoon i.p.v. de emulator als je aan het programmeren bent?
Ik heb deze ook getest op mijn Nexus en alles werkte perfect.

Bewerkt (22 april 2013 12:28)
jacobras

jacobras

  • Lid sinds 21 juni 2010
  • Berichten 316
  • Reputatie 0
  • #8
  • 18 juli 2010
  • 22:17

i_like_android;27817
Ik heb deze ook getest op mijn Nexus en alles werkte perfect.
Ik doelde meer op het direct draaien van de code op je telefoon (dus op Run klikken, en dat de code dan direct op je telefoon wordt uitgevoerd), dat werkt erg handig/cdn2.androidworld.nl/b4c9f3af9a/static/djangobb_forum/img/smilies/smile.png" />

Bewerkt (22 april 2013 12:28)
i_like_android

i_like_android

  • Lid sinds 11 juli 2009
  • Berichten 2497
  • Reputatie 10
  • #9
  • 18 juli 2010
  • 22:19

jacobras;27825
Ik doelde meer op het direct draaien van de code op je telefoon (dus op Run klikken, en dat de code dan direct op je telefoon wordt uitgevoerd), dat werkt erg handig/cdn2.androidworld.nl/b4c9f3af9a/static/djangobb_forum/img/smilies/smile.png" />
Wel ja , heb ik gedaan en alles werkt. Is uiteraard ook sneller dan de emulator. Maar voor de tuts is de emulator beter.

Bewerkt (22 april 2013 12:28)
eupn11

eupn11

  • Lid sinds 08 juli 2010
  • Berichten 306
  • Reputatie 0
  • #10
  • 19 juli 2010
  • 12:46

i_like_android;27817
Ik had al eerder eens gevraagd in een topic of ik moest uit de doeken doen hoe eclipse te installeren.
Maar heb daar niet veel gehoor op gehad.
Hier alvast de link naar de post : http://www.androidworld.nl/forum/android-development/4711-eclipse-installeren.html
Hier een link voor het installeren van eclipse en de plugin : ADT Plugin for Eclipse | Android Developers


Ik heb deze ook getest op mijn Nexus en alles werkte perfect.

kun je voor mij wel een tutorial maken xD in het nl kan geen goed engels lezen

Bewerkt (22 april 2013 12:28)

Reageer

Om te reageren, dien je te zijn ingelogd. Druk op de onderstaande knop om in te loggen of maak een nieuwe account aan.

Inloggen Registreren