MainActivity.java
public class MainActivity extends FragmentActivity {
public final static int LOOPS = 1000;
public static int FIRST_PAGE; // = count * LOOPS / 2;
public final static float BIG_SCALE = 1.0f;
public final static float SMALL_SCALE = 0.7f;
public final static float DIFF_SCALE = BIG_SCALE - SMALL_SCALE;
public MyPagerAdapter adapter;
public static ViewPager pager;
/*** variables for the View */
public int coverUrl[];
public int img_id[] =new int[] {0,1,2,3,4,5,6};
public static int count;
public static MainActivity mainActivityCtx;
public static int currentPage = 0;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
coverUrl = new int[] { R.drawable.images_one, R.drawable.images_two,R.drawable.images_three,R.drawable.images_for,R.drawable.images_fiv,R.drawable.images_six,R.drawable.images_seven, };
mainActivityCtx = this;
pager = (ViewPager) findViewById(R.id.myviewpager);
count = coverUrl.length;
DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);
int pageMargin = 0;
pageMargin = (int) ((metrics.widthPixels / 4) * 2);
pager.setPageMargin(-pageMargin);
try {
adapter = new MyPagerAdapter(this, this.getSupportFragmentManager());
pager.setAdapter(adapter);
adapter.notifyDataSetChanged();
//FIRST_PAGE = count * LOOPS / 2;
pager.setOnPageChangeListener(adapter);
// Set current item to the middle page so we can fling to both
// directions left and right
pager.setCurrentItem(FIRST_PAGE); // FIRST_PAGE
// pager.setFocusableInTouchMode(true);
pager.setOffscreenPageLimit(3);
// Set margin for pages as a negative number, so a part of next and
// previous pages will be showed
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
}
}
MyFragment.java
public class MyFragment extends Fragment {
public static Fragment newInstance(MainActivity context, int pos,
float scale) {
Bundle b = new Bundle();
b.putInt("pos", pos);
b.putFloat("scale", scale);
return Fragment.instantiate(context, MyFragment.class.getName(), b);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
if (container == null) {
return null;
}
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(400, 400);
LinearLayout fragmentLL = (LinearLayout) inflater.inflate(R.layout.main_fragment,
container, false);
final int pos = this.getArguments().getInt("pos");
//TextView tv = (TextView) fragmentLL.findViewById(R.id.text);
//tv.setText("Image " + pos);
final ImageView iv = (ImageView) fragmentLL.findViewById(R.id.pagerImg);
iv.setLayoutParams(layoutParams);
iv.setImageResource(MainActivity.mainActivityCtx.coverUrl[pos]);
iv.setId(MainActivity.mainActivityCtx.img_id[pos]);
iv.setPadding(15, 15, 15, 15);
MyLinearLayout root = (MyLinearLayout) fragmentLL.findViewById(R.id.root);
float scale = this.getArguments().getFloat("scale");
root.setScaleBoth(scale);
return fragmentLL;
}
}
MyLinearLayout.java
public class MyLinearLayout extends LinearLayout {
private float scale = MainActivity.BIG_SCALE;
public MyLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyLinearLayout(Context context) {
super(context);
}
public void setScaleBoth(float scale) {
this.scale = scale;
this.invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
// The main mechanism to display scale animation, you can customize it
// as your needs
int w = this.getWidth();
int h = this.getHeight();
canvas.scale(scale, scale, w / 2, h / 2);
super.onDraw(canvas);
}
}
private float scale = MainActivity.BIG_SCALE;
public MyLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyLinearLayout(Context context) {
super(context);
}
public void setScaleBoth(float scale) {
this.scale = scale;
this.invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
// The main mechanism to display scale animation, you can customize it
// as your needs
int w = this.getWidth();
int h = this.getHeight();
canvas.scale(scale, scale, w / 2, h / 2);
super.onDraw(canvas);
}
}
MyPagerAdapter.java
public class MyPagerAdapter extends FragmentPagerAdapter implements
ViewPager.OnPageChangeListener {
private MyLinearLayout cur = null;
private MyLinearLayout next = null;
private MainActivity context;
private FragmentManager fm;
private float scale;
int pCount = 0;
public MyPagerAdapter(MainActivity context, FragmentManager fm) {
super(fm);
this.fm = fm;
this.context = context;
}
@Override
public Fragment getItem(int position) {
// make the first pager bigger than others
try {
if (position == MainActivity.FIRST_PAGE)
scale = MainActivity.BIG_SCALE;
else
scale = MainActivity.SMALL_SCALE;
position = position % MainActivity.count;
} catch (Exception e) {
// TODO: handle exception
}
return MyFragment.newInstance(context, position, scale);
}
@Override
public int getCount() {
int count = 0;
try {
count = 4 ;//MainActivity.count * MainActivity.LOOPS;
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
return count;
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
try {
if (positionOffset >= 0f && positionOffset <= 1f) {
cur = getRootView(position);
next = getRootView(position + 1);
cur.setScaleBoth(MainActivity.BIG_SCALE- MainActivity.DIFF_SCALE * positionOffset);
next.setScaleBoth(MainActivity.SMALL_SCALE+ MainActivity.DIFF_SCALE * positionOffset);
pCount++;
}
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
}
@Override
public void onPageSelected(int position) {
//System.out.println("!!!!!!!!!!!"+position);
}
@Override
public void onPageScrollStateChanged(int state) {
}
private MyLinearLayout getRootView(int position) {
return (MyLinearLayout) fm
.findFragmentByTag(this.getFragmentTag(position)).getView()
.findViewById(R.id.root);
}
private String getFragmentTag(int position) {
return "android:switcher:" + context.pager.getId() + ":" + position;
}
}
ViewPager.OnPageChangeListener {
private MyLinearLayout cur = null;
private MyLinearLayout next = null;
private MainActivity context;
private FragmentManager fm;
private float scale;
int pCount = 0;
public MyPagerAdapter(MainActivity context, FragmentManager fm) {
super(fm);
this.fm = fm;
this.context = context;
}
@Override
public Fragment getItem(int position) {
// make the first pager bigger than others
try {
if (position == MainActivity.FIRST_PAGE)
scale = MainActivity.BIG_SCALE;
else
scale = MainActivity.SMALL_SCALE;
position = position % MainActivity.count;
} catch (Exception e) {
// TODO: handle exception
}
return MyFragment.newInstance(context, position, scale);
}
@Override
public int getCount() {
int count = 0;
try {
count = 4 ;//MainActivity.count * MainActivity.LOOPS;
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
return count;
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
try {
if (positionOffset >= 0f && positionOffset <= 1f) {
cur = getRootView(position);
next = getRootView(position + 1);
cur.setScaleBoth(MainActivity.BIG_SCALE- MainActivity.DIFF_SCALE * positionOffset);
next.setScaleBoth(MainActivity.SMALL_SCALE+ MainActivity.DIFF_SCALE * positionOffset);
pCount++;
}
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
}
@Override
public void onPageSelected(int position) {
//System.out.println("!!!!!!!!!!!"+position);
}
@Override
public void onPageScrollStateChanged(int state) {
}
private MyLinearLayout getRootView(int position) {
return (MyLinearLayout) fm
.findFragmentByTag(this.getFragmentTag(position)).getView()
.findViewById(R.id.root);
}
private String getFragmentTag(int position) {
return "android:switcher:" + context.pager.getId() + ":" + position;
}
}
activity.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/myviewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_marginLeft="0dp"
android:layout_marginRight="0dp"
android:overScrollMode="never" />
</LinearLayout>
main_freagment.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >
<com.your.MyLinearLayout
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
android:gravity="center"
android:orientation="vertical" >
<ImageView
android:id="@+id/pagerImg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/ic_launcher" />
</com.your.MyLinearLayout>
</LinearLayout>
