Android實(shí)現(xiàn)可折疊式標(biāo)題欄

第Android實(shí)現(xiàn)可折疊式標(biāo)題欄本文實(shí)例為大家分享了Android實(shí)現(xiàn)可折疊式標(biāo)題欄的具體代碼，供大家參考，具體內(nèi)容如下

先看效果圖：

一、實(shí)現(xiàn)步驟:

1、布局文件

xmlversion="1.0"encoding="utf-8"

androidx.coordinatorlayout.widget.CoordinatorLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".activity.FruitActivity"

com.google.android.material.appbar.AppBarLayout

android:id="@+id/app_bar"

android:layout_width="match_parent"

android:layout_height="250dp"

com.google.android.material.appbar.CollapsingToolbarLayout

android:id="@+id/collapsing"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

app:contentScrim="attr/colorPrimary"

app:layout_scrollFlags="scroll|exitUntilCollapsed"

ImageView

android:id="@+id/iv_image"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="centerCrop"

android:src="@drawable/head"

app:layout_collapseMode="parallax"/

androidx.appcompat.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="attr/actionBarSize"

app:layout_collapseMode="pin"/

/com.google.android.material.appbar.CollapsingToolbarLayout

/com.google.android.material.appbar.AppBarLayout

androidx.core.widget.NestedScrollView

android:id="@+id/nested_scrollView"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_behavior="@string/appbar_scrolling_view_behavior"

LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

androidx.cardview.widget.CardView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="15dp"

android:layout_marginTop="35dp"

android:layout_marginRight="15dp"

android:layout_marginBottom="15dp"

app:cardBackgroundColor="@color/white"

app:cardCornerRadius="4dp"

TextView

android:id="@+id/tv_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:text="我這里是一個(gè)卡片布局！"/

/androidx.cardview.widget.CardView

/LinearLayout

/androidx.core.widget.NestedScrollView

com.google.android.material.floatingactionbutton.FloatingActionButton

android:id="@+id/floating"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="16dp"

android:background="#00000000"

android:src="@drawable/comment"

app:layout_anchor="@id/app_bar"

app:layout_anchorGravity="bottom|end"/com.google.android.material.floatingactionbutton.FloatingActionButton

/androidx.coordinatorlayout.widget.CoordinatorLayout

接下來我們來分析這里面的控件和屬性：

1、最外層的布局為CoordinatorLayout

：相當(dāng)于加強(qiáng)版的FrameLayout,在普通情況下的作用和FrameLayout基本一致。當(dāng)然也會(huì)有其獨(dú)特的作用，CoordinatorLayout可以監(jiān)聽其所有子控件的各種事件，然后自動(dòng)幫我們做出最為合理的響應(yīng)。

2、AppBarLayout:實(shí)際上是一個(gè)垂直方向的LinearLayout,在內(nèi)部做了很多封裝，并應(yīng)用了一些MaterialDesign的設(shè)計(jì)理念。

3、CollapsingToolbarLayout是作用于Toolbar基礎(chǔ)之上的一個(gè)布局，CollapsingToolbarLayout可以讓Toolbar的效果變得更加豐富。

4、app:layout_scrollFlags=scroll|exitUntilCollapsed屬性：srcoll表示CollapsingToolbarLayout會(huì)隨著內(nèi)容的滾動(dòng)一起滾動(dòng)，exitUntilCollapsed表示當(dāng)CollapsingToolbarLayout隨著滾動(dòng)完成折疊之后就保留在界面上，不再移出屏幕。

5、app:contentScrim=attr/colorPrimary屬性：用于指定在CollapsingToolbarLayout在趨于折疊狀態(tài)以及折疊之后的背景色。

6、app:layout_collapseMode=pin屬性：用于指定在控件CollapsingToolbarLayout折疊過程中的折疊模式，pin表示在折疊過程中位置始終不變。

7、app:layout_collapseMode=parallax屬性：表示在折疊的過程中產(chǎn)生一定的錯(cuò)位偏移。

8、NestedScrollView控件：即有ScrollView控件使用滾動(dòng)的方式來查看屏幕以外的數(shù)據(jù)，NestedScrollView在此基礎(chǔ)之上還增加了嵌套響應(yīng)滾動(dòng)事件的功能。

9、app:layout_behavior=@string/appbar_scrolling_view_behavior指定了一個(gè)布局行為

10、CardView：用于實(shí)現(xiàn)卡片式布局效果的重要控件，額外提供了圓角和陰影的效果。

11、app:cardCornerRadius屬性：指定卡片圓角的弧度。

12、FloatingActionButton懸浮按鈕

關(guān)于控件和屬性就說這么多。

接下來就是實(shí)現(xiàn)java代碼了,代碼如下：

publicclassFruitActivityextendsAppCompatActivity{

privateCollapsingToolbarLayoutcollapsing;

privateToolbartoolbar;

privateFloatingActionButtonfloating;

privateTextViewtv_text;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_fruit);

collapsing=findViewById(R.id.collapsing);

toolbar=findViewById(R.id.toolbar);

floating=findViewById(R.id.floating);

tv_text=findViewById(R.id.tv_text);

setSupportActionBar(toolbar);

ActionBaractionBar=getSupportActionBar();

if(actionBar!=null){

actionBar.setDisplayHomeAsUpEnabled(true);

}

collapsing.setTitle("這是CollapsingToolbarLayout");

Stringtext="努力努力再努力";

tv_text.setText(generateText(text));

floating.setOnClickListener(newView.OnClickListener(){

@Override

publicvoidonClick(Viewv){

Toast.makeText(FruitActivity.this,"您點(diǎn)擊了懸浮按鈕哦！",Toast.LENGTH_SHORT).show();

}

});