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

时间:2013-04-15 22:58:11

标签: android android-layout android-actionbar

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

getActionBar().setIcon(getResources().getDrawable(R.drawable.ic_action_myapp));

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

6 个答案:

答案 0 :(得分:28)

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

ActionBarView$HomeView

相同的小部件使用此布局,在res/layout/action_bar_home.xml

中定义
    @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);
    }

根据消息来源,图标显示在<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> ,ID = Imageview。上面报告的android.R.id.home方法考虑了布局中定义的onLayout()边距,无法通过主题/样式覆盖进行设置,因为它们使用值ImageView

您所能做的就是在运行时删除这些值,并根据您的需要进行设置: 只需检索@android:dimen/action_bar_icon_vertical_padding并将其上边距和下边距设置为ImageView即可。像这样:

0

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

操作栏上的左边距填充受操作栏图标的 Navigating Up 行为的影响。当禁用它时(通过ImageView icon = (ImageView) findViewById(android.R.id.home); FrameLayout.LayoutParams iconLp = (FrameLayout.LayoutParams) icon.getLayoutParams(); iconLp.topMargin = iconLp.bottomMargin = 0; icon.setLayoutParams( iconLp ); ),左/上指示符消失,但也使用左边距。一个简单的解决方案:

  1. 使用ActionBar.setDisplayHomeAsUpEnabled(false)启用操作栏向上导航,以便在布局过程中考虑指标视图
  2. 强制将您的ActionBar.setDisplayHomeAsUpEnabled(true)中的drawable用作向上指示符res/values-v14/styles.xml
  3. 例如:

    null

答案 1 :(得分: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>

答案 2 :(得分:11)

为ActionBar使用自定义布局

enter image description here

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");
        }
    }
}

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>

答案 3 :(得分:2)

remove padding around action bar left icon on Android 4.0+

中增强的 parrzhang 回复
 private void adjustHomeButtonLayout(){
        ImageView view = (ImageView)findViewById(android.R.id.home);
        if(view.getParent() instanceof ViewGroup){
            ViewGroup viewGroup = (ViewGroup)view.getParent();
            View upView = viewGroup.getChildAt(0);
            if(upView != null && upView.getLayoutParams() instanceof FrameLayout.LayoutParams){
                FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) upView.getLayoutParams();
                layoutParams.width = 20;// **can give your own width**
                upView.setLayoutParams(layoutParams);
            }
        }
    }

答案 4 :(得分:0)

要设置ActionBar的高度,您可以像这样创建一个新的主题:

<?xml version="1.0" encoding="utf-8"?>
<resources>   
    <style name="Theme.BarSize" parent="Theme.Sherlock.Light.DarkActionBar">
        <item name="actionBarSize">48dip</item>
        <item name="android:actionBarSize">48dip</item> 
    </style> 
 </resources>

并将此主题设置为您的活动:

机器人:主题= “@风格/ Theme.BarSize”

现在,将图标的高度设置为"match_parent"

这将删除顶部和底部填充。

现在,左侧的箭头已内置到框架中,因此您有两种解决方法可供选择:

  1. 使用ActionBarSherlock。它使用它自己的drwables和资源,因此你可以将箭头图标修改为emty png,这样你的up图标就会移动到最左边。

  2. 上/后图标来自:

  3. public boolean onOptionsItemSelected(MenuItem item) 
                   {
              switch (item.getItemId()) 
                    {
                    case android.R.id.home:
                                NavUtils.navigateUpFromSameTask(this);
                  return true;
                    }      
                   }
    

    因此,您可以创建另一个具有上一个活动意图的操作栏选项,然后将该图标放在操作栏上,而不是将此选项用于向上按钮。

    但这将是一个更大的解决方法。

    希望有帮助......:)

答案 5 :(得分:-1)

你可以在actionbarview中找到如下所示的homeview:

<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" />

但你无法通过findViewById(android.R.id.up)启动。

这样你就可以获得homeView并获得其父视图,设置upview width 0

    ImageView view = (ImageView)findViewById(android.R.id.home);
    if(view.getParent() instanceof ViewGroup){
        ViewGroup viewGroup = (ViewGroup)view.getParent();
        View upView = viewGroup.getChildAt(0);
        FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) upView.getLayoutParams();
        layoutParams.width = 0;
        upView.setLayoutParams(layoutParams);
    }