ViewPager基本用法

ViewPager基本用法step1:在layout中定义一个ViewPager组件。step2:在Activity中获取ViewPager的引用。step3:为ViewPager设置适配器,step4:为ViewPa

大家好,又见面了,我是你们的朋友全栈君。

step1:在layout中定义一个ViewPager组件。

<android.support.v4.view.ViewPager>

step2:在Activity中获取ViewPager的引用。

pager=(ViewPager) findViewById(R.id.view_pager);

step3: 为ViewPager设置适配器,

PagerAdapter adapter=new ViewAdapter(pages); pager.setAdapter(adapter);

step4:为ViewPager设置滑动特效

浮现特效:Google为我们提供了API,android.support.v4.view.ViewPager.PageTransformer接口

public void transformPage(View page, float position)

page表示ViewPager中的一页,position[0,0]表示当前屏幕的一页,[0,-1]表示屏幕左边第一页,【0,1】表示屏幕右边第一页

当`page`向左边滑动时,`position`从0向-1变化,当`position==-1`时完全不可见;当`page`向右滑动时,`position`从0向1变化,当`position==1`时完全不可见。

//滑动特效

public class ScalePageTransformer implements ViewPager.PageTransformer {

private static final float MIN_SCALE=0.75f;

@Override

public void transformPage(View page, float position) {

//Log.d("TAG", "<"+page.hashCode()+", "+position+">");

// out of left screen

if(position<-1.0f) {

page.setScaleX(MIN_SCALE);

page.setScaleY(MIN_SCALE);

}

// slide left

else if(position<=0.0f) {

page.setAlpha(1.0f);

page.setTranslationX(0.0f);

page.setScaleX(1.0f);

page.setScaleY(1.0f);

}

// slide right

else if(position<=1.0f) {

page.setAlpha(1.0f-position);

page.setTranslationX(-page.getWidth()*position);

float scale=MIN_SCALE+(1.0f-MIN_SCALE)*(1.0f-position);

page.setScaleX(scale);

page.setScaleY(scale);

}

// out of right screen

else {

page.setScaleX(MIN_SCALE);

page.setScaleY(MIN_SCALE);

}

}

}

//旋转特效

public class RotatePageTransformer implements ViewPager.PageTransformer {

private static final float MAX_ROTATION=20.0f;

@Override

public void transformPage(View page, float position) {

if(position<-1)

rotate(page, -MAX_ROTATION);

else if(position<=1)

rotate(page, MAX_ROTATION*position);

else

rotate(page, MAX_ROTATION);

}

private void rotate(View view, float rotation) {

view.setPivotX(view.getWidth()*0.5f);

view.setPivotY(view.getHeight());

view.setRotation(rotation);

}

}

// 3d相册---1.围绕Y轴旋转一定的角度

public class GalleryPageTransformer implements ViewPager.PageTransformer {

private static final float MAX_ROTATION=20.0f;

private static final float MIN_SCALE=0.75f;

private static final float MAX_TRANSLATE=20.0f;

@Override

public void transformPage(View page, float position) {

if(position<-1) {

page.setTranslationX(MAX_TRANSLATE);

page.setScaleX(MIN_SCALE);

page.setScaleY(MIN_SCALE);

page.setRotationY(-MAX_ROTATION);

}

else if(position<=0) {

page.setTranslationX(-MAX_TRANSLATE*position);

float scale=MIN_SCALE+(1-MIN_SCALE)*(1.0f+position);

page.setScaleX(scale);

page.setScaleY(scale);

page.setRotationY(MAX_ROTATION*position);

}

else if(position<=1) {

page.setTranslationX(-MAX_TRANSLATE*position);

float scale=MIN_SCALE+(1-MIN_SCALE)*(1.0f-position);

page.setScaleX(scale);

page.setScaleY(scale);

page.setRotationY(MAX_ROTATION*position);

}

else {

page.setTranslationX(-MAX_TRANSLATE);

page.setScaleX(MIN_SCALE);

page.setScaleY(MIN_SCALE);

page.setRotationY(MAX_ROTATION);

}

}

}

// 3d相册---2.生成有倒影的图片

