溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在Android tabLayout中使用recyclerView實(shí)現(xiàn)錨點(diǎn)定位

發(fā)布時(shí)間:2021-05-11 16:31:20 來源:億速云 閱讀:370 作者:Leah 欄目:移動開發(fā)

怎么在Android tabLayout中使用recyclerView實(shí)現(xiàn)錨點(diǎn)定位?很多新手對此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

Android是什么

Android是一種基于Linux內(nèi)核的自由及開放源代碼的操作系統(tǒng),主要使用于移動設(shè)備,如智能手機(jī)和平板電腦,由美國Google公司和開放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開發(fā)。

實(shí)現(xiàn)思路

1、監(jiān)聽recyclerView滑動到的位置,tablayout切換到對應(yīng)標(biāo)簽  

2、tablayout各標(biāo)簽點(diǎn)擊,recyclerView可滑動到對應(yīng)區(qū)域

數(shù)據(jù)模擬

數(shù)據(jù)模擬,使用上一文章的AnchorView作為recyclerView的每個(gè)字view,同時(shí)這里對recyclerView的最后一個(gè)子view的高度進(jìn)行修改,讓其充滿屏幕。

private LinearLayoutManager manager;
private String[] tabTxt = {"客廳", "臥室", "餐廳", "書房", "陽臺", "兒童房"};
//判讀是否是recyclerView主動引起的滑動,true- 是,false- 否,由tablayout引起的
private boolean isRecyclerScroll;
//記錄上一次位置,防止在同一內(nèi)容塊里滑動 重復(fù)定位到tablayout
private int lastPos;
//用于recyclerView滑動到指定的位置
private boolean canScroll;
private int scrollToPosition;

//tablayout設(shè)置標(biāo)簽
for (int i = 0; i < tabTxt.length; i++) {
  tabLayout.addTab(tabLayout.newTab().setText(tabTxt[i]));
}

//計(jì)算內(nèi)容塊所在的高度,全屏高度-狀態(tài)欄高度-tablayout的高度(這里固定高度50dp),用于recyclerView的最后一個(gè)item view填充高度
int screenH = getScreenHeight();
int statusBarH = getStatusBarHeight(this);
int tabH = 50 * 3;
int lastH = screenH - statusBarH - tabH;
manager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(manager);
recyclerView.setAdapter(new MyAdapter(this, tabTxt, lastH));


@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
  holder.anchorView.setContentTxt(tabTxt[position]);
  holder.anchorView.setAnchorTxt(tabTxt[position]);
  //判斷最后一個(gè)view
  if (position == tabTxt.length - 1) {
    if (holder.anchorView.getHeight() < lastH) {
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
      params.height = lastH;
      holder.anchorView.setLayoutParams(params);
    }
  }
}

recyclerView滑動定位

當(dāng)recyclerView滑動引起的,addOnScrollListener的onScrolled的監(jiān)聽第一個(gè)可見view的位置,直接將tablayout定位到相應(yīng)的位置。

recyclerView.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View v, MotionEvent event) {
    //當(dāng)滑動由recyclerView觸發(fā)時(shí),isRecyclerScroll 置true
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
      isRecyclerScroll = true;
    }
    return false;
  }
});

recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  @Override
  public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
    super.onScrolled(recyclerView, dx, dy);
    if (isRecyclerScroll) {
      //第一個(gè)可見的view的位置,即tablayou需定位的位置
      int position = manager.findFirstVisibleItemPosition();
      if (lastPos != position) {
        tabLayout.setScrollPosition(position, 0, true);
      }
      lastPos = position;
    }
  }
});

tablayout切換定位

點(diǎn)擊tablayout進(jìn)行切換,recyclerView需要滑動到相應(yīng)的位置,注意這里需要根據(jù)跳轉(zhuǎn)位置不同,進(jìn)行相應(yīng)的滑動。

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
  @Override
  public void onTabSelected(TabLayout.Tab tab) {
    //點(diǎn)擊標(biāo)簽,使recyclerView滑動,isRecyclerScroll置false
    int pos = tab.getPosition();
    isRecyclerScroll = false;
    moveToPosition(manager, recyclerView, pos);
  }

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

  }

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

  }
});


public void moveToPosition(LinearLayoutManager manager, RecyclerView mRecyclerView, int position) {
  // 第一個(gè)可見的view的位置
  int firstItem = manager.findFirstVisibleItemPosition();
  // 最后一個(gè)可見的view的位置
  int lastItem = manager.findLastVisibleItemPosition();
  if (position <= firstItem) {
    // 如果跳轉(zhuǎn)位置firstItem 之前(滑出屏幕的情況),就smoothScrollToPosition可以直接跳轉(zhuǎn),
    mRecyclerView.smoothScrollToPosition(position);
  } else if (position <= lastItem) {
    // 跳轉(zhuǎn)位置在firstItem 之后,lastItem 之間(顯示在當(dāng)前屏幕),smoothScrollBy來滑動到指定位置
    int top = mRecyclerView.getChildAt(position - firstItem).getTop();
    mRecyclerView.smoothScrollBy(0, top);
  } else {
    // 如果要跳轉(zhuǎn)的位置在lastItem 之后,則先調(diào)用smoothScrollToPosition將要跳轉(zhuǎn)的位置滾動到可見位置
    // 再通過onScrollStateChanged控制再次調(diào)用當(dāng)前moveToPosition方法,執(zhí)行上一個(gè)判斷中的方法
    mRecyclerView.smoothScrollToPosition(position);
    scrollToPosition = position;
    canScroll = true;
  }
}

recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  @Override
  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
    if (canScroll) {
      canScroll = false;
      moveToPosition(manager, recyclerView, scrollToPosition);
    }
  }
});

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注億速云行業(yè)資訊頻道,感謝您對億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI