Grafik Darstellung

Hallo,
zurzeit arbeite ich an einer App, über die ich meine Modelleisenbahn steuern kann. Dabei möchte ich angezeigt bekommen, wo sich ein Zug befindet und wie eine Weiche gestellt ist. Dazu habe ich mir einen Gleisplan erstellt, auf dem alle Gleise frei sind und die Weichen nicht eingezeichnet sind. Das ist mein Hintergrund der App. Wenn ein Zug auf einem Gleis steht soll der Gleisabschnitt von gelb auf Rot die Farbe ändern. Dazu habe ich ein View mit der Farbe Rot auf das gelbe Gleis platziert, welches sich bei verschiedenen Größen vom Display verschiebt. Wie kann ich es lösen, dass das View genau auf dem gelben Gleis sich befindet? Oder gibt es eine einfachere Lösung, wie ich das realisieren kann? Außerdem verzerrt sich der Hintergrund bei verschiedenen Displaygrößen. Wie geht es, dass das Hintergrundbild sich nicht verzerrt?
Hier noch ein Screenshot der App

Mfg. PBahner

Hallo Jokel
Den Gleisplan habe ich mit Excel erstellt. Dort habe ich dann die Signale als Bilder eingefügt. Ich möchte nicht für jede Veränderung der Farbe ein neues Hintergrund Bild einfügen, da es sonst bis zu über 60 Bilder werden könnten. Die App soll auf verschiedenen Geräten laufen, sodass es viel zu umständlich wäre für jedes Gerät ein Hintergrund Bild mit passender Größe zu erstellen.
Erkläre mir bitte genauer, wie ich aus mehreren drawable eine Grafik zusammen bauen kann.

Danke dir!
Die Canvas Klasse mit den "Draw" Methoden kannte ich bisher noch nicht. Ich werde das Mal ausprobieren.

Hallo,
ich habe jetzt ein bisschen herumprobiert. Als Test habe ich ein Kreuz in meine App gezeichnet. Funktioniert auch gut. Das Problem ist aber, dass die App abstürzt, wenn ich die Activity starte. Wenn ich die Zeilen mit "//" in OnCreate() als Kommentar markiere, Funktioniert es, aber das Menu verschwindet. Was kann ich machen, dass ich meine Linien Zeichnen kann und das Menu zusehen ist?

Hier mein Code der Activity:

public class EstwActivity extends AppCompatActivity {

private static final String LOG_TAG = "EstwApp";

MyCanvas myCanvas;
private View estwV;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_estw);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    estwV = findViewById(R.id.EstwV);

    //FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    //fab.setOnClickListener(new View.OnClickListener() {
    //    @Override
    //    public void onClick(View view) {
    //        Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
    //                .setAction("Action", null).show();
    //    }
    //});

    myCanvas = new MyCanvas(this);
    myCanvas.setBackgroundColor(Color.BLACK);
    setContentView(myCanvas);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.menu, menu);
    return super.onCreateOptionsMenu(menu);
}

@Override
public boolean onPrepareOptionsMenu(Menu menu) {
    MenuItem itemTrennen = menu.findItem(R.id.item_trennen);
    MenuItem itemVerbinden = menu.findItem(R.id.item_verbinden);

    if (globaleVariablen.getIs_connected() == true) {
        itemTrennen.setVisible(true);
        itemVerbinden.setVisible(false);
    } else {
        itemTrennen.setVisible(false);
        itemVerbinden.setVisible(true);
    }
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {

    if (R.id.item_verbinden == item.getItemId()) {
        Intent intent = new Intent(this, MainActivity.class);
        startActivity(intent);
    }

    if(R.id.item_trennen == item.getItemId()) {
        trennen();
    }
    return true;
}

public void trennen() {
    if (globaleVariablen.getIs_connected() && globaleVariablen.getStream_out() != null) {
        globaleVariablen.setIs_connected(false);
        Log.d(LOG_TAG, "Trennen: Beende Verbindung");
        try {
            globaleVariablen.getStream_out().flush();
            globaleVariablen.getSocket().close();
            Toast.makeText(this, "Getrennt!", Toast.LENGTH_LONG).show();
        } catch (IOException e) {
            Log.e(LOG_TAG,
                    "Fehler beim beenden des Streams und schliessen des Sockets: "
                            + e.toString());
        }
    } else
        Log.d(LOG_TAG, "Trennen: Keine Verbindung zum beenden " + globaleVariablen.getIs_connected() + " " + globaleVariablen.getStream_out());
}





public class MyCanvas extends View {
    Paint paint = new Paint();

    private void init() {
        paint.setColor(Color.RED);
        paint.setStrokeWidth(7);
    }

    public MyCanvas(Context context) {
        super(context);
        init();
    }

    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawLine(0, 0, canvas.getWidth(), canvas.getHeight(), paint);
        canvas.drawLine(canvas.getWidth(), 0, 0, canvas.getHeight(), paint);
    }
}

}

