Android标签栏在动作栏上呈现，而不是在4.4.2以下的设备中

时间：2014-04-02 15:24:28

标签： android android-actionbar android-actionbar-compat android-actionbaractivity

我在我的应用程序中使用android.support.v7.app.ActionBar，除了一个细节

外，它的效果很好

在4.4.2之前的设备上（我在4.0,4.1,4.2和2.3上测试过）

Kitkat工作正常，但其余的

Kitkat 和前 - Kitkat ：

Kitkat Pre Kitkat 

package com.example.testtabbar;

import java.util.Locale;

import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBar.Tab;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

public class TestActivity extends ActionBarActivity implements ActionBar.TabListener {

    /**
     * The {@link android.support.v4.view.PagerAdapter} that will provide
     * fragments for each of the sections. We use a {@link FragmentPagerAdapter}
     * derivative, which will keep every loaded fragment in memory. If this
     * becomes too memory intensive, it may be best to switch to a
     * {@link android.support.v13.app.FragmentStatePagerAdapter}.
     */
    SectionsPagerAdapter    mSectionsPagerAdapter;

    /**
     * The {@link ViewPager} that will host the section contents.
     */
    ViewPager               mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);

        // Set up the action bar.
        final ActionBar actionBar = getSupportActionBar();
        actionBar.setCustomView(new Button(this));
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        // Create the adapter that will return a fragment for each of the three
        // primary sections of the activity.
        mSectionsPagerAdapter = new SectionsPagerAdapter(this, getSupportFragmentManager());

        // Set up the ViewPager with the sections adapter.
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mSectionsPagerAdapter);

        // When swiping between different sections, select the corresponding
        // tab. We can also use ActionBar.Tab#select() to do this if we have
        // a reference to the Tab.
        mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                actionBar.setSelectedNavigationItem(position);
            }
        });

        // For each of the sections in the app, add a tab to the action bar.
        for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) {
            // Create a tab with text corresponding to the page title defined by
            // the adapter. Also specify this Activity object, which implements
            // the TabListener interface, as the callback (listener) for when
            // this tab is selected.
            actionBar.addTab(actionBar.newTab().setText(mSectionsPagerAdapter.getPageTitle(i)).setTabListener(this));
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.test, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * A {@link FragmentPagerAdapter} that returns a fragment corresponding to
     * one of the sections/tabs/pages.
     */
    public class SectionsPagerAdapter extends FragmentPagerAdapter {

        public SectionsPagerAdapter(final Context context, final FragmentManager fm) {
            super(fm);
        }

        @Override
        public PlaceholderFragment getItem(int position) {
            // getItem is called to instantiate the fragment for the given page.
            // Return a PlaceholderFragment (defined as a static inner class below).
            return PlaceholderFragment.newInstance(position + 1);
        }

        @Override
        public int getCount() {
            // Show 3 total pages.
            return 3;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            Locale l = Locale.getDefault();
            switch (position) {
                case 0:
                    return getString(R.string.title_section1).toUpperCase(l);
                case 1:
                    return getString(R.string.title_section2).toUpperCase(l);
                case 2:
                    return getString(R.string.title_section3).toUpperCase(l);
            }
            return null;
        }
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {
        /**
         * The fragment argument representing the section number for this
         * fragment.
         */
        private static final String ARG_SECTION_NUMBER  = "section_number";

        /**
         * Returns a new instance of this fragment for the given section number.
         */
        public static PlaceholderFragment newInstance(int sectionNumber) {
            PlaceholderFragment fragment = new PlaceholderFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_test, container, false);
            TextView textView = (TextView) rootView.findViewById(R.id.section_label);
            textView.setText(Integer.toString(getArguments().getInt(ARG_SECTION_NUMBER)));
            return rootView;
        }
    }

    /* (non-Javadoc)
     * @see android.support.v7.app.ActionBar.TabListener#onTabReselected(android.support.v7.app.ActionBar.Tab, android.support.v4.app.FragmentTransaction)
     */
    @Override
    public void onTabReselected(Tab arg0, android.support.v4.app.FragmentTransaction arg1) {
        // TODO Auto-generated method stub

    }

    /* (non-Javadoc)
     * @see android.support.v7.app.ActionBar.TabListener#onTabSelected(android.support.v7.app.ActionBar.Tab, android.support.v4.app.FragmentTransaction)
     */
    @Override
    public void onTabSelected(Tab tab, android.support.v4.app.FragmentTransaction arg1) {
        mViewPager.setCurrentItem(tab.getPosition());
    }

    /* (non-Javadoc)
     * @see android.support.v7.app.ActionBar.TabListener#onTabUnselected(android.support.v7.app.ActionBar.Tab, android.support.v4.app.FragmentTransaction)
     */
    @Override
    public void onTabUnselected(Tab arg0, android.support.v4.app.FragmentTransaction arg1) {
        // TODO Auto-generated method stub

    }

}

编辑：使用自定义视图和标签导航时，标签导航位于旧设备的顶部，如何在标签条上方显示操作栏？

上面的代码演示了1类中的问题，该按钮表示自定义布局

创建2个模拟器1 4.4，另一个是2.3，当你在两者上运行时，你会发现问题。 enter image description here

编辑：

尝试透明图标后，结果如下： 附：左边的白色是动作栏bg，但中间的白色是我从截图中删除一些文字以保护应用程序的身份 trans icon

我需要左边的图标触摸左边缘，所以接下来将测试ActionBarSherlock

3 个答案:

答案 0 :(得分：2)

将ViewPager与TabStrip一起使用，您可以在this project

中查看

答案 1 :(得分：1)

我在支持库中遇到了这个问题

所以你有2个解决方案：

1-使用ActionBar Sherlock ActionBar Sherlock

OR

2-Set Display Home Icon，在下面的代码中我添加了空白主页图标，但你可以用它替换它 别的什么

    // Set up the action bar.
    final ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setCustomView(new Button(this));
    //Hide Home Icon (as default)
    actionBar.setDisplayShowHomeEnabled(false);
    //Hide Title
    actionBar.setDisplayShowTitleEnabled(false);
    //if android < 19 4.4 
    if(android.os.Build.VERSION.SDK_INT < 19)
    {
        //display Home icon
        actionBar.setDisplayShowHomeEnabled(true);
        //Set Blank Icon 
        actionBar.setIcon(R.drawable.blank);
    }

但我更喜欢使用ActionBar Sherlock。

答案 2 :(得分：1)

在OnCreate方法中更新行

foractionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

并添加新的显示选项

actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM| ActionBar.DISPLAY_SHOW_HOME);

这将查看操作栏下方的选项卡并显示主页图标。然后，如果你不想要它，你可以用空白图标更新主页图标

您可以使用actionBar.setIcon(yourImage);，其中yourImage是透明png或分辨率为1 * 1像素的图片，或者您要用来覆盖主页图标的图片，这将更改主页图标并将操作栏保留在 TabBar

之上

覆盖主屏幕图标

或者您可以将所需的图标设置为主页图标，然后覆盖onMenuItemSelected 

@Override
public boolean onMenuItemSelected(int featureId, MenuItem item) {

    int itemId = item.getItemId();
    switch (itemId) {
    case android.R.id.home:


      Toast.makeText(MainActivity.this, "home pressed", Toast.LENGTH_LONG).show();
        break;

    }

    return true;
}

这将更改图标并对您的点击进行操作，它将位于屏幕的最左侧，但会出现一个小箭头^ _ ^表示此按钮会打开一个菜单。

相关问题
最新问题