4

我試圖在我的android.support.v7.widget.Toolbar中放置一個SlidingTabLayout,但由於某些原因,在縱向佈局中有額外的頂部和底部填充。如在該截圖:如何從android.support.v7.widget.Toolbar中刪除頂部和底部填充?

Portrait

在景觀佈局android.support.v7.widget.Toolbar較短,微胖消失:

Landscape

我知道contentInsertStartcontentInsetEnd屬性,但不似乎不是頂部和底部的任何東西。這裏是我的佈局:

<android.support.design.widget.AppBarLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:theme="?attr/actionBarTheme" 
    > 

    <!-- Changing the size of the toolbar fixed the problem below but I don't like the solution since the height difference is perceptible --> 
    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="?attr/colorPrimary" 
     android:padding="0dp" 
     app:popupTheme="?attr/actionBarPopupTheme" 
     > 

     <!-- TODO: BUG - This isn't filling out the action bar in portrait (see note above) --> 
     <com.myapplication.views.widgets.SlidingTabLayout 
      android:id="@+id/sliding_tabs" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:background="@color/pink_400" 
      /> 

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

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

正如評論指出,如果我手動設置android.support.v7.widget.Toolbar的高度48dp那麼SlidingTabLayout填充它,但這裏有兩個問題在這裏:

  1. 的工具欄與標準工具欄不同的高度,這在改變活動時是顯而易見的。
  2. Toolbar的圖標不再垂直居中,如果我改變它的高度

所以正如標題所說,如何從android.support.v7.widget.Toolbar刪除頂部和底部填充?

+1

你嘗試使用ATTR/actionBarSize的高度? –

+0

@RaviSravanKumar,是的,我做到了。我會更新這個問題。 –

+0

@RaviSravanKumar實際上你可能會做些什麼。當我有'android:layout_height =「?attr/actionBarSize」'set時,我沒有粉紅色的背景。現在重置它顯示'SlidingTabLayout'實際上確實填充了'工具欄',但指標很高(這就是爲什麼我最初沒有注意到這種差異的原因)。 –

回答

5

好吧@RaviSravanKumar評論幫助我弄清楚這一點。當我改變了我的佈局回:

<android.support.design.widget.AppBarLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:theme="?attr/actionBarTheme" 
    > 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="?attr/actionBarPopupTheme" 
     > 

     <com.myapplication.views.widgets.SlidingTabLayout 
      android:id="@+id/sliding_tabs" 
      android:layout_width="wrap_content" 
      android:layout_height="?attr/actionBarSize" 
      /> 

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

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

設置爲?attr/actionBarSize高度我注意到SlidingTabLayout竟是充滿整個高度。我只注意到這一點,因爲我設置了用於調試的粉紅色背景。

我之所以錯過這個原因是因爲下劃線指示器仍然不在底部(如原始問題的屏幕截圖所示)。我不得不作出以下改動SlidingTabLayout代碼:

原文:

public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 

    // Disable the Scroll Bar 
    setHorizontalScrollBarEnabled(false); 
    // Make sure that the Tab Strips fills this View 
    setFillViewport(true); 

    mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density); 

    mTabStrip = new SlidingTabStrip(context); 
    addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); 
} 

新:(注意,從LayoutParams.WRAP_CONTENTLayoutParams.MATCH_PARENT變化:

public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 

    // Disable the Scroll Bar 
    setHorizontalScrollBarEnabled(false); 
    // Make sure that the Tab Strips fills this View 
    setFillViewport(true); 

    mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density); 

    mTabStrip = new SlidingTabStrip(context); 
    addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT); 
} 

原文:

protected TextView createDefaultTabView(Context context) { 
    TextView textView = new TextView(context); 
    textView.setGravity(Gravity.CENTER); 
    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP); 
    textView.setTypeface(Typeface.DEFAULT_BOLD); 
    textView.setLayoutParams(new LinearLayout.LayoutParams(
      ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)); 

    TypedValue outValue = new TypedValue(); 
    getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground, 
      outValue, true); 
    textView.setBackgroundResource(outValue.resourceId); 

    if (Build.VERSION.SDK_INT >= 14) { 
     textView.setAllCaps(true); 
    } 

    int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density); 
    textView.setPadding(padding, padding, padding, padding); 

    return textView; 
} 

新:(注意改變佈局PARAMS和填充)

protected TextView createDefaultTabView(Context context) { 
    TextView textView = new TextView(context); 
    textView.setGravity(Gravity.CENTER); 
    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP); 
    textView.setTypeface(Typeface.DEFAULT_BOLD); 
    textView.setLayoutParams(new LinearLayout.LayoutParams(
      ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT)); 

    TypedValue outValue = new TypedValue(); 
    getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground, 
      outValue, true); 
    textView.setBackgroundResource(outValue.resourceId); 

    if (Build.VERSION.SDK_INT >= 14) { 
     textView.setAllCaps(true); 
    } 

    int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density); 
    textView.setPadding(padding, 0, padding, 0); 

    return textView; 
} 
相關問題