如何在Android中正確設置自定義操作欄

Question

我在我的android應用中創建了一個自定義操作欄。 不幸的是，高度和寬度在我的自定義布局中設置不正確。 運行該應用程序后，自定義操作欄的左側和右側還有一個空白區域，以及一個高度問題。 我該如何解決？

自定義操作欄

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#3A86CF"
        android:orientation="horizontal"
        android:layout_gravity="fill_horizontal">

        <ImageView
            android:id="@+id/imgLeftMenu"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="left|center_vertical|center_horizontal"
            android:layout_weight="1"
            android:src="@drawable/menu_left" />

        <TextView
            android:layout_width="200dp"
            android:layout_height="30dp"
            android:layout_weight="1"
            android:id="@+id/txtTitle"
            android:gravity="center_vertical|center_horizontal"
            android:text="All Post"
            android:textColor="@android:color/white" />

        <ImageView
            android:id="@+id/imgSearch"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@android:drawable/ic_menu_search" />

        <ImageView
            android:id="@+id/imgAdd"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@android:drawable/ic_menu_add" />

    </LinearLayout>

活動代碼

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

    }

    public void CustomActionBar()
    {
        android.support.v7.app.ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayOptions( android.support.v7.app.ActionBar.DISPLAY_SHOW_CUSTOM);

        // Do any other config to the action bar
        getSupportActionBar().setDisplayShowTitleEnabled(false);
        getSupportActionBar().setDisplayShowHomeEnabled(false);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        // set custom view
        View actionBarView = getLayoutInflater().inflate(
                R.layout.custom_action_bar, null);

        View btnMenuLeft= actionBarView.findViewById(R.id.imgLeftMenu);
        btnMenuLeft.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                            }
        });


        View textView_Title= actionBarView.findViewById(R.id.txtTitle);

        View btnMenuShare= actionBarView.findViewById(R.id.imgSearch);
        View btnMenuAdd= actionBarView.findViewById(R.id.imgAdd);
        android.support.v7.app.ActionBar.LayoutParams params = new android.support.v7.app.ActionBar.LayoutParams(
                android.support.v7.app.ActionBar.LayoutParams.MATCH_PARENT,android.support.v7.app.ActionBar.LayoutParams.MATCH_PARENT);
        actionBar.setCustomView(actionBarView, params);

        // Hide the home icon
        actionBar.setIcon(android.R.color.transparent);
        actionBar.setLogo(android.R.color.transparent);
    }

style.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="android:height">5dp</item>
    </style>
</resources>

Answer 1

將以下代碼放在您的style.xml中

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="actionBarStyle">@style/MyActionBar</item>
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <!-- Customize your theme here. -->
</style>



<!-- ActionBar styles -->
<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:background">@color/actionbar_bg</item>
    <item name="background">@color/actionbar_bg</item>
    <item name="android:homeAsUpIndicator">@drawable/ic_backarrow</item>
    <item name="homeAsUpIndicator">@drawable/ic_backarrow</item>
</style>

在清單中使用“ @ style / AppTheme”

自定義布局

<?xml version="1.0" encoding="utf-8"?>

<TextView
    android:id="@+id/cal_tvActionbarTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:textColor="@color/white"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textStyle="bold" />

在Java類中為ActionBar編寫以下代碼

/**
 * Method to change ActionBar Title
 */
public void setMainScreenActionBar(String p_title)
{

    LayoutInflater m_inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    ActionBar m_actionBar = getSupportActionBar();
    View m_viewActionBar = m_inflater.inflate(R.layout.custom_actionbar_title_layout, null);
    ActionBar.LayoutParams m_params = new ActionBar.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT, ActionBar.LayoutParams.MATCH_PARENT, Gravity.CENTER);
    TextView m_tvTitle = (TextView) m_viewActionBar.findViewById(R.id.cal_tvActionbarTitle);
    m_tvTitle.setText(p_title);
    m_actionBar.setCustomView(m_viewActionBar, m_params);
    m_actionBar.setDisplayShowCustomEnabled(true);
    m_actionBar.setDisplayShowTitleEnabled(false);
    m_actionBar.setDisplayHomeAsUpEnabled(true);
    m_actionBar.setHomeButtonEnabled(true);

}

Answer 2

將以下代碼放在您的style.xml中

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">Light">
    <item name="actionBarStyle">@style/MyActionBar</item>
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <!-- Customize your theme here. -->
</style>



<!-- ActionBar styles -->
<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:layout_height">5dp<background">@color/actionbar_bg</item>
    <item name="background">@color/actionbar_bg</item>
    <item name="android:homeAsUpIndicator">@drawable/ic_backarrow</item>
    <item name="homeAsUpIndicator">@drawable/ic_backarrow</item>
</style>

如果不解決，請在清單中使用“ @ style / AppTheme”

自定義布局

<?xml version="1.0" encoding="utf-8"?>
 <TextView
    android:id="@+id/cal_tvActionbarTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:textColor="@color/white"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textStyle="bold" />

請在您的問題中編寫Belove代碼，並發布此屏幕快照。 Actionbar的Java類

/**
 * Method to change ActionBar Title
 */
public void setMainScreenActionBar(String p_title)
{

    LayoutInflater m_inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    ActionBar m_actionBar = getSupportActionBar();
    View m_viewActionBar = m_inflater.inflate(R.layout.custom_actionbar_title_layout, null);
    ActionBar.LayoutParams m_params = new ActionBar.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT, ActionBar.LayoutParams.MATCH_PARENT, Gravity.CENTER);
    TextView m_tvTitle = (TextView) m_viewActionBar.findViewById(R.id.cal_tvActionbarTitle);
    m_tvTitle.setText(p_title);
    m_actionBar.setCustomView(m_viewActionBar, m_params);
    m_actionBar.setDisplayShowCustomEnabled(true);
    m_actionBar.setDisplayShowTitleEnabled(false);
    m_actionBar.setDisplayHomeAsUpEnabled(true);
    m_actionBar.setHomeButtonEnabled(true);

}