FragmentPagerAdapter Проведите пальцем, чтобы показать ListView 1/3 ширины экрана

Следующий код достигает желаемого эффекта:

In PageAdapter :

@Override
public float getPageWidth(int position) {
if (position == 0) {
    return(0.5f);
} else {
    return (1.0f);       
}

Читая ваш вопрос в последний раз ... убедитесь, что вы также настроили определенные макеты для каждого размера устройства. Судя по твоим скриншотам, ты пытаешься запустить это на планшете. Вы получаете те же результаты на телефоне?

Настройка макета

Убедитесь, что ваш макет похож на этот и имеет ViewPager:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:background="@color/body_background">

<include layout="@layout/pagerbar" />
<include layout="@layout/colorstrip" />

<android.support.v4.view.ViewPager
        android:id="@+id/example_pager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1" />

</LinearLayout>

Настройка активности

Настройте свой PagerAdapter в своей «FragmentActivity» и убедитесь, что вы реализуете «OnPageChangeListener». Затем правильно настройте свой PagerAdapter в файле onCreate.

public class Activity extends FragmentActivity 
             implements ViewPager.OnPageChangeListener { 
   ...

    public void onCreate(Bundle savedInstanceState) {

       PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());
       pager = (ViewPager) findViewById(R.id.example_pager);

       pager.setAdapter(adapter);
       pager.setOnPageChangeListener(this);
       pager.setCurrentItem(MyFragment.PAGE_LEFT);

       ...
   }


   /* setup your PagerAdapter which extends FragmentPagerAdapter */

   static class PagerAdapter extends FragmentPagerAdapter {
       public static final int NUM_PAGES = 2;

       private MyFragment[] mFragments = new MyFragment[NUM_PAGES];

          public PagerAdapter(FragmentManager fragmentManager) {
           super(fragmentManager);
       }

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

       @Override
       public Fragment getItem(int position) {
           if (mFragments[position] == null) {
               /* this calls the newInstance from when you setup the ListFragment */
               mFragments[position] = MyFragment.newInstance(position);
           }

           return mFragments[position];
       }
   }

 ...

Настройка фрагмента

Когда вы настраиваете свой фактический ListFragment (ваши listViews), вы можете создать несколько экземпляров с такими аргументами:

  public static final int PAGE_LEFT = 0;
  public static final int PAGE_RIGHT = 1;

  static MyFragment newInstance(int num) {
       MyFragment fragment = new MyFragment();

       Bundle args = new Bundle();
       args.putInt("num", num);

       fragment.setArguments(args);
       return fragment;
   }

Когда вы перезагружаете listViews (как бы вы ни решили это реализовать), вы можете выяснить, в каком экземпляре фрагмента вы находитесь, используя такие аргументы:

    mNum = getArguments() != null ? getArguments().getInt("num") : 1;

Если вы пройдёте свой код, вы заметите, что он будет проходить через каждый экземпляр, поэтому приведенный выше код нужен только в вашем onCreate, а метод перезагрузки может выглядеть так:

private void reloadFromArguments() {
    /* mNum is a variable which was created for each instance in the onCreate */
    switch (mNum) {
        case PAGE_LEFT:
            /* maybe a query here would fit your needs? */
            break;

        case PAGE_RIGHT:
            /* maybe a query here would fit your needs? */
            break;
    }
}

Несколько источников, которые могут помочь вам с примерами, которые вы могли бы построить, а не начинать с нуля:

Больше объяснений и примеров с игровой площадки. http://blog.peterkuterna.net/2011/09/viewpager-meets-swipey-tabs.html, который является ссылкой на: http://code.google.com/p/android-playground/

Больше информации и хорошая связь. http://www.pushing-pixels.org/2012/03/16/responsive-mobile-design-on-android-from-view-pager-to-action-bar-tabs.html

Извините за позднее обновление. Я реализовал это из walkice на Gethub с очень небольшими изменениями. Просто используйте условный оператор для GestureDetector, чтобы прокрутить его в поле зрения только тогда, когда в поле зрения находится идентификатор ViewPager, равный «0». Я также добавил переключатель в свою панель действий.

ViewPager является частью Пакет совместимости

Если вы используете фрагменты, вы можете использовать ViewPager для переключения между их.

Вот пример объединения Fragments и ViewPager

В вашем конкретном случае вы хотели бы создать ListFragment, а затем реализовать ViewPager.

Я думаю, вы хотите реализовать «боковую навигацию» рядом со стандартным ViewPager.

Я прочитал 2 разные статьи по этому шаблону:

Первый на самой выкройке:

Шаблон нового пользовательского интерфейса Android — боковая навигация

Второй по более подробному способу кто его строит:

Меню приложения Cyril Mottier Fly-in #1 #2 #3< /а>

С помощью небольшого трюка поведение может быть достигнуто с помощью ScrollView-Behavior внутри ViewPager. Если вы хотите ограничить область самого левого фрагмента, вы можете ограничить пределы прокрутки ScrollView.

В вашем случае: в onPageChangeListener ViewPager сделайте что-то вроде этого:

@Override
public void onPageScrollStateChanged(int arg0) {
    restrictLeftScroll();
}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
    restrictLeftScroll();
}

@Override
public void onPageSelected(int arg0) {

}

private void restrictLeftScroll() {

    if (display != null) {

        /* get display size */
        Point size = new Point();
        display.getSize(size);

        /* get desired Width of left fragment */
        int fragmentWidth = getResources().getDimensionPixelSize(R.dimen.category_fragment_width);

        if (mViewPager.getScrollX() < size.x - fragmentWidth) {
            mViewPager.scrollTo(size.x - fragmentWidth, mViewPager.getScrollY());
        }
    }
}

Этот кусок кода у меня работал без проблем. ;)