Skip to content Skip to sidebar Skip to footer
Home / Android / Android Actionbar / Android Layout / Android Toolbar / Toolbar

Align Imageview To Fully Left

Post a Comment
I have been fighting with this issue but I have no idea what I am doing wrong in here. I have a custom toolbar [code]

Solution 1:

Try this

<android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:theme="@style/AppTheme.AppBarOverlay"><android.support.v7.widget.Toolbarxmlns: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/toolbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="0dp"android:background="@color/colorPrimary"android:contentInsetLeft="10dp"android:contentInsetRight="10dp"android:contentInsetStart="10dp"android:minHeight="?attr/actionBarSize"android:padding="0dp"app:contentInsetLeft="10dp"app:contentInsetRight="10dp"app:contentInsetStart="10dp"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><ImageViewandroid:layout_width="48dp"android:layout_height="48dp"android:layout_alignParentStart="true"android:layout_gravity="right"android:padding="8dp"android:src="@drawable/ic_menu_camera"android:tint="@color/colorAccent" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_alignParentEnd="true"><ImageViewandroid:id="@+id/image2"android:layout_width="48dp"android:layout_height="48dp"android:layout_alignParentEnd="true"android:layout_gravity="right"android:padding="8dp"android:src="@drawable/ic_menu_camera"android:tint="@color/colorPink" /><ImageViewandroid:layout_width="48dp"android:layout_height="48dp"android:layout_alignParentEnd="true"android:padding="8dp"android:src="@drawable/ic_menu_camera"android:tint="@color/colorGreen" /><ImageViewandroid:id="@+id/searchActivityButton"android:layout_width="48dp"android:layout_height="48dp"android:layout_gravity="right"android:padding="8dp"android:src="@drawable/ic_menu_camera"android:tint="@color/colorPink" /></LinearLayout></RelativeLayout></android.support.v7.widget.Toolbar></android.support.design.widget.AppBarLayout>

OUTPUT

enter image description here

Or Try this if you want all your icon to left side

<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 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/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="0dp"
        android:background="@color/colorPrimary"
        android:contentInsetLeft="10dp"
        android:contentInsetRight="10dp"
        android:contentInsetStart="10dp"
        android:minHeight="?attr/actionBarSize"
        android:padding="0dp"
        app:contentInsetLeft="10dp"
        app:contentInsetRight="10dp"
        app:contentInsetStart="10dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:orientation="horizontal"
            android:layout_height="wrap_content">
        <ImageView
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_gravity="right"
            android:padding="8dp"
            android:src="@drawable/ic_menu_camera"
            android:tint="@color/colorAccent" />


        <ImageView
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_gravity="right"
            android:padding="8dp"
            android:src="@drawable/ic_menu_camera"
            android:tint="@color/colorAccent" />
        <ImageView
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_gravity="right"
            android:padding="8dp"
            android:src="@drawable/ic_menu_camera"
            android:tint="@color/colorAccent" />

        <ImageView
            android:id="@+id/searchActivityButton"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_gravity="right"
            android:padding="8dp"
            android:src="@drawable/ic_menu_camera"
            android:tint="@color/colorAccent" />
        </LinearLayout>
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>

OUTPUT

enter image description here

Solution 2:

Use Relative layout inside the toolbar it will be beneficial. try this

Solution 3: 

<android.support.v7.widget.Toolbarandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/white"app:contentInsetLeft="0dp"app:contentInsetStart="0dp"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/white"><ImageViewandroid:id="@+id/sideMenu"android:layout_width="35dp"android:layout_height="35dp"android:layout_centerVertical="true"android:layout_marginStart="8dp"android:padding="5dp"android:src="@drawable/icon" /><ImageViewandroid:id="@+id/imageLogo"android:layout_width="140dp"android:layout_height="40dp"android:layout_centerHorizontal="true"android:src="@drawable/logo"android:textSize="20sp"android:textStyle="bold" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:background="@android:color/white"android:orientation="horizontal"><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginRight="10dp"><ImageViewandroid:id="@+id/cart"android:layout_width="35dp"android:layout_height="35dp"android:layout_marginRight="10dp"android:padding="5dp"android:src="@drawable/icon_bell" /></RelativeLayout><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginRight="10dp"><ImageViewandroid:id="@+id/cart2"android:layout_width="35dp"android:layout_height="35dp"android:layout_marginRight="10dp"android:padding="5dp"android:src="@drawable/icon_bell" /></RelativeLayout><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginRight="10dp"><ImageViewandroid:id="@+id/cart3"android:layout_width="35dp"android:layout_height="35dp"android:layout_marginRight="10dp"android:padding="5dp"android:src="@drawable/icon_bell" /></RelativeLayout></LinearLayout></RelativeLayout></android.support.v7.widget.Toolbar>

I added the center image too. If you don't want just remove it. Thank you. Hope it works for u.

You may like these posts

Post a Comment for "Align Imageview To Fully Left"