I am trying to implement a viewpager using MultiViewPager and using google zoomoutpageTransformer as an effect, the goal is to achieve something like this image:

but I can’t display these two pages on the right and on the left, every time I get one page in the middle of the screen! this is my view pager code:
mViewPager.setPageMargin( -64); mAdapter = new ViewPagerAdapter(getActivity(), mClasses); mViewPager.setPageTransformer(true, new ZoomOutPageTransformer()); mViewPager.setAdapter(mAdapter);
this is my xml viewer:
<ir.phzrobin.Utils.MultiViewPager android:id="@+id/viewPager" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_margin="20dp" app:matchChildWidth="@+id/textview_class_title" > </ir.phzrobin.Utils.MultiViewPager>
and this is my viewpager page layout:
<TextView android:id="@+id/textview_class_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:layout_gravity="top" android:layout_margin="5dp" android:gravity="center_horizontal" android:padding="10dp" android:text="fsafjabf" android:textAlignment="gravity" android:textColor="@color/white" android:textSize="17sp" /> <TextView android:id="@+id/textview_class_teacher" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/textview_class_title" android:layout_centerVertical="true" android:layout_margin="5dp" android:gravity="center_horizontal" android:padding="10dp" android:text="fsafjabf" android:textAlignment="gravity" android:textColor="@color/white" android:textSize="17sp" /> <ImageView android:id="@+id/button_options" android:layout_width="50dp" android:layout_height="50dp" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_margin="20dp" android:layout_marginRight="2dp" android:background="@drawable/overflow" /> </RelativeLayout>
that I tried this as well as the answer of the multiviewpager developer from here can anyone help me achieve the goal? thank
This is a pager adapter of the form:
public class ViewPagerAdapter extends PagerAdapter { // ImageLoader imageLoader = ImageLoader.getInstance(); // DisplayImageOptions options; // private ImageLoadingListener imageListener; Context activity; List<Classes> items; public ViewPagerAdapter(Context activity, List<Classes> items) { this.activity = activity; this.items = items; } public void setItems(List<Classes> items) { this.items = items; notifyDataSetChanged(); } @Override public int getCount() { // TODO Auto-generated method stub return items.size(); } @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0 == arg1; } @Override public Object instantiateItem(ViewGroup container, int position) { final int pos = position; // TODO Auto-generated method stub LayoutInflater inflater = (LayoutInflater) activity .getSystemService(Activity.LAYOUT_INFLATER_SERVICE); View view = inflater.inflate(R.layout.row_viewpager, container, false); TextView mClassTitle = (TextView) view .findViewById(R.id.textview_class_title); mClassTitle.setText("عنوان درس: " + items.get(pos).getSubject()); mClassTitle.setTypeface(AppFont.GetAppFont()); ((TextView) view.findViewById(R.id.textview_class_teacher)) .setText("نام استاد: " + items.get(pos).getMasterName()); ((TextView) view.findViewById(R.id.textview_class_teacher)) .setTypeface(AppFont.GetAppFont()); RelativeLayout mLayout = (RelativeLayout) view .findViewById(R.id.rl_viewpager); mLayout.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Intent _intent = new Intent(ContextVal.GetAppContext(), ClassNotes.class); _intent.putExtra("CLASSID", String.valueOf(items.get(pos).getID())); // set selected // item id // into // intent // activity // to use in // Classnotes // Activity! activity.startActivity(_intent); // open notes activity } }); ImageView mOverFlow = (ImageView) view.findViewById(R.id.button_options); mOverFlow.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub PopupMenu popup = new PopupMenu(ContextVal.GetAppContext(), v); popup.getMenuInflater().inflate(R.menu.poupup_menu, popup.getMenu()); popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() { public boolean onMenuItemClick(MenuItem item) { if(item.getIcon() != null) {//edit item Intent _ClassWindow = new Intent(ContextVal.GetAppContext(), AddNewClass.class); _ClassWindow.putExtra("CLASSID", String.valueOf(items.get(pos).getID())); activity.startActivity(_ClassWindow); } else{//delete item AlertDialog.Builder builder = new AlertDialog.Builder( ContextVal.GetAppContext()); builder.setTitle("حذف کلاس"); builder.setMessage("آیا مطمعن هستید که میخواهید این درس را حذف کنید ؟"); builder.setPositiveButton("بله", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int which) { // Do nothing but close the dialog Log.e("onClick", "YES"); DatabaseHandler _db = new DatabaseHandler(ContextVal .GetAppContext()); _db.deleteClass(items.get(pos)); _db.deleteClassNotes(items.get(pos).getID()); ContextVal.mViewFragment.RefreshViewPager(); // Refresh Items ! // and remove // deleted item from // user eyes lol dialog.dismiss(); } }); builder.setNegativeButton("خیر", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // Do nothing Log.e("onClick", "NO"); dialog.dismiss(); } }); AlertDialog alert = builder.create(); alert.show(); } return true; } }); popup.show(); } }); container.addView(view, 0); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { // TODO Auto-generated method stub container.removeView((View) object); }
}
android android-viewpager
Mahdi Giveie Jun 14 '15 at 7:45 2015-06-14 07:45
source share