189 8069 5689

怎么在Android中实现滑动定位和吸附悬停效果

本篇文章为大家展示了怎么在Android中实现滑动定位和吸附悬停效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

10年积累的成都做网站、成都网站制作、成都外贸网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有茄子河免费网站建设让你可以放心的选择与我们合作。




  

    

      

        

          

        

        
        

        

      


      
      
    


  

实现

滑动定位的功能可以参考之前的文章,这里主要是进行吸附悬停的效果。

数据初始化:

/**
 * 占位tablayout,用于滑动过程中去确定实际的tablayout的位置
 */
private TabLayout holderTabLayout;
/**
 * 实际操作的tablayout,
 */
private TabLayout realTabLayout;
private CustomScrollView scrollView;
private LinearLayout container;
private String[] tabTxt = {"客厅", "卧室", "餐厅", "书房", "阳台", "儿童房"};

private List anchorList = new ArrayList<>();

//判读是否是scrollview主动引起的滑动,true-是,false-否,由tablayout引起的
private boolean isScroll;
//记录上一次位置,防止在同一内容块里滑动 重复定位到tablayout
private int lastPos = 0;
//监听判断最后一个模块的高度,不满一屏时让最后一个模块撑满屏幕
private ViewTreeObserver.OnGlobalLayoutListener listener;

for (int i = 0; i < tabTxt.length; i++) {
  AnchorView anchorView = new AnchorView(this);
  anchorView.setAnchorTxt(tabTxt[i]);
  anchorView.setContentTxt(tabTxt[i]);
  anchorList.add(anchorView);
  container.addView(anchorView);
}
for (int i = 0; i < tabTxt.length; i++) {
  holderTabLayout.addTab(holderTabLayout.newTab().setText(tabTxt[i]));
  realTabLayout.addTab(realTabLayout.newTab().setText(tabTxt[i]));
}

一开始让实际的tablayout 移动到占位的tablayout 处,覆盖占位的tablayout。

listener = new ViewTreeObserver.OnGlobalLayoutListener() {
  @Override
  public void onGlobalLayout() {
    //计算让最后一个view高度撑满屏幕
    int screenH = getScreenHeight();
    int statusBarH = getStatusBarHeight(AliHomeMoreActivity.this);
    int tabH = holderTabLayout.getHeight();
    int lastH = screenH - statusBarH - tabH - 16 * 3;
    AnchorView anchorView = anchorList.get(anchorList.size() - 1);
    if (anchorView.getHeight() < lastH) {
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
      params.height = lastH;
      anchorView.setLayoutParams(params);
    }

    //一开始让实际的tablayout 移动到 占位的tablayout处,覆盖占位的tablayout
    realTabLayout.setTranslationY(holderTabLayout.getTop());
    realTabLayout.setVisibility(View.VISIBLE);
    container.getViewTreeObserver().removeOnGlobalLayoutListener(listener);

  }
};
container.getViewTreeObserver().addOnGlobalLayoutListener(listener);

private int getScreenHeight() {
  return getResources().getDisplayMetrics().heightPixels;
}

public int getStatusBarHeight(Context context) {
  int result = 0;
  int resourceId = context.getResources()
      .getIdentifier("status_bar_height", "dimen", "android");
  if (resourceId > 0) {
    result = context.getResources().getDimensionPixelSize(resourceId);
  }
  return result;
}

scrollview滑动

主要在滑动过程这不断监听滑动的距离,再移动实际的tablayout ,当在屏幕内时,让其一直覆盖在占位的tablayout 上,看上去是跟着scrollview 一起滑动的;当滑出屏幕时,实际的tablayout 不断移动 使其相对屏幕静止,看上去是吸附在屏幕顶部。

scrollView.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
      isScroll = true;
    }
    return false;
  }
});

//监听scrollview滑动
scrollView.setCallbacks(new CustomScrollView.Callbacks() {
  @Override
  public void onScrollChanged(int x, int y, int oldx, int oldy) {
    //根据滑动的距离y(不断变化的) 和 holderTabLayout距离父布局顶部的距离(这个距离是固定的)对比,
    //当y < holderTabLayout.getTop()时,holderTabLayout 仍在屏幕内,realTabLayout不断移动holderTabLayout.getTop()距离,覆盖holderTabLayout
    //当y > holderTabLayout.getTop()时,holderTabLayout 移出,realTabLayout不断移动y,相对的停留在顶部,看上去是静止的
    int translation = Math.max(y, holderTabLayout.getTop());
    realTabLayout.setTranslationY(translation);

    if (isScroll) {
      for (int i = tabTxt.length - 1; i >= 0; i--) {
        //需要y减去顶部内容区域的高度(具体看项目的高度,这里demo写死的200dp)
        if (y - 200 * 3 > anchorList.get(i).getTop() - 10) {
          setScrollPos(i);
          break;
        }
      }
    }

  }
});

private void setScrollPos(int newPos) {
  if (lastPos != newPos) {
    realTabLayout.setScrollPosition(newPos, 0, true);
  }
  lastPos = newPos;
}

tablayout点击切换

由于实际操作的是realtablayout ,所以这里只需要一直监听该tablayout。

//实际的tablayout的点击切换
realTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
  @Override
  public void onTabSelected(TabLayout.Tab tab) {
    isScroll = false;
    int pos = tab.getPosition();
    int top = anchorList.get(pos).getTop();
    //同样这里滑动要加上顶部内容区域的高度(这里写死的高度)
    scrollView.smoothScrollTo(0, top + 200 * 3);
  }

  @Override
  public void onTabUnselected(TabLayout.Tab tab) {

  }

  @Override
  public void onTabReselected(TabLayout.Tab tab) {

  }
});

上述内容就是怎么在Android中实现滑动定位和吸附悬停效果,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网站栏目:怎么在Android中实现滑动定位和吸附悬停效果
网站地址:http://jkwzsj.com/article/ishjpe.html

其他资讯