alignment选项卡文本上方的ActionBar导航选项卡图标?

该应用程序有一个ActionBar,并且该ActionBar具有导航选项卡,每个包含文本。 除了文本之外,我还需要为选项卡添加图标。

我已经成功地使用ActionBar.Tab.setIcon(drawable)添加了图标,但图标显示在标签文本的左侧。

如何移动标签图标,使其位于导航标签文本的上方?

(我正在使用ActionBarSherlock,但解决这个问题的方法可以在本地和ABS实现中使用)

Solutions Collecting From Web of "alignment选项卡文本上方的ActionBar导航选项卡图标?"

您可以为每个选项卡设置自定义视图。

https://gist.github.com/3167287

PropositionListActivity.java

 import com.actionbarsherlock.app.ActionBar; import com.actionbarsherlock.app.ActionBar.Tab; import com.actionbarsherlock.app.SherlockActivity; import android.os.Bundle; import android.app.Activity; import android.graphics.Color; import android.graphics.drawable.Drawable; import android.util.Log; import android.view.Menu; import android.view.MenuItem; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ListView; import android.widget.TextView; import android.widget.ImageView; import android.support.v4.app.FragmentTransaction; import android.support.v4.app.NavUtils; public class PropositionListActivity extends SherlockActivity implements ActionBar.TabListener { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.proposition_list); getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); createTab(R.layout.tab_to_opine, R.id.tab_to_opine_title, "Vou Opinar"); createTab(R.layout.tab_opined, R.id.tab_opined_title, "Já Opinei"); createTab(R.layout.tab_feedback, R.id.tab_feedback_title, "Feedback"); } public void createTab(int view, int titleView, String title) { ActionBar.Tab tab = getSupportActionBar().newTab(); tab.setTabListener(this); tab.setCustomView(view); getSupportActionBar().addTab(tab); ((TextView) findViewById(titleView)).setText(title); } } 

tab_to_opine.xml

 <?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="match_parent" android:orientation="vertical" > <ImageView android:id="@+id/tab_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tab_to_opine" android:background="@android:color/transparent" /> <TextView android:id="@+id/tab_to_opine_title" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> 

在styles.xml文件中,你可以添加一个<item name="android:drawableTop">@drawable/your_image.</item>如果你希望所有的图像在顶部相同, 我不太清楚如何为不同的图片使用不同的标签。

它非常简单,只需将android:drawableTop =“@ drawable / your_image”添加到Textview中,然后移除ImageView

 <?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="match_parent" android:orientation="vertical" >

 <TextView android:id="@+id/tab_to_opine_title" android:layout_width="wrap_content" android:drawableTop="@drawable/your_image" android:layout_height="wrap_content" /> </LinearLayout>