My ToolBar is too high and because of that it looks ugly and the screen below is cropped, how do I fix it?

Question

Here's my toolbar screen.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <LinearLayout
    android:id="@+id/container_toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <!-- Include your Toolbar -->
    <include
        android:id="@+id/mytoolbar"
        layout="@layout/toolbar" />
</LinearLayout>

<FrameLayout
    android:id="@+id/container_body"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1">
    <!-- Embed your fragment in a Layout View-->
    <fragment xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:map="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.example.Activities.MenuActivity"
        />
</FrameLayout>
 </LinearLayout>

How it looks on your phone: You can see that the toolbar is too high. Manifest:

<activity
        android:name="com.example.Activities.MenuActivity"
        android:label="@string/title_activity_test"
        tools:ignore="InnerclassSeparator" />
    <activity

Styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

MenuActivity.class

setContentView(R.layout.activity_menu);
    Toolbar toolbar = findViewById(R.id.mytoolbar);
    setSupportActionBar(toolbar);
    Drawer(toolbar,MenuActivity.this,MenuActivity.this);

    if (getSupportActionBar() != null) {
        getSupportActionBar().setTitle("Аппараты");
    }

void Drawer:

public void  Drawer(Toolbar toolbar, Context context, android.app.Activity activity){


    DatabaseReference rootRef2 = FirebaseDatabase.getInstance().getReference();
    DatabaseReference uidRef2 = rootRef2.child("users").child(getUid());
    ValueEventListener valueEventListener2 = new ValueEventListener() {
        @Override
        public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
            String email = dataSnapshot.child("account").getValue(String.class);
            String Avatar = dataSnapshot.child("Avatar").getValue(String.class);
            Long coinsAmount = dataSnapshot.child("coinsAmount").getValue(Long.class);

            String coinsView = "Баланс: " + coinsAmount;




                if (Avatar.equals("1")) {
                    avatar = (R.drawable.a1);
                }
                if (Avatar.equals("2")) {
                    avatar = (R.drawable.a2);
                }


            IProfile profile = new ProfileDrawerItem()
                    .withName(email)
                    .withEmail(coinsView)
                    .withIcon(avatar);

            AccountHeader headerResult = new AccountHeaderBuilder()
                    .withActivity(activity)
                    .withHeaderBackground(R.drawable.account_header_background)
                    .addProfiles(
                            profile
                    )
                    .build();


               result = new DrawerBuilder()
                    .withActivity(activity)
                    .withToolbar(toolbar)
                    .withAccountHeader(headerResult)
                    .addDrawerItems(
                            new PrimaryDrawerItem()
                                    .withName("Устройства")
                                    .withIcon(R.drawable.device)
                                    .withIdentifier(1)
                    )
                    .addDrawerItems(
                            new PrimaryDrawerItem()
                                    .withName("Сканер")
                                    .withIcon(R.drawable.scaner)
                                    .withIdentifier(2)
                    )
                    .addDrawerItems(
                            new PrimaryDrawerItem()
                                    .withName("Магазины")
                                    .withIcon(R.drawable.shop)
                                    .withIdentifier(3)
                    )
                    .addDrawerItems(
                            new PrimaryDrawerItem()
                                    .withName("Купоны")
                                    .withIcon(R.drawable.coupons)
                                    .withIdentifier(4)
                    )
                    .addDrawerItems(
                            new PrimaryDrawerItem()
                                    .withName("Архив Купонов")
                                    .withIcon(R.drawable.oldcoupons)
                                    .withIdentifier(5)
                    )
                    .withOnDrawerItemClickListener((view, i, iDrawerItem) -> {
                        if(iDrawerItem.getIdentifier() == 1 && !Activity.equals("Menu")){
                            Intent intent = new Intent(context,MenuActivity.class);
                            startActivity(intent);
                        }
                        else if(iDrawerItem.getIdentifier() == 2 && !Activity.equals("Scaner")){
                            Intent intent = new Intent(context,DecoderActivity.class);
                            startActivity(intent);
                        }
                        else if(iDrawerItem.getIdentifier() == 3 && !Activity.equals("Shop")){
                            Intent intent = new Intent(context,ShopActivity.class);
                            startActivity(intent);
                        }
                        else if(iDrawerItem.getIdentifier() == 4 && !Activity.equals("oldCoupons")){
                            Intent intent = new Intent(context,oldCouponsActivity.class);
                            startActivity(intent);
                        }

                        return false;
                    })
                    .build();

            Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(false);
            Objects.requireNonNull(result.getActionBarDrawerToggle()).setDrawerIndicatorEnabled(true);

        }

        @Override
        public void onCancelled(@NonNull DatabaseError databaseError) {

        }

    };
    uidRef2.addValueEventListener(valueEventListener2);




}

How to fix it and how do we all? I have long tried to fix it I used android:fitsSystemWindows="true" and I still did not help activity is cut only the first time if you restart the activity is all OK. I came to the conclusion that this may be due to firebase but how to solve this and eventually fix this problem I could not

Toolbar.xml

<androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:iosched="http://schemas.android.com/apk/res-auto"


android:id="@+id/toolbar_actionbar"
android:layout_width="match_parent"
android:layout_height="@dimen/materialize_toolbar"
android:background="@color/grey_500"
android:minHeight="?attr/actionBarSize"

android:theme="?attr/actionBarTheme" />

