Android: Integer, TextView und mehr... [Tutorial II]/ Einstieg in Java

[GODFATHER]

Da auf mein letztes Tutorial so viel gutes Feedback kam, kommt nun das nächste :

In diesem Tutorial geht's darum ein Integer (also eine Variable die nur aus Zahlen besteht) zu erhöhen und auf in einem TexView (Text Feld) anzeigen zu lassen.

Wer das erste Tutorial noch kennt klickt hier.

Als erstes fügen wir ein TextView in unser Layout ein :

Nun implementieren wir unseren TextView wie schon zuvor mit dem Button in unserer Java Classe :

Nun fügen wir ein Integer ein der als Klick Zähler fungieren soll und erhöhen pro klick den Integer um 1 :

package com.bj.appstudios.tutorial;

        import android.app.Activity;
        import android.os.Bundle;
        import android.view.View;
        import android.widget.Button;
        import android.widget.TextView;
        import android.widget.Toast;

public class MainActivity extends Activity {

    Button btn;
    TextView tv;
    int clicks;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btn = (Button) findViewById(R.id.button);
        tv = (TextView) findViewById(R.id.tv);
        clicks = 0;

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//Der OnClickListner wird aktiviert sobald der Button gedrückt wird.

                clicks++;
                Toast.makeText(getApplicationContext(), "Du hast mich geklickt!!", Toast.LENGTH_SHORT).show();

            }
        });
    }
}

Jetzt lassen wir unseren Counter noch anzeigen in unserem Text View :

package com.bj.appstudios.tutorial;

        import android.app.Activity;
        import android.os.Bundle;
        import android.view.View;
        import android.widget.Button;
        import android.widget.TextView;
        import android.widget.Toast;

public class MainActivity extends Activity {

    Button btn;
    TextView tv;
    int clicks;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btn = (Button) findViewById(R.id.button);
        tv = (TextView) findViewById(R.id.tv);
        clicks = 0;

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//Der OnClickListner wird aktiviert sobald der Button gedrückt wird.

                clicks++;
                tv.setText("Klicks : " + clicks);
                Toast.makeText(getApplicationContext(), "Du hast mich geklickt!!", Toast.LENGTH_SHORT).show();

            }
        });
    }
}

Dies ist aber zu Langweilig also ändern wir die Text Farbe unseres TextViews :

package com.bj.appstudios.tutorial;

        import android.app.Activity;
        import android.os.Bundle;
        import android.view.View;
        import android.widget.Button;
        import android.widget.TextView;
        import android.widget.Toast;

public class MainActivity extends Activity {

    Button btn;
    TextView tv;
    int clicks, farbe;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btn = (Button) findViewById(R.id.button);
        tv = (TextView) findViewById(R.id.tv);
        clicks = 0;
        tv.setTextColor(0xff16ff00);
        farbe = 1;

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//Der OnClickListner wird aktiviert sobald der Button gedrückt wird.

                clicks++;
                tv.setText("Klicks : " + clicks);
                if (farbe == 1) {
                    tv.setTextColor(0xffff0400);
                    farbe = 2;
                }
                else {
                    tv.setTextColor(0xff16ff00);
                    farbe = 1;
                }
                Toast.makeText(getApplicationContext(), "Du hast mich geklickt!!", Toast.LENGTH_SHORT).show();

            }
        });
    }
}

Wir benutzen einen weiteren Integer um zu kennzeichnen welche Text Farbe gerade vorhanden ist. Außerdem könnt ihr den Toast von unserem ersten Tutorial aus klammern in dem ihr // vor die Zeile schreibt, was wie folgt aussieht :

//Toast.makeText(getApplicationContext(), "Du hast mich geklickt!!", Toast.LENGTH_SHORT).show();

Wie ihr in den Code sehen könnt benutzen wir eine If/ Else Klausel das heißt If (wenn) etwas bestimmtes zutrifft wird das folgende gemacht und wenn es nicht zutrifft wird dann das gemacht was unter Else zu steht.

Jetzt müsst ihr es nur wieder auf euer Handy überspielen und ausprobieren.

Viel Spaß :smiley: