CODEWITHSUNDEEP
androidandroid-actionbarcustomization
Sonia John Kavery
Sonia John Kavery

Reputation: 2129

Custom Actionbar shows margin

I am trying to create an android application with custom actionbar.

my code is 

package com.sample.actionbar;

import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;


public class MainActivity extends ActionBarActivity {

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

        ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayShowHomeEnabled(false);
        //displaying custom ActionBar
        View mActionBarView = getLayoutInflater().inflate(R.layout.action_custom, null);
        actionBar.setCustomView(mActionBarView);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#0C2640")));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        menu.findItem(R.id.action_settings).setVisible(false);

        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.



        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

But it shows margin on all sides.

enter image description here

I want it to fit with actionbar. How can i remove this margin? I tried many codes. but didnt gt what i want.

Upvotes: 2

Views: 2267

Answers (3)

Bastian C
Bastian C

Reputation: 21

I had the same Problem. The solution for me was to add the following entries to my ActionBar style:

<item name="contentInsetStart">0dp</item>
<item name="contentInsetEnd">0dp</item>

So the parts of my styles.xml related to it are resulting:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="actionBarStyle">@style/Actionbar</item>
        ...
    </style>

    <style name="Actionbar" parent="Widget.AppCompat.Light.ActionBar">
        ...
        <item name="contentInsetStart">0dp</item>
        <item name="contentInsetEnd">0dp</item>
    </style>
</resources>

Upvotes: 2

Kiril Aleksandrov
Kiril Aleksandrov

Reputation: 2591

The right way is to use Toolbar. Create it in your layout xml file like this:

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">

  <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize">

    <!-- Your custom action bar views -->

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

</LinearLayout>

Then in your activity just set the the Toolbar to be your action bar:

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

Upvotes: 0

Hiren Patel
Hiren Patel

Reputation: 52810

I have done this way:

ViewGroup actionBarLayout = (ViewGroup) contextAct.getLayoutInflater().inflate(R.layout.actionbar_customview,null);
actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
actionBar.setCustomView(actionBarLayout, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT));

Hope this will help you.

Upvotes: 1

Related Questions