public static Bitmap getReverseBitmapById(Context context, int resId, float percent) {

// get the source bitmap

Bitmap srcBitmap=BitmapFactory.decodeResource(context.getResources(), resId);

// get the tow third segment of the reverse bitmap

Matrix matrix=new Matrix();

matrix.setScale(1, -1);

Bitmap rvsBitmap=Bitmap.createBitmap(srcBitmap, 0, (int) (srcBitmap.getHeight()*(1-percent)),

srcBitmap.getWidth(), (int) (srcBitmap.getHeight()*percent), matrix, false);

// combine the source bitmap and the reverse bitmap

Bitmap comBitmap=Bitmap.createBitmap(srcBitmap.getWidth(),

srcBitmap.getHeight()+rvsBitmap.getHeight()+20, srcBitmap.getConfig());

Canvas gCanvas=new Canvas(comBitmap);

gCanvas.drawBitmap(srcBitmap, 0, 0, null);

gCanvas.drawBitmap(rvsBitmap, 0, srcBitmap.getHeight()+20, null);

Paint paint=new Paint();

LinearGradient shader=new LinearGradient(0, srcBitmap.getHeight()+20, 0, comBitmap.getHeight(),

Color.BLACK, Color.TRANSPARENT, Shader.TileMode.CLAMP);

paint.setShader(shader);

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

gCanvas.drawRect(0, srcBitmap.getHeight()+20, srcBitmap.getWidth(), comBitmap.getHeight(), paint);

return comBitmap;

}

// 3d相册---3.对原图进行处理

private List<View> getPages() {

List<View> pages=new ArrayList<>();

Field[] fields=R.drawable.class.getDeclaredFields();

try {

for (Field field : fields) {

if (field.getName().startsWith("page")) {

ImageView view = new ImageView(this);

view.setImageBitmap(ImageUtils.getReverseBitmapById(this, field.getInt(null), 0.5f));

pages.add(view);

}

}

} catch (IllegalAccessException e) {

e.printStackTrace();

}

return pages;

}

step5:为这个pager添加这个特效

pager.setPageTransformer(true, new ScalePageTransformer());

step6: 设置监听

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

mBottomNavigationBar.selectTab(position);

setDarkStatusIcon(position != 2);

}

@Override

public void onPageScrollStateChanged(int state) {

}

});

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/154993.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 分享社群规划全流程sop(基础搭建、日常维…

    分享社群规划全流程sop(基础搭建、日常维…无套路,纯分享!全套社群运营文档,可学习套用相信不少做社群运营的朋友一定会出现过这种情况,微信社群或者QQ社群内的群成员不活跃,整天群里犹如一潭死水,此外还有运营目标不明确、成员不愿积极发言、大部分人入群从不说话等等问题。作为运营狗一定要学会社群规划,今天就给大家带来一份【社群规划全流程sop】,主要包含基础搭建、日常维护、增留转、互动案例等四个步骤,每个步骤都有详细的规划讲解,以及相关案例,非常值得参考学习使用。社群规划全流程sop社群规划全流程sop社…

    2022年5月9日
  • 超级全面的 Lombok 注解介绍,学一波!

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:riemann blog.csdn.net/riemann_/article/details/10537498…

    2021年6月27日
  • 引入js和css文件的总结

    1.用script标签引入javascript时,浏览器对于javascript的加载某些是并行的,某些是串行的,如IE8,Chorme2和firefox3都是串行加载的。2.charset编码也就是

    2021年12月20日
  • 关于DNS负载均衡技术

    关于DNS负载均衡技术在学习负载均衡技术的时候,我们肯定会学到dns负载均衡的相关内容,因为这个是负载均衡的一个代表应用。那么说到应用,到底是如何进行使用,改善网络问题的呢?那么本文就将为大家详细介绍一下其中的原理。为了建立一个高负载的Web站点,必须使用多服务器的分布式结构?上面提到的使用代理服务器和Web服务器相结合,或者两个Web服务器相互协作的方式也属于多服务器的结构,但在这些多服务器的结构中,每个服务器所

    2022年7月14日
  • SpringMVC-手写一个SpringMVC框架

    SpringMVC-手写一个SpringMVC框架

    2021年8月3日
  • mybatis rowbound_mybatis基本步骤

    mybatis rowbound_mybatis基本步骤其实说白了就是一个用java代替了sql查询的一个方法在java里面写入方法getUserByRowBounds:List<User>getUserByRowBounds();配置文件里写入:<selectid=”getUserByRowBounds”resultMap=”userMap”>select*frommybaties.user;</select>测试类里编写rowBounds进行分页:

    2022年9月15日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号