Darstellung Fragmente

Headhunter_1337 · 22. September 2018

Ich habe da mal eine Frage zu Fragmenten...

Mein "Problem" ist die Darstellung bzw. der Hintergrund bei den Fragmenten.

Wenn ich ein Fragment öffne will/anzeigen lasse, sieht man das alte Fragment UND das neue in einem bzw. überlappend.
Dies ist nur der Fall, wenn ich bei dem neuen Fragment keine Hintergrundfarbe angegeben habe.

Muss ich mit Hintergrundfarben arbeiten bzw. wie kann ich das alte Fragment "ausblenden" (lassen)?

EDIT:

Es ist nur das Startlayout zu sehen, alle anderen Fragmente werden ja über .replace ausgetauscht.
Aber das Layout (bzw. die Test textView), welches angezeigt wird, wenn ich die App starte, bleibt zu sehen.

nono124 · 23. September 2018

Hallo hierzu eine Frage.
Wie fügst du den das Fragment ein?
Das erste Fragment wird eingefügt alle weiteren werden ausgetauscht.
Dazu brauchst du dem fragmentmanager und eine transaction.
Zeige mal den Code.

Headhunter_1337 · 23. September 2018

@jogimuc Wenn dass mit dir so weiter geht, müssen wir noch Telefonnummern tauschen Du bist ja ständig der erste mit Hilfestellungen ( Ist nicht böse gemeint, ich finde es gut )

Also, ein Fragment per Button bzw Menüeintrag tue ich wie folgt

Code

fragmentTransaction = getSupportFragmentManager().beginTransaction().replace(R.id.container, new FragmentBatt()).addToBackStack(null);
            fragmentTransaction.commit();

DAS funktioniert auch alles soweit.

Der Menücode:

Code

public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();


        if (id == R.id.nav_home) {
            // DO NOTHING
        } else if (id == R.id.nav_batt) {


            fragmentTransaction = getSupportFragmentManager().beginTransaction().replace(R.id.container, new FragmentBatt()).addToBackStack(null);
            fragmentTransaction.commit();


        } else if (id == R.id.nav_cig) {
            // DO NOTHING
        } else if (id == R.id.nav_vap) {
            // DO NOTHING
        } else if (id == R.id.nav_bas) {


            fragmentTransaction = getSupportFragmentManager().beginTransaction().replace(R.id.container, new FragmentBas()).addToBackStack(null);
            fragmentTransaction.commit();


        } else if (id == R.id.nav_fla) {


            fragmentTransaction = getSupportFragmentManager().beginTransaction().replace(R.id.container, new FragmentFla()).addToBackStack(null);
            fragmentTransaction.commit();


        } else if (id == R.id.nav_mixing_ratio){


            fragmentTransaction = getSupportFragmentManager().beginTransaction().replace(R.id.container, new FragmentLiqLab()).addToBackStack(null);
            fragmentTransaction.commit();


        } else if (id == R.id.nav_settings){
            // DO NOTHING
        } else if (id == R.id.nav_quit){
            System.exit(0);
        }

Alles anzeigen

Wenn ich aber keinen Hintergrund angebe, ist es so als wenn das neue Fragment transparant angelegt wird.

Wenn ich dass richtig verstanden habe, funktioniert ein Fragment so, als wenn ich ein Blatt Papier über ein anderes lege und beim Klick auf den Zurück-Button (in meinem Fall), wird das oberste Blatt wieder runtergenommen, richtig?!

Hier noch die onCreate Methode. FragmentStart habe ich testweise eingefügt, umzuschauen ob das Problem besteht weil sonst die Standard activity_main.xml geladen wird.

Code

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


        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.addDrawerListener(toggle);
        toggle.syncState();


        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);




        fragmentTransaction = getSupportFragmentManager().beginTransaction().add(R.id.container, new FragmentStart()).addToBackStack(null);
        fragmentTransaction.commit();
    }

