对齐选项卡文本上方的ActionBar导航选项卡图标？

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

我已成功添加使用ActionBar.Tab.setIcon(drawable)的图标，但图标显示在选项卡文本的左侧。

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

（我使用ActionBarSherlock，但图中的解决方案，这将跨本地和ABS实现工作）

来源

2012-04-16 Ollie C

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

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>

来源

2012-07-24 01:20:22

如果你在这里的情况下发布的代码的链接断开这将是很好。 – Joony 2012-09-19 15:56:38

完成，Joony。 Stack Overflow不仅仅是一段代码的完美占位符，所以我仍然保留了主题链接。 – 2012-09-20 00:02:49

下面是一个指向vogella.com的链接，他展示了如何将自定义视图添加到没有actionBarSherlock的操作栏。 http://www.vogella.com/articles/AndroidActionBar/article.html#menu_customviews – 2013-11-09 22:32:40

在styles.xml文件，你可以添加一个 <item name="android:drawableTop">@drawable/your_image.</item> 如果你想这一切都将正常工作图像在顶部是相同的。我不太清楚如何为使用不同图片的标签执行此操作，但不幸的是。

来源

2012-04-20 12:19:11 chuckliddell0

它非常简单只需添加机器人：drawableTop = “@绘制/ 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>

来源

2014-05-14 13:54:41 Sujiz

对齐选项卡文本上方的ActionBar导航选项卡图标？

回答

相关问题