Вопрос по android – Actionbarsherlock + вкладки + мульти фрагменты?

17

Я изо всех сил пытался заставить работать actionbarsherlock + tabs + фрагменты.

Я только могу заставить этот набор работать как статический, я хотел бы создать подобное приложение для Android Market (движение пальцем).

Я застреваю, когда вам нужно надуть макет с несколькими фрагментами внутри.

В Support4demos я получил FragmentsTabsPager в качестве примера для подражания.

Вам нужно опубликовать код, с которым у вас возникли проблемы, и ваш LogCat, если возникнут какие-либо исключения. Если вы хотите провести междуFragments тебе нужно использоватьViewPager. adneal

Ваш Ответ

3   ответа
3

IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first) при переключении на ранее выбранную вкладку.

Мне нравится адаптировать пример Google с помощьюFragmentStatePageAdapter вместо простогоFragmentPageAdapter, который заменит вам фрагменты и решит эту ошибку. Обычно это уничтожит фрагменты, которые, по его мнению, могут быть удалены для экономии места; переопределитьdestroyItem(ViewGroup, int, Object) с пустым блоком, если вы хотите всегда держать свои фрагменты.

Вот пример:

public class ActionBarTabs extends SherlockFragmentActivity {
    CustomViewPager mViewPager;
    TabsAdapter mTabsAdapter;
    TextView tabCenter;
    TextView tabText;
    ActionBar mActionBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);

        mViewPager = new CustomViewPager(this);
        mViewPager.setId(R.id.pager);

        setContentView(mViewPager);
        mActionBar = getSupportActionBar();
        mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        mActionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

        mTabsAdapter = new TabsAdapter(this, mViewPager);

        mTabsAdapter.addTab(mActionBar.newTab().setText("Page 1"), 
            YOURFRAGMENT_A.class, null);
        mTabsAdapter.addTab(mActionBar.newTab().setText("Page 2"), 
            YOURFRAGMENT_B.class, null);
        mTabsAdapter.addTab(mActionBar.newTab().setText("Page 3"), 
            YOURFRAGMENT_C.class, null);
    }

    public static class TabsAdapter extends FragmentPagerAdapter
            implements ActionBar.TabListener, ViewPager.OnPageChangeListener {
        private final Context mContext;
        private final ActionBar mActionBar;
        private final ViewPager mViewPager;
        private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();

        static final class TabInfo {
            private final Class<?> clss;
            private final Bundle args;

            TabInfo(Class<?> _class, Bundle _args) {
                clss = _class;
                args = _args;
            }
        }

        public TabsAdapter(SherlockFragmentActivity activity, ViewPager pager) {
            super(activity.getSupportFragmentManager());
            mContext = activity;
            mActionBar = activity.getSupportActionBar();
            mViewPager = pager;
            mViewPager.setAdapter(this);
            mViewPager.setOnPageChangeListener(this);
        }

        public void addTab(ActionBar.Tab tab, Class<?> clss, Bundle args) {
            TabInfo info = new TabInfo(clss, args);
            tab.setTag(info);
            tab.setTabListener(this);
            mTabs.add(info);
            mActionBar.addTab(tab);
            notifyDataSetChanged();
        }

        @Override
        public int getCount() {
            return mTabs.size();
        }

        @Override
        public Fragment getItem(int position) {
            TabInfo info = mTabs.get(position);
            return Fragment.instantiate(mContext,
                info.clss.getName(), info.args);
        }

        @Override
        public void onPageScrolled(int position, float positionOffset,
            int positionOffsetPixels) {
        }

        @Override
        public void onPageSelected(int position) {
            mActionBar.setSelectedNavigationItem(position);
        }

        @Override
        public void onPageScrollStateChanged(int state) {
        }

        @Override
        public void onTabSelected(Tab tab, FragmentTransaction ft) {
            Object tag = tab.getTag();
            for (int i = 0; i < mTabs.size(); i++) {
                if (mTabs.get(i) == tag) {
                    mViewPager.setCurrentItem(i);
                }
            }
        }

        @Override
        public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        }

        @Override
        public void onTabReselected(Tab tab, FragmentTransaction ft) {
        }
    }
}

Хорошо работает с ABS и относительно прост в реализации.

38