Alles anzeigen

So sieht es beim starten aus

[Blockierte Grafik: https://www2.pic-upload.de/img/35998939/fragment.png]

nono124 · 23. September 2018

Hallo ich kann da jetzt keinen Fehler erkennen.
Ich hatte das Problem noch nicht das da etwas durchscheint. Habe auch immer ein einfaches layout gemacht .eine Hintergrund Farbe für das layout Habe ich auch keine angegeben. Und habe immer nur genau das layout was ich lade in Container des Main layout.
Hast du etwa in dem Container etwa View Elemente. Der Container sollte lehr sein.
Mit dem addToBackStack(null) bin ich mir nicht sicher denn das mache ich eigentlich nicht. Wenn ich den stack löschen zurücksetzen will . Mache ich das mit popBackStack() .

Xcreen · 24. September 2018

Kann es sein das du verschiedene Fragment-Typen benutzt?
Also in einem Fragment import android.support.v4.app.Fragment; und in einen anderen import android.app.Fragment; ?

Headhunter_1337 · 25. September 2018

Zitat von Headhunter_1337

Zitat von jogimuc

Mit dem addToBackStack(null) bin ich mir nicht sicher denn das mache ich eigentlich nicht. Wenn ich den stack löschen zurücksetzen will . Mache ich das mit popBackStack() .

popBackStack() wird in der Main bei mir rot hinterlegt und funktioniert nicht.

Zitat von Xcreen

Kann es sein das du verschiedene Fragment-Typen benutzt?
Also in einem Fragment import android.support.v4.app.Fragment; und in einen anderen import android.app.Fragment; ?

In der MainActivity habe ich gar keinen Fragment-Import

Code

import android.os.Bundle;
import android.support.v4.app.FragmentTransaction;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;


public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

Alles anzeigen

Wenn ich extends Fragment schreibe, kann ich wenn dann nur den import android.support.v4.app.Fragment wählen, der andere Import ist durchgestrichen.

Und egal welchen Import ich in der Main angebe, ich bekomme Probleme (denke dass liegt am Drawer-Layout) im restlichen Code.
Von daher habe ich in der Main nichts mit extends Fragment angezogen.

In den anderen Fragmenten wird mit import android.support.v4.app.Fragment; importiert.

nono124 · 25. September 2018

hi also popBackStack() ist eine Methode des framentmanager.

Erstelle einzelne variablen Und nicht alles hintereinander.
Dann geht das auch.

FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();fragmentManager.popBackStack();

damit löschst du den backstack für die zurück taste allgemeinen braucht man das nicht. Deine Variante ist auf jeden Fall sinnlos.Etwas hinzufügen und null angeben kann nicht geh'n.

Headhunter_1337 · 25. September 2018

Code

fragmentManager = getSupportFragmentManager();
fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentBasic());
fragmentManager.popBackStack();
fragmentTransaction.commit();

So habe ich es jetzt mal gemacht. Die Überlappung habe ich immer noch und - wie erwähnt - bei Klick auf den Zurückbutton wird die App verlassen.

Dass man jedes Mal aus der App geht wenn man auf den Zurückbutton klickt, soll nicht passieren. Aber soweit bin ich noch nicht,
erstmal muss ich die Überlappung weg

nono124 · 25. September 2018

das du zurück gehst ist ja klar du löschst ja auch den backstack das wolltest du ja auch.
Was hast du eigentlich für ein Projekt erstellt?
Ich denke ein Standard mit Nachfrager oder?

In der Mainactivity und somit in der oncreate musst du ein Fragment mit add laden und den echo Net nur mit replace austauschen.
Denn backstck kannst bereinigen musst du Aber nicht kommt darauf an was du für ein verhalten brauchst..

Frage was ist new FragmentBasic() ist das die klasse was du austauschen möchtest. Also dein Fragment welches du neu einsetzen willst. Welche Klasse Fragment ist vorher geladen ?. Und wie sieht den dein Fragment aus und auch wie sieht das layout das du Im Fragment lädst aus?

