Puis-je utiliser view pager avec des vues (pas avec des fragments)
J'utilise ViewPager pour passer entre Fragments, mais puis-je utiliser ViewPager pour balayer entre Views une disposition XML simple?
Voici ma page Adapter pour le ViewPager utilisé pour balayer les fragments:
import Java.util.List;
import com.app.name.fragments.TipsFragment;
import Android.support.v4.app.Fragment;
import Android.support.v4.app.FragmentManager;
import Android.support.v4.app.FragmentPagerAdapter;
import Android.support.v4.app.FragmentTransaction;
import Android.view.ViewGroup;
public class PageAdapter extends FragmentPagerAdapter {
/**
*
*/
List<Fragment> fragments;
public PageAdapter(FragmentManager fm,List<Fragment> frags) {
super(fm);
fragments = frags;
}
@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
return TipsFragment.newInstance(0, 0);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return 4;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
FragmentManager manager = ((Fragment) object).getFragmentManager();
FragmentTransaction trans = manager.beginTransaction();
trans.remove((Fragment) object);
trans.commit();
super.destroyItem(container, position, object);
}
}
Et voici mon bout de bout:
public class TipsFragment extends Fragment
{
public static TipsFragment newInstance(int image,int content)
{
TipsFragment fragment = new TipsFragment();
return fragment;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.tip_layout, null);
return view;
}
}
Comment puis-je modifier mon code pour qu'il fonctionne avec Views au lieu de Fragment?
Vous devez remplacer ces deux méthodes plutôt que getItem():
@Override
public Object instantiateItem(ViewGroup collection, int position) {
View v = layoutInflater.inflate(...);
...
collection.addView(v,0);
return v;
}
@Override
public void destroyItem(ViewGroup collection, int position, Object view) {
collection.removeView((View) view);
}
Utilisez cet exemple
Vous pouvez utiliser une seule disposition XML imbriquant les vues des enfants.
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:orientation="vertical">
<Android.support.v4.view.ViewPager
Android:id="@+id/pager"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<LinearLayout
Android:id="@+id/page_one"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:orientation="vertical" >
<TextView
Android:text="PAGE ONE IN"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:textColor="#fff"
Android:textSize="24dp"/>
</LinearLayout>
<LinearLayout
Android:id="@+id/page_two"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:orientation="vertical" >
<TextView
Android:text="PAGE TWO IN"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:textColor="#fff"
Android:textSize="24dp"/>
</LinearLayout>
</Android.support.v4.view.ViewPager>
</LinearLayout>
MAIS ... vous devez également gérer cela avec un adaptateur. Ici, nous retournons l'ID de la vue trouvée sans gonfler aucune autre mise en page.
class WizardPagerAdapter extends PagerAdapter {
public Object instantiateItem(ViewGroup collection, int position) {
int resId = 0;
switch (position) {
case 0:
resId = R.id.page_one;
break;
case 1:
resId = R.id.page_two;
break;
}
return findViewById(resId);
}
@Override
public int getCount() {
return 2;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override public void destroyItem(ViewGroup container, int position, Object object) {
// No super
}
}
// Définir l'adaptateur ViewPager
WizardPagerAdapter adapter = new WizardPagerAdapter();
ViewPager pager = (ViewPager) findViewById(R.id.pager);
pager.setAdapter(adapter);
Sur la base des réponses précédentes, j’ai fait le cours suivant pour y parvenir de la manière la plus claire et la plus appropriée (j’espère):
public class MyViewPagerAdapter extends PagerAdapter {
ArrayList<ViewGroup> views;
LayoutInflater inflater;
public MyViewPagerAdapter(ActionBarActivity ctx){
inflater = LayoutInflater.from(ctx);
//instantiate your views list
views = new ArrayList<ViewGroup>(5);
}
/**
* To be called by onStop
* Clean the memory
*/
public void release(){
views.clear();
views = null;
}
/**
* Return the number of views available.
*/
@Override
public int getCount() {
return 5;
}
/**
* Create the page for the given position. The adapter is responsible
* for adding the view to the container given here, although it only
* must ensure this is done by the time it returns from
* {@link #finishUpdate(ViewGroup)}.
*
* @param container The containing View in which the page will be shown.
* @param position The page position to be instantiated.
* @return Returns an Object representing the new page. This does not
* need to be a View, but can be some other container of
* the page. ,container
*/
public Object instantiateItem(ViewGroup container, int position) {
ViewGroup currentView;
Log.e("MyViewPagerAdapter", "instantiateItem for " + position);
if(views.size()>position&&views.get(position) != null){
Log.e("MyViewPagerAdapter",
"instantiateItem views.get(position) " +
views.get(position));
currentView = views.get(position);
}
else{
Log.e("MyViewPagerAdapter", "instantiateItem need to create the View");
int rootLayout = R.layout.view_screen;
currentView = (ViewGroup) inflater.inflate(rootLayout, container, false);
((TextView)currentView.findViewById(R.id.txvTitle)).setText("My Views " + position);
((TextView)currentView.findViewById(R.id.btnButton)).setText("Button");
((ImageView)currentView.findViewById(R.id.imvPicture)).setBackgroundColor(0xFF00FF00);
}
container.addView(currentView);
return currentView;
}
/**
* Remove a page for the given position. The adapter is responsible
* for removing the view from its container, although it only must ensure
* this is done by the time it returns from {@link #finishUpdate(ViewGroup)}.
*
* @param container The containing View from which the page will be removed.
* @param position The page position to be removed.
* @param object The same object that was returned by
* {@link #instantiateItem(View, int)}.
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View)object);
}
/**
* Determines whether a page View is associated with a specific key object
* as returned by {@link #instantiateItem(ViewGroup, int)}. This method is
* required for a PagerAdapter to function properly.
*
* @param view Page View to check for association with <code>object</code>
* @param object Object to check for association with <code>view</code>
* @return true if <code>view</code> is associated with the key object <code>object</code>
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view==((View)object);
}
}
Et vous devez le définir dans votre activité:
public class ActivityWithViewsPaged extends ActionBarActivity {
/**
* The page Adapter: Manage the list of views (in fact here, its fragments)
* And send them to the ViewPager
*/
private MyViewPagerAdapter pagerAdapter;
/**
* The ViewPager is a ViewGroup that manage the swipe from left
* to right to left.
* Like a listView with a gesture listener...
*/
private ViewPager viewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_with_views);
// Find the viewPager
viewPager = (ViewPager) super.findViewById(R.id.viewpager);
// Instantiate the PageAdapter
pagerAdapter = new MyViewPagerAdapter(this);
// Affectation de l'adapter au ViewPager
viewPager.setAdapter(pagerAdapter);
viewPager.setClipToPadding(false);
viewPager.setPageMargin(12);
// Add animation when the page are swiped
// this instanciation only works with honeyComb and more
// if you want it all version use AnimatorProxy of the nineoldAndroid lib
//@see:http://stackoverflow.com/questions/15767729/backwards-compatible-pagetransformer
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB){
viewPager.setPageTransformer(true, new PageTransformer());
}
}
@Override
protected void onStop() {
super.onStop();
pagerAdapter.release();
}
View_screen.xml où les fichiers XML sont évidents:
<xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:id="@+id/screen"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<TextView
Android:id="@+id/txvTitle"
Android:layout_width="wrap_content"
Android:layout_gravity="center"
Android:layout_height="wrap_content"
Android:layout_marginBottom="5dp"
Android:layout_marginTop="5dp"
Android:shadowColor="#FF00FF"
Android:shadowDx="10"
Android:shadowDy="10"
Android:shadowRadius="5"
Android:textSize="32dp"
Android:textStyle="italic"
Android:background="#FFFFF000"/>
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:background="#FFFF00F0">
<TextView
Android:id="@+id/txvLeft"
Android:layout_width="wrap_content"
Android:layout_gravity="left"
Android:layout_height="wrap_content"
Android:layout_marginBottom="5dp"
Android:layout_marginTop="5dp"/>
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_weight="1"/>
<TextView
Android:id="@+id/txvRight"
Android:layout_width="wrap_content"
Android:layout_gravity="right"
Android:layout_height="wrap_content"
Android:layout_marginBottom="5dp"
Android:layout_marginTop="5dp"/>
</LinearLayout>
<Button
Android:id="@+id/btnButton"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_gravity="center"/>
<ImageView
Android:id="@+id/imvPicture"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:layout_gravity="center"/>
</LinearLayout>
Et ActivtyMain a la disposition suivante:
<?xml version="1.0" encoding="utf-8"?>
<Android.support.v4.view.ViewPager
xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="fill_parent"
Android:layout_height="fill_parent"
Android:paddingLeft="24dp"
Android:paddingRight="24dp"
Android:id="@+id/viewpager"
Android:background="#FF00F0F0">
</Android.support.v4.view.ViewPager>
Un grand merci à Brian et Nicholas pour leur réponse, j'espère pouvoir ajouter les informations les plus claires et souligner quelques bonnes pratiques pour cette fonctionnalité.
Nous avons construit une sous-classe très simple du ViewPager que nous utilisons parfois.
/**
* View pager used for a finite, low number of pages, where there is no need for
* optimization.
*/
public class StaticViewPager extends ViewPager {
/**
* Initialize the view.
*
* @param context
* The application context.
*/
public StaticViewPager(final Context context) {
super(context);
}
/**
* Initialize the view.
*
* @param context
* The application context.
* @param attrs
* The requested attributes.
*/
public StaticViewPager(final Context context, final AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
// Make sure all are loaded at once
final int childrenCount = getChildCount();
setOffscreenPageLimit(childrenCount - 1);
// Attach the adapter
setAdapter(new PagerAdapter() {
@Override
public Object instantiateItem(final ViewGroup container, final int position) {
return container.getChildAt(position);
}
@Override
public boolean isViewFromObject(final View arg0, final Object arg1) {
return arg0 == arg1;
}
@Override
public int getCount() {
return childrenCount;
}
@Override
public void destroyItem(final View container, final int position, final Object object) {}
});
}
}
Cette classe n'a pas besoin d'adaptateur car elle chargera les vues à partir de la présentation. Pour pouvoir utiliser vos projets, utilisez-le à la place du Android.support.v4.view.ViewPager.
Tout ce qui est sophistiqué fonctionnera toujours, mais vous n’aurez pas à vous inquiéter des adaptateurs.
Je voudrais ajouter ma solution ici. Étant donné que vous n'avez pas besoin d'utiliser de fragments, vous pouvez toujours créer un PagerAdapter qui attache views au lieu de fragments à ViewPager.
Étendre PagerAdapter au lieu de FragmentPagerAdapter
public class CustomPagerAdapter extends PagerAdapter {
private Context context;
public CustomPagerAdapter(Context context) {
super();
this.context = context;
}
@Override
public Object instantiateItem(ViewGroup collection, int position) {
LayoutInflater inflater = LayoutInflater.from(context);
View view = null;
switch (position){
case 0:
view = MemoryView.getView(context, collection);
break;
case 1:
view = NetworkView.getView(context, collection);
break;
case 2:
view = CpuView.getView(context, collection);
break;
}
collection.addView(view);
return view;
}
@Override
public int getCount() {
return 3;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup collection, int position, Object view) {
collection.removeView((View) view);
}
}
Maintenant, vous devez définir trois classes qui renverront le views à gonfler dans le viewpager. Similaire à CpuView vous aurez les classes MemoryView et NetworkView. Chacun d'eux gonflera ses dispositions respectives.
public class CpuView {
public static View getView(Context context, ViewGroup collection) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context
.LAYOUT_INFLATER_SERVICE);
return inflater.inflate(R.layout.debugger_cpu_layout, collection, false);
}
}
Et enfin une mise en page qui sera gonflée dans chacune des vues
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:orientation="vertical"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:textColor="#000000"
Android:text="CPU"/>
</LinearLayout>
P.S.: La raison pour laquelle j'ai écrit cette réponse est que toutes les solutions fournies ici semblent bien fonctionner, mais elles gonflent les dispositions de la classe PagerAdapter elle-même. Pour les grands projets, il devient difficile de maintenir si beaucoup de code est lié aux dispositions gonflées. Dans cet exemple, toutes les vues ont des classes et des présentations distinctes. Ainsi, le projet peut être facilement maintenu.
Je voudrais élaborer sur la réponse @ Nicholas, vous pouvez obtenir les vues par ID ou si elles sont ajoutées de manière dynamique, obtenez simplement la vue directement en fonction de sa position
class WizardPagerAdapter extends PagerAdapter {
public Object instantiateItem(View collection, int position) {
View v = pager.getChildAt(position);
return v;
}
@Override
public int getCount() {
return 3;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == ((View) arg1);
}
}