Android Appbar avec Tablayout rend application en dehors de l'écran?

Question

J'ai suivi this à Ajouter Tablayout à Mon activité

Dans une même j'ai changé HomeActivity

de public class HomeActivity extends Activity Pour public class HomeActivity extends AppCompatActivity

Maintenant, je reçois comme ce

Je veux afficher le menu Options dans la barre d'action Mais je reçois deux actions/App Bar mise en page

et la mise en page complète manque

1. Tout ce que je besoin que la barre d'action et Bar App devraient combiner
2. Une partie du texte est manquant, je veux dire son sortir côté de l'écran même lorsque je retirer android:fitsSystemWindows="true" Si je garde ce tout va bien il est à l'intérieur de l'écran Mais son côté de la barre d'état, mais si je retire cette Partie inférieure de l'App est manquant

Dans mes précédentes applications tout est bien, mais en raison de Tablayout I je reçois beaucoup d'Issu es ... Quelqu'un peut-il me suggérer sur ce genre ...

Mise à jour

Avec référence de sanatchandravanshi utilisateur @ I haved ajouté <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> et aussi j'ai ajouté

J'ai ajouté ce dans mon code

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
setSupportActionBar(toolbar); 

maintenant, tout est bien, mais mon application est chevauchantes en dehors de l'écran ...

Ceci est mon XML en ce que si je garde cette android:fitsSystemWindows="true"

Je reçois écran application complète Mais la page Haut se cache à côté de la barre d'état comme celui-ci

Mais si je retire android:fitsSystemWindows="true" côté inférieur est débordement extérieur de l'écran ....

Comme l'image ci-dessus

Quelqu'un peut-il me suggérer Comment Application pour adapter le même écran avec la barre d'état, AppBar, Tablayout ...

Answer 1

S'il vous plaît garder votre code comme

HomeActivity public class étend AppCompatActivity

et ajoutez juste en dessous de la ligne à votre style.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 

alors les meilleures pratiques est utiliser Toolbar et personnalisez votre barre d'action comme vous le souhaitez.

Edit:

utilisateur comme ceci:

public class DetailActivity extends AppCompatActivity { 
Toolbar mToolbar; 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_gallery_detail); 
    mToolbar = (Toolbar) findViewById(R.id.upload_gallery_app_bar); 
     setSupportActionBar(mToolbar); 
     getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE); 
     getSupportActionBar().setDisplayHomeAsUpEnabled(true);} 

Création d'un menu et utilisez le menu comme ceci:

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    getMenuInflater().inflate(R.menu.menu_gallery_detail, menu); 
    return true; 
}} 

Mise à jour

Mettre un LinearLayout (au lieu de CoordinatorLayout) Et changer votre fichier XML comme this

Answer 2

Vous devez mettre aucun thème AppTheme.NoActionBar à manisfest pour AppCompatActivity Comme ceci:

AndroidMenifest.xml

  <activity 
       android:name="view.activities.HomeActivity" 
       android:launchMode="singleTask" 
       android:screenOrientation="portrait" 
       //Change Theme to this 
       android:theme="@style/AppTheme.NoActionBar"> 
       <intent-filter> 
        <action android:name="android.intent.action.MAIN" /> 

        <category android:name="android.intent.category.LAUNCHER" /> 
       </intent-filter> 
      </activity> 

Mettez ce thème dans le style

style.xml

<style name="AppTheme.NoActionBar"> 
     <item name="windowActionBar">false</item> 
     <item name="windowNoTitle">true</item> 
    </style>