AppBarLayout不会完全折叠并仅部分扩展,直到滚动到达顶部

时间:2016-09-29 00:48:20

标签: android material-design android-coordinatorlayout android-appbarlayout android-collapsingtoolbarlayout

所以我有一个带有AppBarLayout和CollapsingToolbarLayout的CoordinatorLayout。这是它展开(左图)和折叠(右图)

时的样子

enter image description here enter image description here

我遇到的第一个问题是当我向下滚动包含两个文本视图的蓝色FrameLayout时不会崩溃。我想要的是只有工具栏在完全折叠时可见。我尝试了一些事情,比如更改滚动标记和移动视图和视图组,但没有成功。这里是xml,我也将windowTranslucentStatus设置为true,工具栏标题设置为空。

<script type="text/javascript">
$(document).ready(function(){

 $("select").change(function(){
    $(this).find("option:selected").each(function(){
    if($(this).attr("value")==""){

            $(".box").hide();
        }
        else{
            $(".box").show();
            var self=this;
  $('.box').on('click', function () {
      var url = $(self).attr("value"); 
      if (url) { 
          window.location = url; 
      }
      return false;
  });

        }
    });
}).change();
});
</script>

我遇到的第二个问题是,当向上滚动时,图像视图会扩展约60%的高度,然后当滚动到达顶部时,最后的40%会扩展。我想要发生的是,一旦滚动而不是部分,imageview就完全展开。以下是一些有助于解释它的图像。左侧图像是您正常向上滚动的图像,右侧图像是您最后向上滚动到顶部的图像。

enter image description here enter image description here

1 个答案:

答案 0 :(得分:1)

我遇到了部分打开工具栏的类似问题。我添加了snap到scroll_flags标签。我希望这就是你所要求的。

<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:layout_scrollFlags="scroll|exitUntilCollapsed|snap">