Due visualizzazione elenco alla volta con half slide viewpager android

Question

È possibile far scorrere il viewpager a metà dello schermo?

Il mio obiettivo finale è visualizzare due viste elenco alla volta, dopo la prima pagina, l'elenco a sinistra sarebbe l'elenco precedente. così simile a come seguente ..

Lista1, Lista2

lista2, list3

list3, list4

Eventuali soluzioni?

Grazie

Answer 1

Va bene, sto andando a prendere una pugnalata a questo. Ho realizzato ciò che (penso) stai cercando di fare. La mia applicazione ha 3 ListViews e ogni elenco contiene contenuti diversi recuperati da una fonte online e popola uno ViewPager utilizzando adattatori personalizzati e ListViews. L'adattatore personalizzato viene quindi assegnato a un fragment su un PagerAdapter. Ho copiato molto del mio codice da una risorsa Google e cercherò di delineare quello che ho fatto.

In primo luogo, ho aggiunto un ViewPager al mio layout per il mio MainActivity

activity_main.xml:

<android.support.v4.view.ViewPager 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".MainActivity"> 
    <!-- add a PagerTitleStrip --> 
    <android.support.v4.view.PagerTitleStrip 
     android:id="@+id/pager_title_strip" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top"/> 
</android.support.v4.view.ViewPager> 

Poi, ho creato un layout separata ListView ho potuto usare per i miei adattatori personalizzati:

listview.xml

<ListView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@android:id/list" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:divider="#E6E6E6" 
    android:background="#E6E6E6" 
    tools:context=".MainActivity" /> 

Dopo aver avuto questi set, ho scavato nella mia attività. Il resto si svolge all'interno MainActivity.java:

In primo luogo, tracciare alcune variabili:

public class MainActivity extends FragmentActivity implements OnNavigationListener { 

    // your pager adapter 
    SectionsPagerAdapter mSectionsPagerAdapter; 
    ViewPager mViewPager; 

    // your custom adapters (look this up on your own if you do not understand) 
    ArrayList<ListEntry> listOneArrayList = null; 
    ArrayList<ListEntry> listTwoArrayList = null; 
    CustomAdapterListOne customAdapterListOne = null; 
    CustomAdapterListTwo customAdapterListTwo = null; 


    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     // more on that in the next block... 
    } 
} 

Ora, andiamo in onCreate() e iniziare a creare!

public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    // set up your pager adapter 
    mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager()); 
    mViewPager = (ViewPager) findViewById(R.id.viewpager); 
    mViewPager.setAdapter(mSectionsPagerAdapter); 

    // if you want to set a default view: 
    mViewPager.setCurrentItem(0); 

    // now, run some AsyncTasks to load up our lists 
    // I use AsyncTasks because I fetch my data from a server 
    new generateListOne().execute(); 
    new generateListTwo().execute(); 

} 


/* 
* Get the entries and create a list adapter 
*/ 
private class generateListOne extends AsyncTask<String, Void, Object> {  
    @Override 
    protected Object doInBackground(String... args) { 
     listOneArrayList = new ArrayList<ListEntry>(); 
     // this is where I would do all of my networking stuff 
     // and populate my arraylist 
     return null; 
    } 

    @Override 
    protected void onPostExecute(Object result) { 
     // you have to create a new xml layout for 'listview_row' to use here v 
     customAdapterListOne = new CustomAdapterListOne(self, R.layout.listview_row, listOneArrayList); 
     /** Very important! This is where you specify where the list goes: **/ 
     // * Note: Fragment pages start at 0! 
     ListSectionFragment fragment = (ListSectionFragment) getSupportFragmentManager().findFragmentByTag(
      "android:switcher:"+R.id.viewpager+":0"); // <- this is where you specify where the list goes  
     if (fragment != null) {     // <- Could be null if not instantiated yet 
      if(fragment.getView() != null) { 
       customAdapterListOne.notifyDataSetChanged(); 
       fragment.updateListOneDisplay(customAdapterListOne); 
      } 
     }   
    }  
} 

