Android toolbar layout width and height getting changed automatically?

Question

I'm new to Android Studio and it is creating a lot of problem to me while setting my toolbar in and activity,the problem is whenever i change it layout width and height to the following

layout_width=match_parent
layout_height=attr/actionBarsize

it is getting back to change to the following

layout_width=368dp
layout_height=56dp

No matter how many times it tried to change it is giving me the same result again and again.

[First check if there are any post related into stackOverflow](https://stackoverflow.com/questions/29202367/how-to-make-toolbar-on-android-takes-a-full-width) — Foo Bar, Jun 08 '17 at 11:14
`layout_hieght` has a typo in it - make sure that is not a problem in your code. — halfer, Jun 08 '17 at 13:17
Please learn how to use the block formatting tools here - your code blocks could be formatted using the Markdown code button. — halfer, Jun 08 '17 at 13:18

score 1 · Answer 1 · answered Aug 20 '17 at 13:28

Yeah this was really annoying me too. I presume you are trying to put the toolbar within a ConstraintLayout.

ConstraintLayout doesn't support match_parent and it expects every view to be constrained. When you click in the design mode of the Android Studio, the editor will kick in and try to 'fix' any issues with your xml. In this case it finds your toolbar is not constrained and is incorrectly using match_parent and so tries to fix this for you (and you should see a warning that the toolbar is not constrained).

I think you have 2 options:

1 Constrain the toolbar in your layout and replace 'match_parent' with '0dp'

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="0dp"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    android:layout_marginLeft="0dp"
    app:layout_constraintLeft_toLeftOf="parent"
    android:layout_marginRight="0dp"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_marginTop="0dp" />

2 Put the toolbar within a co-ordinator layout. You used to have to do this for scrolling functionality with the toolbar, but with the new ConstraintLayout I'm not sure if this still applies

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

score 0 · Answer 2 · answered Jun 08 '17 at 11:39

XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay"
    android:id="@+id/coach_bar">

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

    </android.support.v7.widget.Toolbar>

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

 <!--<Your Design>-->

</RelativeLayout >

Java

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setLogo(R.drawable.my_icon);
setSupportActionBar(toolbar);
if(getSupportActionBar()!=null)
  getSupportActionBar().setDisplayHomeAsUpEnabled(true);

Manifest.xml

<activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:screenOrientation="portrait"
        android:theme="@style/AppTheme.NoActionBar"/>

score 0 · Answer 3 · edited Mar 29 '18 at 04:02

0

I had this problem and finally I found that I didn't saved style.xml after it changed.

edited Mar 29 '18 at 04:02

Vishal Chhodwani

2,567
5
27
40

answered Mar 28 '18 at 22:16

Saleh Afzoon

1
1

Android toolbar layout width and height getting changed automatically?

3 Answers3