- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 ListView ,我正在膨胀两个标题。 header1 和下面的 header2 然后是列表项。
listview的high是match_parent
我怎样才能做到当我滚动我的列表时,header2 不会从屏幕上消失。所以它到达的最高点是屏幕的顶部,而列表项在它下面滚动
最佳答案
下面的代码会对某人有所帮助。
1.带有工具栏的代码。
2.toolbar下方的view(V1)(滚动时消失)
3.V1 下方的另一个 View (V2)(它将粘在工具栏的顶部底部)
4.然后最后一个将滚动..(可能是嵌套 ScrollView 中的 View ,Recyclerview ...等)
提示:
1.在 xml 中,view(V1) 必须在 CollapsingToolbarLayout 中给出,view(V2) 有sticked in top 应该在 CollapsingToolbarLayout 之外和 AppbarLayout 内部。
2.对于演示,使用了 NestedScrollview 和一些虚拟文本。如果您使用的是 Recyclerview 或类似的东西,请不要忘记放app:layout_behavior="@string/appbar_scrolling_view_behavior"。
xml如下。
第一个.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/tollbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#c65"
android:elevation="4dp"
/>
<include
layout="@layout/sample"/>
</LinearLayout>
示例.xml
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/rest_logo"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerInParent="true"
android:layout_gravity="center"
android:scaleType="fitXY"
android:src="@mipmap/ic_launcher"
app:layout_collapseMode="parallax" />
</android.support.design.widget.CollapsingToolbarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="30dp"
android:background="#cff"
android:gravity="center"
app:layout_collapseMode="pin">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Header Sticking in Top"
android:textColor="#000" />
</LinearLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
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="60dp"
android:orientation="vertical"
android:textColor="#000">
<TextView
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="1"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="2"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="3"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="4"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="5"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="6"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="7"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="8"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="9"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="10"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="11"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="12"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="13"
android:textColor="#000" />
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:background="#ccc"
android:gravity="center"
android:text="14"
android:textColor="#000" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
关于android - 滚动 ListView 时如何使单个标题粘在屏幕顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22648424/
查看此页面:http://jsbin.com/itufix使用 IE(页面自动启用 IE7 模式)。 在这里您将找到如何使用显示 block 呈现内联元素(输入和跨度)的示例。所有元素的边距和填充都设
我有一个自定义的 UITabvleViewCell,其中有一个 UIImageView。当在 cellForRowAtIndexPath 中设置单元格时,我可以很好地设置图像(尽管我没有),但是在某些
我是一名优秀的程序员,十分优秀!