android - 如何在垂直 View 寻呼机的顶部添加页边距?

标签 android android-layout android-viewpager

我正在尝试实现像“Happn”应用这样的垂直 View 寻呼机

enter image description here

这是我自定义的 ViewPager 类

VerticalViewPager.java

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class VerticalViewPager extends ViewPager {

    public VerticalViewPager(Context context) {
        super(context);
        init();
    }

    public VerticalViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // The majority of the magic happens here
        setPageTransformer(true, new VerticalPageTransformer());
        // The easiest way to get rid of the overscroll drawing that happens on the left and right
        setOverScrollMode(OVER_SCROLL_NEVER);
    }

    private class VerticalPageTransformer implements ViewPager.PageTransformer {

        @Override
        public void transformPage(View view, float position) {

            if (position < -1) { // [-Infinity,-1)
                // This page is way off-screen to the left.
                view.setAlpha(0);

            } else if (position <= 1) { // [-1,1]
                view.setAlpha(1);

                // Counteract the default slide transition
                view.setTranslationX(view.getWidth() * -position);

                //set Y position to swipe in from top
                float yPosition = position * view.getHeight();
                view.setTranslationY(yPosition);

            } else { // (1,+Infinity]
                // This page is way off-screen to the right.
                view.setAlpha(0);
            }
        }
    }


    private MotionEvent swapXY(MotionEvent ev) {
        float width = getWidth();
        float height = getHeight();

        float newX = (ev.getY() / height) * width;
        float newY = (ev.getX() / width) * height;

        ev.setLocation(newX, newY);

        return ev;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev){
        boolean intercepted = super.onInterceptTouchEvent(swapXY(ev));
        swapXY(ev); // return touch coordinates to original reference frame for any child views
        return intercepted;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return super.onTouchEvent(swapXY(ev));
    }

}

我能够显示垂直 View 寻呼机。但是我无法将页边距保持在顶部,因此相邻的项目也可以部分可见。下面的 setPageMargin() 方法适用于水平 viewpager。我想要在垂直 View 寻呼机中有类似的间隙。请帮助我,我真的很震惊。

mPager.setPageMargin(-100);

最佳答案

试试下面的代码

    viewPager.setClipToPadding(false);
    viewPager.setPadding(70, 30, 170, 30);//left,top,right,bottom in px
    viewPager.setPageMargin(30);

这将根据需要设置填充,这个对我有用。 试试吧,如果它对你有用,请告诉我

关于android - 如何在垂直 View 寻呼机的顶部添加页边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54955101/

相关文章:

android - Cordova ionic - 谷歌分析集成。 AdvertisingIdClient$Info 异常

android - 单击编辑文本

android - 现在必须显式声明 Kapt 注释处理器

java - Android:将图片保存到文件并检索它

java - 如何使用 Glide 将 svg 图像加载到 ImageView

android - 具有左右空格问题的底部导航 View

java - 以编程方式切换软键盘的隐藏

android - 如何使用图像和下面的寻呼机创建 App Into?

android - 如何在 View 分页器中的 fragment 内处理MediaPlayer对象

android - 如何使用 viewpager 在选项卡布局中添加 map ?