Video: How to create first android app in mit app inventor 2025
Koding av oppførselen til Android-appen din, avhenger av hvor mye arbeid du vil gjøre. Android 1. 6 (også kjent som Donut) introduserte et
android: onClick
attributt som strømlinjeformer kodingen av en apps handlinger. Her er hva du gjør:
- Start Android Studio. Pass på at du allerede har opprettet "utseendet" for appen din.
- Hvis du ikke ser Designer-verktøyet med forhåndsvisningsskjermene, dobbeltklikker du på
app / res / layout / activity_main. xml
grenen i vinduet Prosjektverktøy. Når Designer-verktøyet vises, velger du kategorien Design. - Merk merkene på grenene i komponenttreet. Komponent-treet er på venstre side av Designer-verktøyet, rett under paletten. Legg merke til etikettene på grenene på treet. Hvert element på skjermen har et id (et navn for å identifisere det elementet). Her er ids for noen av skjermens elementer
editText
,button
ogtextView
.
Du kan lure på hvorfor, i stedet for ordet "identifikasjon", benyttes den merkelige lille forkortelsen id i stedet for den mer konvensjonelle engelskspråklige forkortelsen ID. For å finne ut hva som skjer, velg fanen Tekst i Android Studios designerverktøy. I XML-koden for aktivitetsoppsettet finner du linjer somandroid: id = "@ + id / textView"
. I Android's XML-filer erid
et kodeord.Når du slipper en komponent på forhåndsvisningsskjermen, tilordner Android Studio den komponenten et ID. Du kan eksperimentere med dette ved å slippe en ny
TextView
komponent på forhåndsvisningsskjermen. Hvis du gjør det, har komponent-treet en ekstra gren, og etiketten på grenen (ID for den nye komponenten) er sannsynligvis TextView2.Java er bokstavsfølsomt, så du må være oppmerksom på måten som aktiveres. For eksempel er ordet
EditText
ikke det samme som ordeteditText
. I dette eksemplet står ordetEditText
som en slags komponent (en slags tekstfelt), ogeditText
står for en bestemt komponent (tekstfeltet i appen din - teksten feltet du droppet på forhåndsvisningsskjermen).Du kan endre komponentens ID, hvis du vil. (For eksempel kan du endre navnet
editText
tilthatTextThingie
.) I dette eksemplet vil du sannsynligvis akseptere det du ser i komponenttreet. Men før du fortsetter til neste trinn, merk av ids i appens komponenttre.For å endre en komponents ID, velg den komponenten på forhåndsvisningsskjermen eller i komponenttreet.Deretter ser du etter et ID-felt i Egenskaper-panelet på høyre side av Designer-verktøyet. Endre teksten du finner i dette ID-feltet. (Ja. I Egenskaper-panelet har ID-bokstaver.)
- På forhåndsvisningsskjermen eller i komponent-treet, velg KOPIER knappen. Som et resultat viser Egenskaper-panelet informasjon om knappekomponenten.
- I feltet Egenskaper, skriv onButtonClick i feltet
onClick
.
Faktisk må ordet du skriver inn i feltetonClick
ikke være onButtonClick . Men i disse instruksjonene brukes ordet onButtonClick. - Dobbeltklikk på
MainActivity
iapp / java-avdelingen
i prosjektverktøy-vinduet. Selvfølgelig, hvis du ikke aksepterte standardaktivitetsnavnet (MainActivity
) når du opprettet det nye prosjektet, dobbeltklikker du på hvilket aktivitetsnavn du brukte.I Prosjektverktøy-vinduet ligger grenen
MainActivity
i en gren som er merket med appens pakkenavn. (Pakkenavnet ercom. Eksempel. Myapplication
ellercom. Allyourcode. A03_01
eller noe sånt.) Denne pakkenavnet gren er direkte i grenenjava
, som igjen er i kategorienapp
.Når du er ferdig med å dobbeltklikke, vises aktivitetens kode i redigeringsprogrammet til Android Studio.
- Endre aktivitetens kode.
I koden nedenfor antas det at grenene på appens komponent-tre har de samme etikettene som treet ovenfor. Med andre ord antas det at appens komponenter har ids
editText
,knappen
ogtextView
. Hvis appens komponenter har forskjellige ids, må du endre koden tilsvarende. Hvis din førsteEditText
komponent har ID'eneditText2
, må du for eksempel endre din førstefindViewById
samtale tilfindViewById (ID. EditText2) >.
Kjør appen. - Når appen starter, skriver du noe (noe) i komponenten
- EditText
i appen din. Klikk deretter på knappen. Når du klikker på knappen, kopierer Android teksten fra komponenten
EditTexttil komponenten
TextView.
pakke com. allyourcode. a03_01;
importer android. Brukerstøtte. v7. app. AppCompatActivity;
importer android. os. Bunt;
importer android. utsikt. Utsikt;
importer android. widget. EditText;
importer android. widget. TextView;
offentlig klasse MainActivity utvider AppCompatActivity {
EditText editText;
TextView textView;
@Override
beskyttet tomrommet påCreate (Bundle savedInstanceState) {
super. onCreate (savedInstanceState);
setContentView (R. Layout. Activity_main);
editText = (EditText) findViewById (R. Id. EditText);
textView = (TextView) findViewById (R. Id. TextView);
}
offentlig ugyldig påButtonClick (View view) {
textView. setText (editText. getText ());
}
}
Hvis appen din ikke kjører, kan du be om hjelp via e-post. Adressen er Java4Android @ allmycode. com.
