Video: How to create first android app in mit app inventor 2024
Die Kodierung des Verhaltens Ihrer Android-App hängt davon ab, wie viel Arbeit Sie erledigen möchten. Android 1. 6 (auch als Donut bekannt) führte ein
android: onClick
-Attribut ein, das die Codierung der Aktionen einer App optimiert. So geht's:
- Starten Sie Android Studio. Stellen Sie sicher, dass Sie bereits das "Aussehen" für Ihre App erstellt haben.
- Wenn Sie das Designer-Tool mit seinen Vorschaubildschirmen nicht sehen, doppelklicken Sie auf die
App / res / layout / activity_main. xml
Zweig im Projektwerkzeugfenster. Wenn das Designer-Tool angezeigt wird, wählen Sie die Registerkarte Design aus. - Notieren Sie die Beschriftungen in den Zweigen im Komponentenbaum. Der Komponentenbaum befindet sich auf der linken Seite des Designer-Tools, direkt unter der Palette. Beachten Sie die Beschriftungen in den Zweigen des Baums. Jedes Element auf dem Bildschirm hat eine ID (ein Name zur Identifizierung dieses Elements). Hier sind die IDs einiger Bildschirmelemente
editText
,button
undtextView
. Sie fragen sich vielleicht, warum anstelle des Wortes "Identifizierung" die seltsame kleingeschriebene Abkürzung id anstelle der herkömmlicheren englischen Abkürzung ID verwendet wird. Um herauszufinden, was vor sich geht, wählen Sie die Registerkarte "Text" im Designtool von Android Studio. Im XML-Code für das Layout der Aktivität finden Sie Zeilen wieandroid: id = "@ + id / textView"
. In Android-XML-Dateien istid
ein Codewort.Wenn Sie eine Komponente auf dem Vorschaubildschirm ablegen, weist Android Studio dieser Komponente eine ID zu. Sie können damit experimentieren, indem Sie eine zweite
TextView
-Komponente auf dem Vorschaubildschirm ablegen. Wenn Sie dies tun, hat der Komponentenbaum einen zusätzlichen Zweig und die Beschriftung auf dem Zweig (die ID der neuen Komponente) ist wahrscheinlich textView2.Bei Java wird die Groß- / Kleinschreibung beachtet, daher müssen Sie darauf achten, wie Wörter großgeschrieben werden. Zum Beispiel ist das Wort
EditText
nicht das gleiche wie das WorteditText
. In diesem Beispiel steht das WortEditText
für eine Art von Komponente (eine Art Textfeld), undeditText
steht für eine bestimmte Komponente (das Textfeld in Ihrer App - der Text Feld, das Sie auf dem Vorschaubildschirm abgelegt haben).Sie können die ID einer Komponente ändern, wenn Sie möchten. (Sie können z. B. den Namen
editText
inthatTextThingie
ändern.) In diesem Beispiel möchten Sie wahrscheinlich alles akzeptieren, was Sie in der Komponentenstruktur sehen. Bevor Sie mit dem nächsten Schritt fortfahren, notieren Sie sich jedoch die IDs im Komponentenbaum Ihrer App.Um die ID einer Komponente zu ändern, wählen Sie diese Komponente im Vorschaubild oder im Komponentenbaum aus.Suchen Sie dann im Bereich Eigenschaften auf der rechten Seite des Designer-Tools nach einem ID-Feld. Ändern Sie den Text, den Sie in diesem ID-Feld finden. (Ja. Im Bereich Eigenschaften hat ID Großbuchstaben.)
- Wählen Sie im Vorschaubild oder im Komponentenbaum die Schaltfläche COPY. Infolgedessen zeigt das Fenster Eigenschaften Informationen zu Ihrer Schaltflächenkomponente an.
- Geben Sie im Bereich Eigenschaften onButtonClick in das Feld
onClick
ein. Eigentlich muss das Wort, das Sie im FeldonClick
eingeben, nicht onButtonClick sein. In dieser Anleitung wird jedoch das Wort onButtonClick verwendet. - Doppelklicken Sie in der
App / Java-Verzweigung
des Projektwerkzeugfensters aufMainActivity
. Wenn Sie den Standardaktivitätsnamen (MainActivity
) beim Erstellen des neuen Projekts nicht akzeptiert haben, doppelklicken Sie auf den von Ihnen verwendeten Aktivitätsnamen.Im Projektwerkzeugfenster befindet sich der Zweig
MainActivity
in einem Zweig, der mit dem Paketnamen Ihrer App gekennzeichnet ist. (Der Paketname istcom. Example. Myapplication
odercom. Allyourcode. A03_01
oder so ähnlich.) Dieser Paketnamenszweig befindet sich direkt in derjava
-Zweig Dies ist wiederum der Zweigapp
.Wenn Sie mit einem Doppelklick fertig sind, wird der Code der Aktivität im Editor von Android Studio angezeigt.
- Ändern Sie den Code der Aktivität.
Im folgenden Code wird davon ausgegangen, dass die Zweige im Komponentenbaum Ihrer App dieselben Beschriftungen wie der Baum oben haben. Mit anderen Worten, es wird davon ausgegangen, dass die Komponenten Ihrer App die IDs
editText
,button
undtextView
haben. Wenn die Komponenten Ihrer App unterschiedliche IDs haben, ändern Sie den Code entsprechend. Beispiel: Wenn Ihre ersteEditText
-Komponente die IDeditText2
hat, ändern Sie Ihren erstenfindViewById
-Aufruf auffindViewById (R. Id. EditText2) >.
Führen Sie die App aus. - Wenn die App gestartet wird, geben Sie etwas (etwas) in die
- EditText
-Komponente Ihrer App ein. Klicken Sie dann auf die Schaltfläche. Wenn Sie auf die Schaltfläche klicken, kopiert Android den Text aus Ihrer
EditText-Komponente in Ihre
TextView-Komponente.
Paket com. Allyourcode. a03_01;
Import Android. Unterstützung. v7. App. AppCompatAktivität;
Import Android. os. Bündeln;
Import Android. Aussicht. Aussicht;
Import Android. Widget. Text bearbeiten;
Import Android. Widget. Textvorschau;
public class MainActivity erweitert AppCompatActivity {
EditText editText;
TextView textView;
@Override
geschützt void onCreate (Bundle savedInstanceState) {
super. onCreate (gespeicherterInstanzStatus);
setContentView (R. layout. Activity_main);
editText = (EditText) findViewById (R. Id. EditText);
textView = (TextView) findViewById (R. Id. TextView);
}
public void onButtonClick (Ansicht anzeigen) {
textView. setText (editText. getText ());
}
}
Wenn Ihre App nicht ausgeführt wird, können Sie per E-Mail um Hilfe bitten. Die Adresse lautet Java4Android @ allmycode. com.