在Android 4.0+上删除操作栏左侧图标周围的填充

luc*_*uca 25 android android-layout android-actionbar

我想删除标准android 4.0+操作栏左侧图标周围的填充.我正在设置图标:

getActionBar().setIcon(getResources().getDrawable(R.drawable.ic_action_myapp));
Run Code Online (Sandbox Code Playgroud)

我希望图标垂直填充空间,触摸顶部和底部,类似于soundcloud应用程序的作用:

a.b*_*cci 28

深入研究AOSP来源,似乎所涉及的代码都在com.android.internal.widget.ActionBarView.java.特别是相关部分是onLayout()内部类的方法ActionBarView$HomeView,部分报告如下(第1433-1478行):

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        ...
        final LayoutParams iconLp = (LayoutParams) mIconView.getLayoutParams();
        final int iconHeight = mIconView.getMeasuredHeight();
        final int iconWidth = mIconView.getMeasuredWidth();
        final int hCenter = (r - l) / 2;
        final int iconTop = Math.max(iconLp.topMargin, vCenter - iconHeight / 2);
        final int iconBottom = iconTop + iconHeight;
        final int iconLeft;
        final int iconRight;
        int marginStart = iconLp.getMarginStart();
        final int delta = Math.max(marginStart, hCenter - iconWidth / 2);
        if (isLayoutRtl) {
            iconRight = width - upOffset - delta;
            iconLeft = iconRight - iconWidth;
        } else {
            iconLeft = upOffset + delta;
            iconRight = iconLeft + iconWidth;
        }
        mIconView.layout(iconLeft, iconTop, iconRight, iconBottom);
    }
Run Code Online (Sandbox Code Playgroud)

相同的小部件使用此布局,定义res/layout/action_bar_home.xml如下:

<view xmlns:android="http://schemas.android.com/apk/res/android"
  class="com.android.internal.widget.ActionBarView$HomeView"
  android:layout_width="wrap_content"
  android:layout_height="match_parent">
<ImageView android:id="@android:id/up"
           android:src="?android:attr/homeAsUpIndicator"
           android:layout_gravity="center_vertical|start"
           android:visibility="gone"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginEnd="-8dip" />
<ImageView android:id="@android:id/home"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginEnd="8dip"
           android:layout_marginTop="@android:dimen/action_bar_icon_vertical_padding"
           android:layout_marginBottom="@android:dimen/action_bar_icon_vertical_padding"
           android:layout_gravity="center"
           android:adjustViewBounds="true"
           android:scaleType="fitCenter" />
</view>
Run Code Online (Sandbox Code Playgroud)

根据消息来源,图标显示在Imageviewid = android.R.id.home.onLayout()上面报告的方法考虑ImageView了布局中定义的边距,不能通过主题/样式覆盖设置,因为它们使用该值@android:dimen/action_bar_icon_vertical_padding.

您所能做的就是在运行时删除这些值,并根据您的需要进行设置:只需检索ImageView并设置其顶部和底部边距即可0.像这样的东西:

ImageView icon = (ImageView) findViewById(android.R.id.home);
FrameLayout.LayoutParams iconLp = (FrameLayout.LayoutParams) icon.getLayoutParams();
iconLp.topMargin = iconLp.bottomMargin = 0;
icon.setLayoutParams( iconLp );
Run Code Online (Sandbox Code Playgroud)

编辑:我刚刚意识到我没有介绍如何摆脱左边填充.解决方法如下

操作栏上的左侧填充受操作栏图标的" 导航向上"行为的影响.当禁用(通过ActionBar.setDisplayHomeAsUpEnabled(false))时,左/上指示消失,但也使用左边距.简单的解决方案:

  1. 启用操作栏向上导航ActionBar.setDisplayHomeAsUpEnabled(true),以便在布局过程中考虑指标视图
  2. 强制使用在你的指示的绘制res/values-v14/styles.xmlnull

例如:

<style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">
    <!-- API 14 theme customizations can go here. -->
    <item name="android:homeAsUpIndicator">@null</item>
</style>
Run Code Online (Sandbox Code Playgroud)


小智 19

我找到了另一个更改toolbarStyle的解决方案(参考appcompat-v7),代码如下:

<item name="toolbarStyle">@style/Widget.Toolbar</item>


<style name="Widget.Toolbar" parent="@style/Widget.AppCompat.Toolbar">
    <item name="contentInsetStart">0dp</item>
</style>
Run Code Online (Sandbox Code Playgroud)


Dha*_*mar 11

使用ActionBar的自定义布局

在此输入图像描述

public class TestActivity extends Activity {

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        final ActionBar actionBar = getActionBar();
        actionBar.setCustomView(R.layout.actionbar_custom_view_home);
        actionBar.setDisplayShowTitleEnabled(false);
        actionBar.setDisplayShowCustomEnabled(true);
        actionBar.setDisplayUseLogoEnabled(false);
        actionBar.setDisplayShowHomeEnabled(false);

        setContentView(R.layout.main);

    }

    public void Click(View v) {
        if (v.getId() == R.id.imageIcon) {
            Log.e("click on-->  ", "Action icon");
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

actionbar_custom_view_home.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center" >

    <ImageView
        android:id="@+id/imageIcon"
        android:onClick="Click"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Large Icon With Title"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)