Question

通过使用操作栏支持库，我试图将自定义视图与选项卡导航一起放到操作栏中。但它并没有像预期的那样出现。

以下是代码。

public class TODOListHomeActivity extends BaseActivity {

private RelativeLayout topbarLayout;
private TextView titleTextView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    _activity = this;
    // Notice that setContentView() is not used, because we use the root
    // android.R.id.content as the container for each fragment

    // setup action bar for tabs
    actionBar = getSupportActionBar();
    // disable the default title and icon display
    actionBar.setDisplayShowHomeEnabled(false);
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setLogo(null);
    View homeIcon = findViewById(android.R.id.home);
    ((View) homeIcon.getParent()).setVisibility(View.GONE);

    // TODO: The below code may change as per new design
    topbarLayout = (RelativeLayout)LayoutInflater.from(_activity).inflate(getResources().getLayout(R.layout.header_layout), null);
    actionBar.setCustomView(topbarLayout);
    titleTextView = (TextView)topbarLayout.findViewById(R.id.tv_messagecenter);
    titleTextView.setText(getResources().getText(R.string.todolist));
    // new design-end

    actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

    Tab tab = actionBar.newTab()
            .setText(getResources().getString(R.string.tasks))
            .setTabListener(new TabListener<TODOListFragment>(
                    this, getResources().getString(R.string.tasks), TODOListFragment.class));
    actionBar.addTab(tab);

    tab = actionBar.newTab()
            .setText(getResources().getString(R.string.due_today))
            .setTabListener(new TabListener<TODOListFragment>(
                    this, getResources().getString(R.string.due_today), TODOListFragment.class));
    actionBar.addTab(tab); 

    tab = actionBar.newTab()
            .setText(getResources().getString(R.string.completed))
            .setTabListener(new TabListener<TODOListFragment>(
                    this, getResources().getString(R.string.completed), TODOListFragment.class));
    actionBar.addTab(tab); 
}

class TabListener<T extends Fragment> implements ActionBar.TabListener {
    private Fragment mFragment;
    private final Activity mActivity;
    private final String mTag;
    private final Class<T> mClass;

    /** Constructor used each time a new tab is created.
     * @param activity  The host Activity, used to instantiate the fragment
     * @param tag  The identifier tag for the fragment
     * @param clz  The fragment's Class, used to instantiate the fragment
     */
    public TabListener(Activity activity, String tag, Class<T> clz) {
        mActivity = activity;
        mTag = tag;
        mClass = clz;
    }

    /* The following are each of the ActionBar.TabListener callbacks */

    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        // Check if the fragment is already initialized
        if (mFragment == null) {
            // If not, instantiate and add it to the activity
            mFragment = Fragment.instantiate(mActivity, mClass.getName());
            ft.add(android.R.id.content, mFragment, mTag);
        } else {
            // If it exists, simply attach it in order to show it
            ft.attach(mFragment);
        }
    }

    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        if (mFragment != null) {
            // Detach the fragment, because another one is being attached
            ft.detach(mFragment);
        }
    }

    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // User selected the already selected tab. Usually do nothing.
    }
}

并且header_layout.xml是

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res/com.vl.infotrax"
style="?attr/actionButtonStyle"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="fill_horizontal"
android:background="@drawable/topstrip" >

<ImageView
    android:id="@+id/iv_crossicon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/margin_small"
    android:src="@drawable/crossicon" />

<com.vl.infotrax.components.CustomTextView
    android:id="@+id/tv_messagecenter"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_marginLeft="@dimen/margin_small"
    android:layout_toLeftOf="@+id/btn_brodcast_menu"
    android:layout_toRightOf="@+id/iv_crossicon"
    android:ellipsize="end"
    android:gravity="center"
    android:lines="1"
    android:maxLines="1"
    android:singleLine="true"
    android:text="MESSAGE CENTER"
    android:textColor="@android:color/white"
    android:textSize="@dimen/textsize_titlebar"
    custom:customFont="fonts/HELVETIC.TTF" />

<ImageView
    android:id="@+id/btn_brodcast_menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="@dimen/margin_small"
    android:background="@drawable/broadcasticon" />

</RelativeLayout>

输出如下所示。

Layout Link

我需要标签栏应该位于自定义视图下方。我怎么能这样做？

Answer 1

在您的情况下，为每个标签嵌入了一个ActionBar，而不是所有标签都嵌入了ActionBar，但您需要ViewPager {{1}}，反之亦然。看一下本教程 http://wptrafficanalyzer.in/blog/implement-swiping-between-tabs-with-viewpager-in-action-bar-using-sherlock-library/

Answer 2

您可以尝试这样的解决方法......

首先设置setDisplayShowHomeEnabled(true)，然后按照下面提到的

actionBar.setDisplayShowHomeEnabled(true);

        try{
            View homeIcon = findViewById(android.R.id.home);
            ((View) homeIcon.getParent()).setVisibility(View.GONE);
        }
        catch(Exception e)
        {

        }

操作栏支持库 - 自定义视图和选项卡

2 个答案: