先上效果图:
giphy.gif
界面布局设计:
image.png
activity_main.xml布局:
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.chatui.MainActivity"
android:background="#f4f4f4">
android:layout_width="match_parent"
android:layout_height="45dp"
android:background="@color/blue_sky">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="范冰冰"
android:textColor="@color/white"
android:textSize="16sp"
android:layout_centerInParent="true"/>
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="8dp">
android:id="@+id/et_input"
android:layout_width="0dp"