Headhunter_1337 · 30. September 2018

Zitat von jogimuc

das du zurück gehst ist ja klar du löschst ja auch den backstack das wolltest du ja auch.
Was hast du eigentlich für ein Projekt erstellt?

Naja, ganz raus aus der App war nicht der Plan, wenn denn eher dass man zurück auf das Startfragment kommt.
Ich bastle für mich eine App mit ein paar Schiebereglern, Eingabefelder etc. Ist einfach nur etwas für E-Zigarette, nichts wildes aber für mich ein Ziel zum üben.

Zitat von jogimuc

Ich denke ein Standard mit Nachfrager oder?

???

Zitat von jogimuc

In der Mainactivity und somit in der oncreate musst du ein Fragment mit add laden und den echo Net nur mit replace austauschen.
Denn backstck kannst bereinigen musst du Aber nicht kommt darauf an was du für ein verhalten brauchst.

Hatte ich zuerst so gemacht, allerdings war mir nicht klar welches Fragment bzw. hatte ich extra dafür eins erstellt. Dies wollte ich so allerdings nicht haben. Oder ist das Standard?

Zitat von jogimuc

Frage was ist new FragmentBasic() ist das die klasse was du austauschen möchtest. Also dein Fragment welches du neu einsetzen willst. Welche Klasse Fragment ist vorher geladen ?. Und wie sieht den dein Fragment aus und auch wie sieht das layout das du Im Fragment lädst aus?

FragmentBasic ist einfach nur ein leeres Fragment.
Welches Fragment gerade geladen ist, kommt drauf an welches vorher angeklickt wurde. Oder was meinst du?

Die MainActivity sieht aktuell so aus:

Headhunter_1337 · 30. September 2018

Code

package com.example.headhunter.myapplication;




import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;


public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {






    FragmentTransaction fragmentTransaction;
    FragmentManager fragmentManager;




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


        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.addDrawerListener(toggle);
        toggle.syncState();


        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
















    }


    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }


    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();


        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }


        return super.onOptionsItemSelected(item);
    }




    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();


        if (id == R.id.nav_home) {
            //DO NOTHING
        } else if (id == R.id.nav_batteries) {


            fragmentManager = getSupportFragmentManager();
            fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentBatteries());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();


        } else if (id == R.id.nav_cigarettes) {


            fragmentManager = getSupportFragmentManager();
fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentCigarettes());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();


        } else if (id == R.id.nav_vaporizer) {


            fragmentManager = getSupportFragmentManager();
            fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentVaporizer());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();


        } else if (id == R.id.nav_basic) {


            fragmentManager = getSupportFragmentManager();
            fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentBasic());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();


        } else if (id == R.id.nav_flavors) {


            fragmentManager = getSupportFragmentManager();
            fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentFlavors());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();




        } else if (id == R.id.nav_mixing_ratio){


            fragmentManager = getSupportFragmentManager();
            fragmentTransaction = fragmentManager.beginTransaction().replace(R.id.container, new FragmentLiquidLabory());
            fragmentManager.popBackStack();
            fragmentTransaction.commit();


        } else if (id == R.id.nav_settings){


            fragmentTransaction = getSupportFragmentManager().beginTransaction();
            fragmentTransaction.replace(R.id.container, new FragmentSettings());
            fragmentTransaction.addToBackStack(null);
            fragmentTransaction.commit();




















        } else if (id == R.id.nav_quit){
            System.exit(0);
        }










        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }
}

Alles anzeigen

FragmentBasic

Code

package com.example.headhunter.myapplication;


import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class FragmentBasic extends Fragment {


    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }


    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {


        View layout = inflater.inflate(R.layout.fragment_basic, null);


        return layout;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }
}

Alles anzeigen

