聊天平台源码，标题过长自动应用折叠式标题栏

聊天平台源码，标题过长自动应用折叠式标题栏实现的相关代码

一、实现步骤:

1、布局文件

<br><?xml version="1.0" encoding="utf-8"?><br><androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"<br>    xmlns:app="http://schemas.android.com/apk/res-auto"<br>    xmlns:tools="http://schemas.android.com/tools"<br>    android:layout_width="match_parent"<br>    android:layout_height="match_parent"<br>    tools:context=".activity.FruitActivity"><br>    <com.google.android.material.appbar.AppBarLayout<br>        android:id="@+id/app_bar"<br>        android:layout_width="match_parent"<br>        android:layout_height="250dp"><br>        <com.google.android.material.appbar.CollapsingToolbarLayout<br>            android:id="@+id/collapsing"<br>            android:layout_width="match_parent"<br>            android:layout_height="match_parent"<br>            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"<br>            app:contentScrim="?attr/colorPrimary"<br>            app:layout_scrollFlags="scroll|exitUntilCollapsed"><br>            <ImageView<br>                android:id="@+id/iv_image"<br>                android:layout_width="match_parent"<br>                android:layout_height="match_parent"<br>                android:scaleType="centerCrop"<br>                android:src="@drawable/head"<br>                app:layout_collapseMode="parallax" /><br>            <androidx.appcompat.widget.Toolbar<br>                android:id="@+id/toolbar"<br>                android:layout_width="match_parent"<br>                android:layout_height="?attr/actionBarSize"<br>                app:layout_collapseMode="pin" /><br>        </com.google.android.material.appbar.CollapsingToolbarLayout><br>    </com.google.android.material.appbar.AppBarLayout><br>    <androidx.core.widget.NestedScrollView<br>        android:id="@+id/nested_scrollView"<br>        android:layout_width="match_parent"<br>        android:layout_height="match_parent"<br>        app:layout_behavior="@string/appbar_scrolling_view_behavior"><br>        <LinearLayout<br>            android:layout_width="match_parent"<br>            android:layout_height="match_parent"<br>            android:orientation="vertical"><br>            <androidx.cardview.widget.CardView<br>                android:layout_width="match_parent"<br>                android:layout_height="wrap_content"<br>                android:layout_marginLeft="15dp"<br>                android:layout_marginTop="35dp"<br>                android:layout_marginRight="15dp"<br>                android:layout_marginBottom="15dp"<br>                app:cardBackgroundColor="@color/white"<br>                app:cardCornerRadius="4dp"><br>                <TextView<br>                    android:id="@+id/tv_text"<br>                    android:layout_width="wrap_content"<br>                    android:layout_height="wrap_content"<br>                    android:layout_margin="10dp"<br>                    android:text="我这里是一个卡片布局！" /><br>            </androidx.cardview.widget.CardView><br>        </LinearLayout><br>    </androidx.core.widget.NestedScrollView><br>    <com.google.android.material.floatingactionbutton.FloatingActionButton<br>        android:id="@+id/floating"<br>        android:layout_width="wrap_content"<br>        android:layout_height="wrap_content"<br>        android:layout_margin="16dp"<br>        android:background="#00000000"<br>        android:src="@drawable/comment"<br>        app:layout_anchor="@id/app_bar"<br>        app:layout_anchorGravity="bottom|end"></com.google.android.material.floatingactionbutton.FloatingActionButton><br></androidx.coordinatorlayout.widget.CoordinatorLayout>

接下来我们来分析这里面的控件和属性：

最外层的布局为 CoordinatorLayout

：相当于加强版的FrameLayout,在普通情况下的作用和FrameLayout基本一致。当然也会有其独特的作用，CoordinatorLayout可以监听其所有子控件的各种事件，然后自动帮我们做出最为合理的响应。

AppBarLayout:实际上是一个垂直方向的LinearLayout,在内部做了很多封装，并应用了一些Material Design的设计理念。

CollapsingToolbarLayout是作用于Toolbar基础之上的一个布局，CollapsingToolbarLayout可以让Toolbar的效果变得更加丰富。

app:layout_scrollFlags="scroll|exitUntilCollapsed"属性：srcoll表示CollapsingToolbarLayout会随着内容的滚动一起滚动，exitUntilCollapsed表示当CollapsingToolbarLayout随着滚动完成折叠之后就保留在界面上，不再移出屏幕。

app:contentScrim="?attr/colorPrimary"属性：用于指定在CollapsingToolbarLayout在趋于折叠状态以及折叠之后的背景色。

app:layout_collapseMode="pin"属性：用于指定在控件CollapsingToolbarLayout折叠过程中的折叠模式，pin表示在折叠过程中位置始终不变。

app:layout_collapseMode=“parallax” 属性：表示在折叠的过程中产生一定的错位偏移。

NestedScrollView控件：即有ScrollView控件使用滚动的方式来查看屏幕以外的数据，NestedScrollView在此基础之上还增加了嵌套响应滚动事件的功能。

app:layout_behavior="@string/appbar_scrolling_view_behavior"指定了一个布局行为

CardView：用于实现卡片式布局效果的重要控件，额外提供了圆角和阴影的效果。

app:cardCornerRadius属性：指定卡片圆角的弧度。

FloatingActionButton悬浮按钮

关于控件和属性就说这么多。

接下来就是实现java代码了,代码如下：

public class FruitActivity extends AppCompatActivity {<br>    private CollapsingToolbarLayout collapsing;<br>    private Toolbar toolbar;<br>    private FloatingActionButton floating;<br>    private TextView tv_text;<br>    @Override<br>    protected void onCreate(Bundle savedInstanceState) {<br>        super.onCreate(savedInstanceState);<br>        setContentView(R.layout.activity_fruit);<br>        collapsing = findViewById(R.id.collapsing);<br>        toolbar = findViewById(R.id.toolbar);<br>        floating = findViewById(R.id.floating);<br>        tv_text = findViewById(R.id.tv_text);<br>        setSupportActionBar(toolbar);<br>        ActionBar actionBar = getSupportActionBar();<br>        if (actionBar != null) {<br>            actionBar.setDisplayHomeAsUpEnabled(true);<br>        }<br>        collapsing.setTitle("这是CollapsingToolbarLayout");<br>        String text = "努力努力再努力";<br>        tv_text.setText(generateText(text));<br>        floating.setOnClickListener(new View.OnClickListener() {<br>            @Override<br>            public void onClick(View v) {<br>                Toast.makeText(FruitActivity.this, "您点击了悬浮按钮哦！", Toast.LENGTH_SHORT).show();<br>            }<br>        });<br>    }<br>    private String generateText(String text) {<br>        StringBuilder stringBuilder = new StringBuilder("");<br>        for (int i = 0; i < 500; i++) {<br>            stringBuilder.append(text);<br>        }<br>        return stringBuilder.toString();<br>    }<br>    @Override<br>    public boolean onOptionsItemSelected(@NonNull MenuItem item) {<br>        switch (item.getItemId()) {<br>        //Toolbar左上角默认有一个返回的箭头，含义是返回上一个活动<br>        //这个按钮叫做HomeAsUp按钮，这个按钮的id永远都是android.R.id.home<br>            case android.R.id.home:<br>                finish();<br>                break;<br>        }<br>        return true;<br>    }<br>}