Die Klasse "MyCanvas" habe ich jetzt in eine extra Datei verschoben. In der Activity habe ich alles von der "MyCanvas" Klassse entfernt. Jetzt habe ich die Klasse mit
<de.my.bluetoothestw.MyCanvas
android:id="@+id/myCanvas"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
in das xml layout eingebunden. das sieht jetzt so aus:

aber auf meinem Handy stürzt die App beim öffnen der Activity ab. Wenn ich das in der xml Datei nicht einbinde, funktioniert es. Was habe ich falsch gemacht, dass die Activity abstürtzt?

— geändert am 17.10.2018, 18:43:51

Hallo
content_estw.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="keine Links auf externe Webseiten"
    xmlns:app="keine Links auf externe Webseiten"
    xmlns:tools="keine Links auf externe Webseiten"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/estw"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="de.my.bluetoothestw.EstwActivity"
    tools:showIn="@layout/activity_estw">

    <de.my.bluetoothestw.MyCanvas
        android:id="@+id/myCanvas"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</android.support.constraint.ConstraintLayout>

activity_estw.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="keine Links auf externe Webseiten"
    xmlns:app="keine Links auf externe Webseiten"
    xmlns:tools="keine Links auf externe Webseiten"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="de.my.bluetoothestw.EstwActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?android:attr/textColorLink"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include
        layout="@layout/content_estw"
        android:layout_height="359dp" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

MyCanvas.java:

public class MyCanvas extends View {
    Paint paint = new Paint();

    private void init() {
        paint.setColor(Color.RED);
        paint.setStrokeWidth(7);
        paint.setAntiAlias(true);
    }

    public MyCanvas(Context context) {
        super(context);
        init();
    }

    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawLine(0, 0, canvas.getWidth(), canvas.getHeight(), paint);//canvas.height
        canvas.drawLine(canvas.getWidth(), 0, 0, canvas.getHeight(), paint);
    }
}

EstwActivity.java:

public class EstwActivity extends AppCompatActivity {

    private static final String LOG_TAG = "EstwApp";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_estw);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setSubtitle("@string/subtitle_activity_estw");

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        MenuItem itemTrennen = menu.findItem(R.id.item_trennen);
        MenuItem itemVerbinden = menu.findItem(R.id.item_verbinden);

        if (globaleVariablen.getIs_connected() == true) {
            itemTrennen.setVisible(true);
            itemVerbinden.setVisible(false);
        } else {
            itemTrennen.setVisible(false);
            itemVerbinden.setVisible(true);
        }
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        if (R.id.item_verbinden == item.getItemId()) {
            Intent intent = new Intent(this, MainActivity.class);
            startActivity(intent);
        }

        if(R.id.item_trennen == item.getItemId()) {
            trennen();
        }
        return true;
    }
}

Das Bild ist nur als Hintergrund eingefügt.
Leider wird bei mir "Um Spam in unserem Forum zu vermeiden, können neue Mitglieder vorerst keine Links auf externe Webseiten veröffentlichen." angezeigt, somit musste ich an manchen stellen "keine Links auf externe Webseiten" schreiben.

Ja. Ich bin ausversehen drauf gekommen.

Hallo
Danke dir! Die App stürtzt nicht mehr ab. Wie kann ich jetzt z.B.: die Farbe der Linie zu einem späteren Zeitpunkt ändern und eine neue Linie zeichnen?

Hallo
Kann ich dann die Linie wieder Löschen oder muss ich eine neue drüber Zeichnen? Und wie geht das?

— geändert am 20.10.2018, 21:01:39

Wie funktioniert das genau. Ich habe bis jetzt nur in die onDraw() Methode drawLine() eingefügt. Funktioniert auch, aber wie kann ich jetzt, wenn etwas auf meiner Anlage passiert, eine neue Linie drüber Zeichnen?

Muss die Methode in die MyCanvas Klasse? Und kann ich diese von meiner EstwActivity.java starten?

OK das sollte gehen. Was soll ich aber in die Klammer schreiben?

MyCanvas MyCanvas = new MyCanvas (?)

— geändert am 21.10.2018, 19:11:31

Ich habe alle 3 erstellt. Wenn ich nur this reinschreibe, stürzt die App ab.

"Attempt to invoke virtual method ... on a null object reference"

— geändert am 21.10.2018, 19:33:30

Ich habe in die Estw Activity

MyCanvas canvas = new MyCanvas (this);

geschrieben und die App stürzt ab.

— geändert am 21.10.2018, 19:47:13

Hallo Jokel
die MyCanvas.java sieht jetzt so aus:

public class MyCanvas extends View {
    Paint paint = new Paint();
    boolean belegt = true;

    private void init() {
        paint.setColor(Color.RED);
        paint.setStrokeWidth(5);
        paint.setAntiAlias(true);
    }

    public MyCanvas(Context context) {
        super(context);
        init();
    }