Fragment_basic.xml

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"&gt;


    &lt;TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginStart="169dp"
        android:layout_marginEnd="171dp"
        android:text="Base"
        android:textAlignment="center" /&gt;
&lt;/RelativeLayout&gt;

Alles anzeigen

activity_main.xml

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start"&gt;


    &lt;include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" /&gt;


    &lt;android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" /&gt;


&lt;/android.support.v4.widget.DrawerLayout&gt;

Alles anzeigen

content_main.xml

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".MainActivity"
    tools:showIn="@layout/app_bar_main"&gt;


    &lt;android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"&gt;


        &lt;TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="244dp"
            android:text="MAIN ACTIVITY"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.501"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" /&gt;
    &lt;/android.support.constraint.ConstraintLayout&gt;


&lt;/FrameLayout&gt;

Alles anzeigen

nono124 · 30. September 2018

Hi ich dachte es mir schon dein Container ist nicht lehr.
In dem Content_Main layout hat in dem frame layout nicht drinnen zu stehen das ist ein Lehrer einplatzhalter Container ohne Inhalt.
Dazu musst du aber auch das erste layout in der onCrate mit add laden bevor du es in deinen navdawer mit replace austauschen kannst, wenn nichts drin ist kann auch nichts tauschen.
Erstelle dir ein layout was du in der onCreate mit ass lädst. Hatte dir schon mal gesagt das der Container lehrte sein muss.

Headhunter_1337 · 2. Oktober 2018

Das mit dem leeren Container habe ich wohl vergessen, davon mal ab ist er ja leer soweit.
Es war lediglich eine TextView drin um zusehen welches Fragment gerade geladen ist

Wird ein zusätzliches Layout geladen bzw. per .add hinzugefügt, oder dass neu erstellte über setContent?

Code

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

Jetzt wo ich die TextView rausgelöscht habe, läuft es bzw. schimmert nichts mehr durch. Wie funktioniert dass denn nun mit dem austauschen wenn gar nichts zum austauschen da ist?!
Schließlich werden ja die Fragmente - die geöffnet werden sollen - angezeigt.

Xcreen · 2. Oktober 2018

Wenn ich das richtig von jogimuc verstanden habe, sollst du (was ich auch immer mache) in der onCreate schon das passende Fragment setzten. (Aber keine Ahnung ob das das Überlappen verhindert. Ich hatte selber damit nie Probleme)
Also quasi:

Java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.addDrawerListener(toggle);
    toggle.syncState();
    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);


    if(savedInstanceState == null) {
        FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
        try {
            Fragment fragmentBasic= FragmentBasic.class.newInstance();
            fragmentTransaction.replace(R.id.container, fragmentBasic).commit();
        } 
        catch (Exception ex) {
            ex.printStackTrace();
        }
    }
}

Alles anzeigen

nono124 · 3. Oktober 2018

Hallo ja fast richtig @Xcreen nur in der Zeile 16
Solltest du erst mal ein Fragment laden und nicht tauschen.denn zu dem Zeitpunkt ist der Container lehr.

fragmentTransaction.add(R.id.container, fragmentBasic).

Mit add und nicht replase , im klicklistnet wird dann nur getauscht.

Auch wenn der Container fast lehr ist nur ein Textviev ist er eben nicht lehr.
Da brauchst dich auch nicht wundern wenn da was durchscheint.

Xcreen · 4. Oktober 2018

Mhh komisch in meinen Apps habe ich immer direkt replace gemacht und bei mir scheint nichts durch ...

nono124 · 4. Oktober 2018

Das mit dem durch scheinen hat weniger mit dem add oder replase zu tun. Sondern damit das er i den Main Layout im Container View Elemente hatte in diesen Layout Abschnitt darf nichts sein was statisch geladen wird denn das kann nicht ausgetauscht werden nur frage te die dynamisch geladen werden. Habe ich aber nun auch zur genüge erklärt.

Darstellung Fragmente

Jetzt mitmachen!

Teilen