本文要實現(xiàn)內(nèi)容移動時，標(biāo)題欄自動縮放/放大的效果，效果如下：
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比前鋒網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式前鋒網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋前鋒地區(qū)。費用合理售后完善，十年實體公司更值得信賴。
控件介紹
這次需要用到得新控件比較多，主要有以下幾個：
CoordinatorLayout
組織它的子views之間協(xié)作的一個Layout，它可以給子View切換提供動畫效果。
AppBarLayout
可以讓包含在其中的控件響應(yīng)被標(biāo)記了ScrollingViewBehavior的View的滾動事件
CollapsingToolbarLayout
可以控制包含在CollapsingToolbarLayout其中的控件，在響應(yīng)collapse時是移除屏幕和固定在最上面
TabLayout
結(jié)合ViewPager，實現(xiàn)多個TAB的切換的功能
NestedScrollView
與ScrollView基本相同，不過包含在NestedScrollView中的控件移動時才能時AppBarLayout縮放
Layout布局
<?xml version=”1.0” encoding=”utf-8”?>
CollapsingToolbarLayout和TabLayout的使用說明可以參考探索新的Android Material Design支持庫
代碼實現(xiàn)
重慶分公司
重慶分公司
//Toolbar
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
onBackPressed();
}
});
//使用CollapsingToolbarLayout后，title需要設(shè)置到CollapsingToolbarLayout上
CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
collapsingToolbar.setTitle("失控");
//設(shè)置ViewPager
mViewPager = (ViewPager) findViewById(R.id.viewpager);
setupViewPager(mViewPager);
//給TabLayout增加Tab, 并關(guān)聯(lián)ViewPager
TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
tabLayout.addTab(tabLayout.newTab().setText("內(nèi)容簡介"));
tabLayout.addTab(tabLayout.newTab().setText("作者簡介"));
tabLayout.addTab(tabLayout.newTab().setText("目錄"));
tabLayout.setupWithViewPager(mViewPager);
詳細(xì)代碼參見這里
項目源碼已發(fā)布到Github，Material Design新控件基本介紹完了，
下篇文章會結(jié)合豆瓣讀書的API，整合一下這些控件，做一個Demo。
源碼地址：MaterialDesignExample
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
