我正在聊天应用程序中实现折叠式工具栏行为。我尝试了许多变体,使其工作接近理想状态。现在的问题是工具栏和选项卡的布局工作正常,但是选项卡中的内容不是所希望的。它隐藏在滚动条和书写消息中。查看以下gif
如您所见,用于创建和发送消息的底部布局也向下滚动到屏幕外,当我单击edittext时,其底部仍在滚动而不是键盘布局的顶部。我正在使用Android Studio中的navigationDrawer
活动模板,并对其进行了修改,使其包含选项卡和折叠行为。
这是我的app_bar_main_activity_controller_drawer
布局
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="32dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:popupTheme="@style/AppTheme.PopupOverlay">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="0.7"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax" />
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="scroll|enterAlways|snap"
app:popupTheme="@style/AppTheme.PopupOverlay" />
</ScrollView>
</android.support.design.widget.CollapsingToolbarLayout>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll|enterAlways"
app:tabGravity="fill"
app:tabMode="fixed" />
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_main_activity_controller_drawer" />
如果我将工具栏包装在ScrollView
中,则会出现折叠行为,但是底部布局(聊天框布局)也会滚动。如果我移除ScrollView
,则根本没有折叠行为。
在content_main_activity_controller_drawer
布局中,仅ViewPager
个其他内容。以下是我的ChatRoom片段代码
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_view"
android:layout_width="match_parent"
android:layout_height="0dp"
android:clipToPadding="true"
app:layout_constraintBottom_toTopOf="@+id/layout_chatbox"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent">
</android.support.v7.widget.RecyclerView>
<include
layout="@layout/attachment_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/activity_horizontal_margin"
android:layout_marginEnd="@dimen/activity_horizontal_margin"
android:visibility="visible"
app:layout_constraintBottom_toTopOf="@+id/layout_chatbox" />
<include
android:id="@+id/layout_chatbox"
layout="@layout/send_message_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
我的聊天框布局带有edittext,在其中发送按钮。
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
<EditText
android:id="@+id/messageEditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginStart="5dp"
android:layout_marginEnd="5dp"
android:background="@drawable/round_rec_white"
android:hint="Type a message"
android:inputType="textMultiLine"
android:lines="4"
android:maxLines="8"
android:minLines="1"
android:padding="10dp"
android:paddingStart="@dimen/activity_horizontal_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingEnd="50dp"
android:paddingRight="50dp" />
<ImageButton
android:id="@+id/btn_camera_in_et"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toStartOf="@id/btn_attachment"
android:layout_toLeftOf="@id/btn_attachment"
android:background="@drawable/round_rec_white"
android:contentDescription="Open Camera"
android:src="@drawable/ic_camera_white" />
<ImageButton
android:id="@+id/btn_attachment"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginStart="@dimen/activity_horizontal_margin"
android:layout_marginEnd="@dimen/activity_horizontal_margin"
android:background="@drawable/round_rec_white"
android:contentDescription="Open Attachments"
android:src="@drawable/ic_attach_file" />
</RelativeLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/sendButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:enabled="false"
android:src="@drawable/ic_send_black_24dp" />
所以我要修复的是底部布局(聊天框布局),在滚动recycerView时不滚动,在写消息时滚动至键盘布局。 让我知道是否还有其他需要。任何帮助将不胜感激。
我已经在清单文件中尝试过android:windowSoftInputMode="adjustResize"
用于键盘。