You should had to use `android:layout_height="?attr/actionBarSize"` — Krishna Sharma, Jul 20 '19 at 17:24
"You should had to use android:layout_height="?attr/actionBarSize"" @KrishnaSharma it did not help me — Гоша Громов, Jul 20 '19 at 17:26
Did you try changing style as `parent="Theme.AppCompat.Light.NoActionBar"` — Krishna Sharma, Jul 20 '19 at 17:46
Last try , add `marginTop` as `"?attr/actionBarSize"` in your frame layout. like this `android:marginTop="?attr/actionBarSize"` — Krishna Sharma, Jul 20 '19 at 17:55
Please do correct your layout file as well, seems like closing tag is missing for parent linear layout. I hope that would be just — Krishna Sharma, Jul 20 '19 at 17:58
@KrishnaSharma I don't understand where to put android:marginTop="?attr/actionBarSize" could you tell us more — Гоша Громов, Jul 20 '19 at 18:00
corrected typo `android:layout_marginTop="?attr/actionBarSize"` — Krishna Sharma, Jul 20 '19 at 18:06
@KrishnaSharma when I do this it turns out even worse under my toolbar, there is another — Гоша Громов, Jul 20 '19 at 18:07
to prevent issue can you just simply add any background color in framelayout and see if that visible below the map(empty area) `android:background="@android:color/holo_red_dark"` — Krishna Sharma, Jul 20 '19 at 18:23

Chrisvin Jem · Accepted Answer · 2019-07-21T12:56:06.623

1

Try setting android:fitsSystemWindows="true" to your base linear layout.

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">

Update - The answer that finally worked was to use CoordinatorLayout as the base layout.

P.S - To any person looking at this in the future, the other possible considerations were,

Setting it in the theme using <item name="android:fitsSystemWindows">true</item>
Setting it's value as false instead of true. It doesn't make logical sense, but I've seen people state that that works at times
Ensure that you have android:minHeight="?attr/actionBarSize" in your Toolbar
It might be worth completely replacing the container_toolbar LinearLayout with your Toolbar and set fitsSystemWindows as true.
Using a CoordinatorLayout or DrawerLayout your base layout. They're supposed to handle fitsSystemWindows differently from the other 'basic' layouts.
Consider the plethora of ways suggested here
And if all else fails, then you can override fitSystemWindows(Rect insets) to get your desired layout as the official docs suggests.

edited Jul 21 '19 at 12:56

answered Jul 20 '19 at 17:01

Chrisvin Jem

3,940
1
8
24

Try setting it in the theme using `true`? – Chrisvin Jem Jul 20 '19 at 17:32
Also, try setting it as false. I know that it doesn't make logical sense, but I've seen people state that that works at times. – Chrisvin Jem Jul 20 '19 at 17:32
Also, ensure that you have `android:minHeight="?attr/actionBarSize"` in your `Toolbar`. – Chrisvin Jem Jul 20 '19 at 17:35
Try the plethora of ways suggested [here](https://stackoverflow.com/questions/29738510/toolbar-overlapping-below-status-bar/29738556). – Chrisvin Jem Jul 20 '19 at 17:49
And if all else fails, then you can override `fitSystemWindows(Rect insets)` to get your desired layout as the [official docs](https://developer.android.com/training/system-ui/status#behind) suggests. – Chrisvin Jem Jul 20 '19 at 17:52
I have studied this issue and nothing in there did not help me – Гоша Громов Jul 20 '19 at 17:54
How can I do this override fitSystemWindows? – Гоша Громов Jul 20 '19 at 17:55
Try taking a look at [this](https://gist.github.com/cbeyls/ab6903e103475bd4d51b). I've never actually done it before, so I can't help you with the actual implementation atm. – Chrisvin Jem Jul 20 '19 at 18:24
But before you do that, it might be worth completely replacing the container_toolbar `LinearLayout` with your `Toolbar` and set `fitsSystemWindows` as true. – Chrisvin Jem Jul 20 '19 at 18:28
One last shot, try using a `CoordinatorLayout` or `DrawerLayout` your base layout. They're supposed to handle `fitsSystemWindows` differently from the other 'basic' layouts. If that fails as well, then I'm sorry to say I'm out of ideas. :( – Chrisvin Jem Jul 20 '19 at 18:48
sorry for the long answer but it really helped me a lot thank you – Гоша Громов Jul 21 '19 at 12:33
1

No probs, did you find a solution? (P.S- Upvote if it helped, cheers) – Chrisvin Jem Jul 21 '19 at 12:34
Yes it was necessary to replace with coordinator layout – Гоша Громов Jul 21 '19 at 12:44
Cool, I've updated the answer. Upvote and mark the answer as correct. Cheers mate. – Chrisvin Jem Jul 21 '19 at 12:50

score 0 · Answer 2 · answered Jul 20 '19 at 17:40

Try simplifying your layout. Put the toolbar and fragment inside the LinearLayout

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <include
        android:id="@+id/mytoolbar"
        layout="@layout/toolbar" />

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:map="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.example.Activities.MenuActivity"
        />

</LinearLayout>

unfortunately that didn't help me either – Гоша Громов Jul 20 '19 at 17:48 — Гоша Громов, Jul 20 '19 at 17:48

My ToolBar is too high and because of that it looks ugly and the screen below is cropped, how do I fix it?

2 Answers2