    public MyCanvas(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyCanvas(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    @Override
    public void onDraw(Canvas canvas) {
        int mX = canvas.getWidth() / 120;
        int mY = canvas.getHeight() / 90;

        int posX_10 = 10 * mX;
        int posX_30 = 30 * mX;
        int posX_40 = 40 * mX;
        int posX_50 = 50 * mX;
        int posX_80 = 80 * mX;
        int posX_90 = 90 * mX;
        int posX_100 = 100 * mX;
        int posX_110 = 110 * mX;
        int posY_20 = 20 * mY;
        int posY_30 = 30 * mY;
        int posY_60 = 60 * mY;
        int posY_70 = 70 * mY;
        int posY_80 = 80 * mY;

        canvas.drawLine(posX_10, posY_80, posX_80, posY_80, paint);
        paint.setColor(Color.YELLOW);

        canvas.drawLine(posX_80, posY_80, posX_90, posY_70, paint);
        canvas.drawLine(posX_80, posY_70, posX_90, posY_70, paint);

        if (belegt) {
            paint.setColor(Color.RED);
        } else {
            paint.setColor(Color.YELLOW);
        }


        canvas.drawLine(posX_90, posY_70, posX_100, posY_70, paint);
        canvas.drawLine(posX_100, posY_70, posX_110, posY_60, paint);
        canvas.drawLine(posX_110, posY_60, posX_110, posY_30, paint);
        canvas.drawLine(posX_110, posY_30, posX_100, posY_20, paint);
        canvas.drawLine(posX_100, posY_20, posX_90, posY_20, paint);

        canvas.drawLine(posX_90, posY_20, posX_50, posY_20, paint);
        paint.setColor(Color.YELLOW);

        canvas.drawLine(posX_50, posY_20, posX_40, posY_20, paint);
        canvas.drawLine(posX_50, posY_30, posX_40, posY_20, paint);
        paint.setColor(Color.RED);

        canvas.drawLine(posX_40, posY_20, posX_30, posY_20, paint);
        paint.setColor(Color.YELLOW);


    }
}

Ok Danke!
Die App stürtzt aber trotzdem noch ab.

Fehlermeldung:

java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{de.my.bluetoothestw/de.my.bluetoothestw.EstwActivity}: java.lang.NullPointerException: Attempt to invoke virtual method 'android.content.res.Resources android.content.Context.getResources()' on a null object reference

— geändert am 22.10.2018, 18:36:01

public class EstwActivity extends AppCompatActivity {

    private static final String LOG_TAG = "EstwApp";
    MyCanvas canvas = new MyCanvas(this); // hier stürtzt die App anscheinend ab

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_estw);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setSubtitle("MoBa Steuerung");

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        MenuItem itemTrennen = menu.findItem(R.id.item_trennen);
        MenuItem itemVerbinden = menu.findItem(R.id.item_verbinden);

        if (globaleVariablen.getIs_connected() == true) {
            itemTrennen.setVisible(true);
            itemVerbinden.setVisible(false);
        } else {
            itemTrennen.setVisible(false);
            itemVerbinden.setVisible(true);
        }
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        if (R.id.item_verbinden == item.getItemId()) {
            Intent intent = new Intent(this, MainActivity.class);
            startActivity(intent);
        }

        if(R.id.item_trennen == item.getItemId()) {
            trennen();
        }

        if(R.id.item_btn == item.getItemId()) {
            TextView t = (TextView) findViewById(R.id.textView);
            t.setText("gedrueckt");
            canvas.belegt = false;
            canvas.invalidate();
        }
        return true;
    }

Vielen Dank!
Die App stürtzt nicht mehr ab, aber wenn ich jetzt in der EstwActivity.java canvas.invalidate(); aufrufe, passiert überhaupt nichts

Hallo
postInvalidate() hat ebenso nicht Funktioniert. Ich habe mir im Menü ein Item eingebaut. Wenn ich darauf Drücke wird "belegt" auf false gesetzt (siehe Code). Im Debugger hat es auch nichts angezeigt.

Vielen Dank!
So hat alles Funktioniert, wie es soll.

Eine Frage habe ich nun noch.
Warum kann ich in die OnDraw() Methode keine eigene Methode schreiben wie z.B.:

private void GleisText(int x, int y) {
        paint.setTextSize(m*4);
        paint.setColor(Color.BLACK);
        paint.getFontMetrics(fm);
        int margin = 5;

        canvas.drawRect(pos("x", x) - margin, pos("y", y) + fm.top - margin,
                pos("x", x) + paint.measureText("1") + margin, pos("y", y) + fm.bottom
                        + margin, paint);


        paint.setColor(Color.WHITE);
        canvas.drawText("1", pos("x", x), pos("y", y), paint);
    }

Wenn ich es außerhalb der Methode einsetzte, wird canvas Rot. Wie kann ich das Lösen? Ich möchte das nicht für jedes Gleis neu einsetzen.

Danke! hat Funktioniert.