2016-09-05 81 views
7

我有什麼辦法可以減少標題文本和TabLayout圖標之間的距離,就像Google plus中圖標和文本標題至少沒有距離一樣。我已經搜查過,但至今仍無法找到。調整Tablayout標題文本和圖標之間的高度

enter image description here

EDITED

這是我如何設置的圖標和標題:

tabLayout.getTabAt(3).setIcon(R.drawable.ic_more_horiz_white_24dp); 
tabLayout.getTabAt(3).setText("More"); 

這是我TabLayout

<android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabIndicatorColor="@color/white" 
     app:tabIndicatorHeight="2dp" 
     app:tabTextAppearance="?android:attr/textAppearanceSmall" 
     /> 
+0

您是否使用TabLayout的任何自定義佈局? – Nikhil

+1

您是否找到了解決方案? – Merian

+0

你有沒有找到這方面的解決方案? –

回答

2

已引入以幫助開發人員符合材料設計標準。在這種情況下,適當的選項卡高度,圖標和文本以及圖標和文本大小之間的填充。看看Material Design Guidelines爲了熟悉它們。

但是,如果您確實不喜歡填充(並且不想根據Material Design指南構建應用程序),則可以對其進行更改。可以使用@user13 answer。這樣你可以傳遞你的佈局。

但是記住,如果你想更動態地建立TabLayout和使用它的TabLayout.Tab#setText(java.lang.CharSequence)TabLayout.Tab#setIcon(int)必須使用佈局類似:在標識符@android:id/icon@android:id/text1

<ImageView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@android:id/icon"/> 
<TextView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="0" 
    android:id="@android:id/text1" 
    android:gravity="center" 
    android:layout_below="@android:id/text1" /> 

Looke。如果您添加這些ID的TabLayout您的佈局將與TabLayout類代碼一起使用。有關更多信息,請查看documentation

+0

當然,讓我試試這個。 –

+0

您使用「weight」,它只適用於LinearLayout父項,並且還使用僅在RelativeLayout父項中起作用的「layout_below」。我認爲這應該包裹在LinearLayout中,並且可以刪除「layout_below」屬性。 – Singed

+0

謝謝!你的答案幫助了我! +1 –

相關問題