о, чем библиотека ABS и библиотека поддержки. Вот мой код:

public class ActionBarTabs extends SherlockFragmentActivity {
CustomViewPager mViewPager;
TabsAdapter mTabsAdapter;
TextView tabCenter;
TextView tabText;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);

    mViewPager = new CustomViewPager(this);
    mViewPager.setId(R.id.pager);

    setContentView(mViewPager);
    ActionBar bar = getSupportActionBar();
    bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

    mTabsAdapter = new TabsAdapter(this, mViewPager);

    mTabsAdapter.addTab(bar.newTab().setText("Home"),
            ToolKitFragment.class, null);
    mTabsAdapter.addTab(bar.newTab().setText("FujiSan"),
            FujiFragment.class, null);
}

public static class TabsAdapter extends FragmentPagerAdapter implements
        ActionBar.TabListener, ViewPager.OnPageChangeListener {
    private final Context mContext;
    private final ActionBar mActionBar;
    private final ViewPager mViewPager;
    private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();

    static final class TabInfo {
        private final Class<?> clss;
        private final Bundle args;

        TabInfo(Class<?> _class, Bundle _args) {
            clss = _class;
            args = _args;
        }
    }

    public TabsAdapter(SherlockFragmentActivity activity, ViewPager pager) {
        super(activity.getSupportFragmentManager());
        mContext = activity;
        mActionBar = activity.getSupportActionBar();
        mViewPager = pager;
        mViewPager.setAdapter(this);
        mViewPager.setOnPageChangeListener(this);
    }

    public void addTab(ActionBar.Tab tab, Class<?> clss, Bundle args) {
        TabInfo info = new TabInfo(clss, args);
        tab.setTag(info);
        tab.setTabListener(this);
        mTabs.add(info);
        mActionBar.addTab(tab);
        notifyDataSetChanged();
    }

    @Override
    public int getCount() {
        return mTabs.size();
    }

    @Override
    public Fragment getItem(int position) {
        TabInfo info = mTabs.get(position);
        return Fragment.instantiate(mContext, info.clss.getName(),
                info.args);
    }

    @Override
    public void onPageScrolled(int position, float positionOffset,
            int positionOffsetPixels) {
    }

    @Override
    public void onPageSelected(int position) {
        mActionBar.setSelectedNavigationItem(position);
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        Object tag = tab.getTag();
        for (int i = 0; i < mTabs.size(); i++) {
            if (mTabs.get(i) == tag) {
                mViewPager.setCurrentItem(i);
            }
        }
    }

    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
    }

    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
    }
}
}

Вы загружаете содержимое вкладки, основываясь на следующем.

mTabsAdapter.addTab(bar.newTab().setText("Home"),
            YOURFRAGMENTHERE.class, null);  

Это даст вам прекрасный эффект «смахивания», как вы на него ссылаетесь, с ABS, библиотекой поддержки и фрагментами. ABS действительно делает это почти так же, как работа с нативными библиотеками. Я на самом деле скопировал этот код прямо из примера с вкладками Googles и немного изменил его для ABS.

Надеюсь это поможет

Ну, я мог бы это понять, но моя проблема в том, что класс фрагментов всегда падает, не могли бы вы поделиться или дать мне способ, как создать этот класс фрагментов с двумя или более фрагментами внутри? Спасиб Marckaraujo
Удивительно. Спасибо. Намного лучше, чем примеры, которые идут с ABS, потому что это дает фрагменты с прекрасными, новыми вкладками ICS, в отличие от примера ABS, который, кажется, возвращается к старым вкладкам при использовании фрагментов Steven Elliott
Чувак .. Ты чертовски спасатель жизни. Я бился головой о кирпичную стену, пытаясь заставить работать ViewPager, ABS и Swipe. Благодарность Tony
Спасибо за пример кода, это именно то, что я искал! Есть одна вещь, хотя я, кажется, не понимаю, для чего хорош «CustomViewPager»? Похоже, что он прекрасно работает и со стандартным ViewPager. Glenn85
Хочу поблагодарить вас больше, я реализовывал более старую, но ОЧЕНЬ похожую версию, используя tabhost, что привело к ужасному стилю на устройствах 2.x. Это просто сэкономило мне много времени. Благодарность Mike P.
10

