之前学习时学习了ViewPager打造3d画廊,今天找出来把他贴上去,给需要的小伙伴用!废话不多说直接贴!
一、Activity
/**
* 3da 画廊
*/
public class Main3Activity extends AppCompatActivity {
private int[] imgResourceArray = new int[]{R.mipmap.three_d_gallery1, R.mipmap.three_d_gallery2,
R.mipmap.three_d_gallery3, R.mipmap.three_d_gallery4};
private ArrayList<ImageView> imageViewArrayList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main3);
initData();
initView();
}
private void initData() {
for (int i = 0; i < imgResourceArray.length; i++) {
ImageView imageView = new ImageView(this);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
//3、 为imageview生成的带犹豫倒影的bitmap
imageView.setImageBitmap(ImageUtil.getReverseBitmapById(imgResourceArray[i], Main3Activity.this));
imageViewArrayList.add(imageView);
}
}
private void initView() {
final ViewPager viewPager = findViewById(R.id.vp);
Adapter adapter = new Adapter();
viewPager.setAdapter(adapter);
viewPager.setPageTransformer(true, new MyTransformation());//设置当一个页面滑入和滑出的过度特效
//2、为解决触摸滑动ViewPager左右两边的页面无反应的问题: 需要为ViewPager的父容器设置OnTouchListener,将触摸事件传递给ViewPager
findViewById(R.id.all).setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
return viewPager.dispatchTouchEvent(motionEvent);
}
});
}
private class Adapter extends PagerAdapter {
@Override
public int getCount() {
return imageViewArrayList.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view == object;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
container.addView(imageViewArrayList.get(position));
return imageViewArrayList.get(position);
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView((View) object);
}
}
}
二、布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/all"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000"
android:clipChildren="false"
android:orientation="vertical"
tools:context=".study10_17.Main3Activity">
<!--1、为解决不在ViewPager中间页面被剪掉的问题:
viewPager及其父容器中加入android:clipChildren="false" 必要属性-->
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="150dp"
android:layout_marginLeft="80dp"
android:layout_marginRight="80dp"
android:layout_marginTop="50dp"
android:clipChildren="false" />
</LinearLayout>
三、其他工具/控件类
public class ImageUtil {
public static Bitmap getReverseBitmapById(int resId, Context context) {//构建出该图片的倒影 并返回构建过倒影的图片
Bitmap sourceBitmap = BitmapFactory.decodeResource(context.getResources(), resId);
Matrix matrix = new Matrix();
matrix.setScale(1, -1);
Bitmap inverseBitmap = Bitmap.createBitmap(sourceBitmap, 0, sourceBitmap.getHeight() / 2, sourceBitmap.getWidth(), sourceBitmap.getHeight() / 3, matrix, false);
Bitmap groupbBitmap = Bitmap.createBitmap(sourceBitmap.getWidth(), sourceBitmap.getHeight() + sourceBitmap.getHeight() / 3 + 60, sourceBitmap.getConfig());
Canvas gCanvas = new Canvas(groupbBitmap);
gCanvas.drawBitmap(sourceBitmap, 0, 0, null);
gCanvas.drawBitmap(inverseBitmap, 0, sourceBitmap.getHeight() + 15, null);//top中+ number ,number为图片和倒影图片的距离
Paint paint = new Paint();
Shader.TileMode tileMode = Shader.TileMode.CLAMP;
LinearGradient shader = new LinearGradient(0, sourceBitmap.getHeight() + 50, 0,
groupbBitmap.getHeight(), Color.BLACK, Color.TRANSPARENT, tileMode);
paint.setShader(shader);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
gCanvas.drawRect(0, sourceBitmap.getHeight() + 50, sourceBitmap.getWidth(), groupbBitmap.getHeight(), paint);
return groupbBitmap;
}
}
public class MyTransformation implements ViewPager.PageTransformer {
private static final float MIN_SCALE=0.85f;
private static final float MIN_ALPHA=0.5f;
private static final float MAX_ROTATE=30;
private Camera camera=new Camera();
@Override
public void transformPage(View page, float position) {float scaleFactor=Math.max(MIN_SCALE,1-Math.abs(position));
float rotate=20*Math.abs(position);
if (position<-1){
}else if (position<0){
page.setScaleX(scaleFactor);
page.setScaleY(scaleFactor);
page.setRotationY(rotate);
}else if (position>=0&&position<1){
page.setScaleX(scaleFactor);
page.setScaleY(scaleFactor);
page.setRotationY(-rotate);
}
else if (position>=1) {
page.setScaleX(scaleFactor);
page.setScaleY(scaleFactor);
page.setRotationY(-rotate);
}
}
}
有什么疑问的小伙伴可以写在下方,有什么不足欢迎小伙伴的评论,转载请表明出处,谢谢!