CODEWITHSUNDEEP
android
bipin
bipin

Reputation: 1091

show imageview in android toolbar at top left corner before title

I want to show imageview on android toolbar before the Title but its not working , it gives me image after title on the right side , can anyone help I want image to be at left at the beginning of toolbar enter image description here

Here is my layout:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.astro.famouspandit.Activities.Abstract.AbstractActivity">



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

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageViewplaces"
                android:src="@drawable/ic_question_mark"
                />
            </android.support.v7.widget.Toolbar>




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

And here's the activity

package com.astro.famouspandit.Activities.Abstract;

import android.content.Intent;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;

import com.astro.famouspandit.Activities.Activity.ChartStyle;
import com.astro.famouspandit.Activities.Activity.SelectLanguage;
import com.astro.famouspandit.R;

public class AbstractActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_abstract);



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


    }


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


    }

    public boolean onOptionsItemSelected(MenuItem item){
        int items = item.getItemId();
        switch(items){

            case R.id.action_Language:{
                Intent intent = new Intent(this,SelectLanguage.class);
                startActivity(intent);
            }break;

            case R.id.action_CharStyle:{
                Intent intent = new Intent(this,ChartStyle.class);
                startActivity(intent);

            }break;
        }

        return super.onOptionsItemSelected(item);
    }

}

Upvotes: 13

Views: 17821

Answers (3)

PPartisan
PPartisan

Reputation: 8231

You could trying using the setIcon() method. Remove the ImageView from your Toolbar in your layout file, and add the following to your Activity

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setIcon(R.drawable.ic_question_mark);

Edit: You may also need to include getSupportActionBar().setDisplayShowHomeEnabled(true);

Upvotes: 13

AmeyaG
AmeyaG

Reputation: 178

Just set the layout_gravity="left" for ImageView and layout_gravity="center" for TextView. Hope This helps:

    <android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent" android:layout_height="wrap_content"
android:id="@+id/toolbar"
android:background="?attr/colorPrimaryDark"
android:minHeight="?attr/actionBarSize"
android:fitsSystemWindows="true"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
>
  <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
    android:layout_gravity="left"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:text="Title"
    android:layout_gravity="center"/>
 </android.support.v7.widget.Toolbar>

Upvotes: 6

Rohit Heera
Rohit Heera

Reputation: 2727

Just add a textView Before ImageView

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

   <RelativeLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent">

          <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/title"
               android:text="title"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageViewplaces"
                android:torightof="@id/title"
                android:src="@drawable/ic_question_mark"/>
   </RelativeLayout>
</android.support.v7.widget.Toolbar>

Upvotes: 2

Related Questions