В основном,ViewPager библиотека - это то, чего вам не хватает. Мои предложения:

1. ActionBarSherlock

Работать с ним так просто, что я этого не объясню.

2. ViewPagerExtensions

Ты можешь найти этоВо. Загрузите файлы ZIP и создайте новый проект из него.

Я только могу заставить этот набор работать как статический, я хотел бы создать подобное приложение для Android Market (движение swype).

Воплощать в жизньcom.astuetz.viewpager.extensions.SwipeyTabsView из этого проекта. Есть простые примеры. это именно то, что вы хотите. Есть даже другие стили вкладок на выбор (включая новую вкладку «Люди», которая поставляется с ICS). Кроме того, его очень легко стилизовать под стиль вашего приложения.

3.FragmentPagerAdapter

Наконец, этот класс из библиотеки поддержки (v4).

Удачи, и не стесняйтесь спрашивать меня, нужна ли вам дополнительная помощь.

Тебе не нужно переопределятьinstantiateItem вFragmentPagerAdapter если ты используешь то, что я предложил. Вам нужно только

Предоставить конструктор с помощьюFragmentManager и вызов супер реализации; OverridegetCount, чтобы вернуть количество фрагментов в вашем пейджере, иgetItem, то, что вы будете использовать, чтобы вернуть свои фрагменты для создания.

Это пример из кода, который у меня здесь (полный рабочий, производственный пример). Это внутренний класс для действия, которое реализует пейджер:

static class MyFragmentPagerAdapter extends FragmentPagerAdapter {

    public MyFragmentPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public int getCount() {
        return 2;
    }

    @Override
    public Fragment getItem(int position) {
        Fragment f;
        switch(position) {
        case 0:
            f= new ItemSalesDataFragment();
            break;
        case 1:
            f= new DepartmentChooserFragment();
            break;
        default:
            throw new IllegalArgumentException("not this many fragments: " + position);
        }
        return f;
    }
}

Как видите, этот пейджер обрабатывает две «страницы», слева отображаются данные о продажах. Правильный позволяет пользователю выбрать, какой отдел. Те, которые возвращаются вgetItem метод. Правильные фрагменты (вы можете использовать любые фрагменты, которые у вас уже есть, никаких изменений не требуется).

Как и ожидалось, вы объединяете все это вместе, 1) создавая объект, который создает экземплярMyFragmentPagerAdapter и 2) настройте адаптер на свойViewPager объект будет тем классом, который вы только что создали. Как видите, этоgetItemетод @ "даст" пейджеру все фрагменты, которые вам нужны. Пример

mFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager());
mViewPager.setAdapter(mFragmentPagerAdapter);

Конечно, есть и другие вещи, например, создание самих кнопок вкладок и объединение всего этого для перекрестного общения. Я предлагаю взглянуть на примеры, представленные в ZIP-файле ViewPagerExtensions, который вы загружаете с GitHub. Это просто ответ на вопрос в вашем комментарии. Как видите, с помощью этой библиотеки не так много кода.

@ Jeroen, не уверен, что ты имеешь в виду. Если вы уточните, какой макет я мог бы вам помочь. В противном случае вы всегда можете задать более общий вопрос о том, в чем ваша проблема. davidcesarino
Мне было интересно: как мы можем совместить это с демонстрацией поддержки Layout? Потому что у меня есть одна вкладка, в которой я бы тоже хотел это реализовать ... Jeroen
Я рекомендую библиотеку ViewPagerExtensions, потому что мне понравился сгенерированный код, а также потому, что она предоставляет несколько различных типов вкладок, из которых вы можете выбирать, кроме того, что они очень просты в оформлении. Если вы обнаружите, что подход Rymnel ограничен в том, что вы можете сделать, обязательно попробуйте. davidcesarino
спасибо, это действительно помогает. Теперь мне нужно научиться раздувать два макета для каждой позиции внутри: Object instantiateItem (Просмотреть контейнер, int position), есть ли у вас учебник? Спасиб Marckaraujo
Обновленный ответ, чтобы показать пример того, как вы используетеFragmentpagerAdapter чтобы вернуть нужные вам фрагменты. Если вам нужна другая помощь, не стесняйтесь спрашивать. davidcesarino

Похожие вопросы