動作欄支持庫-自定義視圖和選項卡

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>

輸出如下所示。

我需要選項卡欄應位於自定義視圖下方。 我怎樣才能做到這一點？

Answer 1

在您的情況下，每個選項卡都嵌入一個ActionBar ，而不是所有選項卡都嵌入一個ActionBar ，但是您需要帶ViewPager ActionBar ，相反。 看一下本教程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)
        {

        }