non ho intenzione di scrivere generateListTwo(), ma spero che capire il concetto da generateListOne(). Prestare molta attenzione a ciò che sta accadendo inonPostExecute(). Ora, dobbiamo scrivere lo FragmentPagerAdapter e il nostro ListSection Fragment. Inoltre, dobbiamo includere il nostro elenco personalizzato. Tutto di quella roba segue:

/* 
* Your Custom Adapter Class 
*/  
private class CustomAdapterListOne extends ArrayAdapter<ListEntry> { 
    /* 
    * Read up on the rest of this for custom adapter if you 
    * are unfamilar. There are plenty of resources.. 
    * 
    * I am not going to type it all out. 
    */ 
} 

/* 
* SectionsPagerAdapter class for FragmentPagerAdapter title 
*/ 
public class SectionsPagerAdapter extends FragmentPagerAdapter { 
    public SectionsPagerAdapter(FragmentManager fm) { 
     super(fm); 
    } 

    @Override 
    public Fragment getItem(int i) { 
     Fragment fragment = new ListSectionFragment(); 
     Bundle args = new Bundle(); 
     args.putInt(ListSectionFragment.ARG_SECTION_NUMBER, i + 1); 
     fragment.setArguments(args); 
     return fragment;    
    } 

    @Override 
    public int getCount() { 
     // make sure this is correct 
     int yourNumberOfLists = 5; 
     return yourNumberOfLists; 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     switch (position) { 
      case 0: return "First List"; 
      case 1: return "Second List"; 
      //case 2: etc.. 

     } 
     return null; 
    } 

    public boolean onInterceptTouchEvent(MotionEvent event) { 
     return false; 
    } 
} 

/* 
* ListSectionFragment class for ListFragment(s) 
*/ 
public static class ListSectionFragment extends ListFragment { 

    public static final String ARG_SECTION_NUMBER = "section_number"; 
    public static int CURRENT_SECTION = 0; 

    static ListSectionFragment newInstance(int num) { 
     ListSectionFragment fragment = new ListSectionFragment(); 
     Bundle args = new Bundle(); 
     fragment.setArguments(args); 
     return fragment;   
    } 

    public void updateListOneDisplay(ArrayAdapter<ListEntry> listOneAdapter) { 
     setListAdapter(listOneAdapter); 
    } 

    public void updateListTwoDisplay(ArrayAdapter<ListEntry> listTwoAdapter) { 
     setListAdapter(listTwoAdapter); 
    } 

    // etc.. 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
     Bundle args = getArguments(); 
     CURRENT_SECTION = args.getInt(ARG_SECTION_NUMBER); 
     // note, we are using your listview here v 
     View view = inflater.inflate(R.layout.listview, container, false); 
     return view; 
    } 

    @Override 
    public void onActivityCreated(Bundle savedInstanceState) { 
     super.onActivityCreated(savedInstanceState); 
    } 

    @Override 
    public void onListItemClick(ListView l, View v, int position, long id) { 
     // and just for kicks: 
     Log.i(TAG, "Item clicked: " + position); 
    } 

} 

non dimenticate la vostra ultima } per chiudere la classe MainActivity.java. Spero che questo aiuti qualcuno, so che mi ci è voluto un giorno per capire. L'effetto che questo codice fornisce è simile a quello dell'applicazione Android Place.

Modifica: ho dimenticato di menzionare quando la lista viene caricata. Quando una lista prende fuoco, carica anche la lista precedente e successiva. Questo rende possibile il passaggio ad esso ed è già pronto per essere pronto.Ad esempio:

Si passa all'elenco 2 e l'elenco 1 e l'elenco 3 sono caricati. Poi vai alla lista 3 (e transita senza intoppi perché è già caricato), e la lista 4 e la lista 2 sono caricati. Ciò garantisce che quando si passa a una nuova lista, sia già caricato o in fase di generazione.