這篇文章主要介紹“Android view怎么實(shí)現(xiàn)滑動(dòng)懸浮固定效果”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“Android view怎么實(shí)現(xiàn)滑動(dòng)懸浮固定效果”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司是一家專業(yè)提供代縣企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為代縣眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

1.背景

在項(xiàng)目開發(fā)過程中，有時(shí)候會(huì)碰到這樣的需求：在滑動(dòng)的過程中，在某時(shí)要將子view固定在頂部（常見的是將界面中的tab在滑動(dòng)到頂部的時(shí)候進(jìn)行固定）。

效果圖：

2.思路

(CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout)+TabLayout+ViewPager

3.代碼實(shí)現(xiàn)

a.主布局代碼

需要注意的是：

1. app:layout_scrollFlags="scroll|exitUntilCollapsed"——>設(shè)置可以滑動(dòng)且當(dāng)前view可以一直退出直到折疊視圖顯現(xiàn)。

2. ——>引用的子view布局其實(shí)就是一個(gè)ViewPager（需要注意的是要在布局中設(shè)置：app:layout_behavior="@string/appbar_scrolling_view_behavior"）

b.主界面Activity代碼

public class ScrollingActivity extends AppCompatActivity { 
  private TabLayout tabLayout; 
  private ViewPager viewPager; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_scrolling); 
    initViews(); 
  } 
 
  private void initViews() { 
    tabLayout = (TabLayout) findViewById(R.id.tabLayout); 
    viewPager = (ViewPager) findViewById(R.id.viewPager); 
 
    viewPager.setOffscreenPageLimit(2); 
    viewPager.setAdapter(new MPagerAdapter(getSupportFragmentManager())); 
    tabLayout.setupWithViewPager(viewPager); 
  } 
 
}

c.適配器MPagerAdapter代碼

public class MPagerAdapter extends FragmentStatePagerAdapter { 
  private String[] tabTitle = new String[]{"tab01", "tab02"}; 
  private FirstFragment firstFragment; 
  private SecondFragment secondFragment; 
 
  public MPagerAdapter(FragmentManager fm) { 
    super(fm); 
  } 
 
  @Override 
  public Fragment getItem(int position) { 
    if (position == 0) { 
      if (firstFragment == null) { 
        firstFragment = new FirstFragment(); 
      } 
      return firstFragment; 
    } else if (position == 1) { 
      if (secondFragment == null) { 
        secondFragment = new SecondFragment(); 
      } 
      return secondFragment; 
    } 
    return null; 
  } 
 
  @Override 
  public int getCount() { 
    return tabTitle.length; 
  } 
 
  @Override 
  public CharSequence getPageTitle(int position) { 
    return tabTitle[position]; 
  } 
 
}

兩個(gè)Fragment的代碼非常簡(jiǎn)單。僅僅加載布局而已，所以在此就不貼出來(lái)了。

4.擴(kuò)展

a.關(guān)于CollapsingToolbarLayout中子view的排列順序?qū)︼@示結(jié)果造成的影響

如圖：

可以看到圖中黑色邊框顯示的內(nèi)容不一致，因此ToolBar和ImageView的排列順序會(huì)對(duì)視圖的顯示結(jié)果造成影響。

推測(cè)——>CollapsingToolbarLayout中以上三種view不同排序的剖面展示效果為：

順序：Toolbar——>ImageView——>TabLayout（設(shè)置layout_gravity="bottom"）

順序：ImageView——>Toolbar——>TabLayout（設(shè)置layout_gravity="bottom"）

不負(fù)責(zé)任滴猜測(cè)：把Toolbar看做一張畫布，只有覆蓋在畫布投射區(qū)域范圍內(nèi)的內(nèi)容才顯示出來(lái)在該畫布內(nèi)。
（因此，1.在畫布下的內(nèi)容就無(wú)法顯示出來(lái)；2.無(wú)法覆蓋畫布的內(nèi)容就顯示為畫布默認(rèn)的樣式）
所以，如果不想要有視差效果的話，那么就將Toolbar與TabLayout的高度設(shè)置一致。如果將Toolbar去掉，那么所有的CollapsingToolbarLayout中的View都會(huì)滑出界面，此時(shí)布局就變成了普通布局了（相當(dāng)于CollapsingToolbarLayout變成了CollapsingLayout）。

b.去掉Toolbar實(shí)現(xiàn)固定效果

只要將TabLayout從CollapsingToolbarLayout中移到AppBarLayout的一級(jí)子View即可。

（這樣也避免了：在CollapsingToolbarLayout中，因?yàn)橐晥D折疊覆蓋的問題，會(huì)導(dǎo)致整個(gè)ImageView被TabLayout覆蓋一部分而顯示不完全的問題。）

關(guān)于“Android view怎么實(shí)現(xiàn)滑動(dòng)懸浮固定效果”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。