我怎样才能在 NestedScrollView 中有一个 ListView
How can i have a ListView inside a NestedScrollView
我创建了一个应用程序,其页面需要从网络服务动态加载内容。我想要一个可以在 NestedScrollView 中与线性布局一起滚动的列表视图。但是当内容加载到列表视图时,它不会拉伸到它的全高。
这是我的代码。
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.myquestionth.myquestionth10.Profile2Activity"
tools:showIn="@layout/activity_profile2">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="400dp"
android:background="#BBBBBB" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Media heading"
android:id="@+id/textView2" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis."
android:id="@+id/textView8" />
</LinearLayout>
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#70bcf5" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
我搜索了一些关于scrollview不能嵌套的问题。
这是我根据 Google 播放评论页面的布局设计想要的示例。他们用什么方法?如果我做错了什么,建议我。非常感谢。
这就是我想要的。
我建议将所有内容都放在 ListView 中,而不是在线性布局下方和 ScrollView 中添加 ListView。
是的,你可以。
在您的适配器上实施(覆盖)以下方法:
public class MyAdapter extends BaseAdapter {
// One view to Header
// One view to filter options ("most helpful first" and "Options")
// One view to comments
private final static int VIEW_HEADER = 0;
private final static int VIEW_OPTIONS = 1;
private final static int VIEW_COMMENTS = 2;
private final static int VIEW_TYPE_MAX = 3;
@Override
public int getViewTypeCount () {
// It will return 3 since I have 3 different types of VIEW
return VIEW_TYPE_MAX;
}
@Override
public int getItemViewType(int position) {
if (position == 0)
return VIEW_HEADER;
else if (position == 1)
return VIEW_OPTIONS;
else
return VIEW_COMMENTS;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
if(getItemViewType(position) == VIEW_HEADER)
// Inflate HEADER Layout
else if (getItemViewType(position) == VIEW_OPTIONS)
// Inflate Options Layout
else
// Inflate comments Layout
}
// Fill the view contents according to its type
....
return convertView;
}
}
Android 将重新使用视图。但是 Android 将始终重复使用相同类型的视图。
好吧,我建议您使用 2 种方法来解决该问题:
1) 尝试使 LinearLayout 成为 ListView 的 header。请注意,header 应该像写成 here 一样膨胀。
2) 你提到你使用 NestedScrollView,所以也许你也应该尝试用 LinearLayout 替换 NestedScrollView 中的 ListView,正如聪明人建议的那样 here,添加循环中的行视图类似于您的适配器的工作方式。
祝你好运!
从 Lollipop 开始,您可以使用
yourtListView.setNestedScrollingEnabled(true);
为此视图启用或禁用嵌套滚动
如果您需要向后兼容旧版本的 OS,则必须使用 RecyclerView。
如果你想让列表视图在嵌套滚动视图中展开,只需使用这段代码。
将列表视图引用传递给创建列表视图结束时的函数。
private static void setListViewHeightBasedOnChildren(ListView listView) {
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null)
return;
int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(), View.MeasureSpec.UNSPECIFIED);
int totalHeight = 0;
View view = null;
for (int i = 0; i < listAdapter.getCount(); i++) {
view = listAdapter.getView(i, view, listView);
if (i == 0)
view.setLayoutParams(new ViewGroup.LayoutParams(desiredWidth, ViewGroup.LayoutParams.WRAP_CONTENT));
view.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);
totalHeight += view.getMeasuredHeight();
}
ViewGroup.LayoutParams params = listView.getLayoutParams();
params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
listView.setLayoutParams(params);
}
我创建了一个应用程序,其页面需要从网络服务动态加载内容。我想要一个可以在 NestedScrollView 中与线性布局一起滚动的列表视图。但是当内容加载到列表视图时,它不会拉伸到它的全高。
这是我的代码。
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.myquestionth.myquestionth10.Profile2Activity"
tools:showIn="@layout/activity_profile2">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="400dp"
android:background="#BBBBBB" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Media heading"
android:id="@+id/textView2" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis."
android:id="@+id/textView8" />
</LinearLayout>
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#70bcf5" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
我搜索了一些关于scrollview不能嵌套的问题。 这是我根据 Google 播放评论页面的布局设计想要的示例。他们用什么方法?如果我做错了什么,建议我。非常感谢。
这就是我想要的。
我建议将所有内容都放在 ListView 中,而不是在线性布局下方和 ScrollView 中添加 ListView。
是的,你可以。
在您的适配器上实施(覆盖)以下方法:
public class MyAdapter extends BaseAdapter {
// One view to Header
// One view to filter options ("most helpful first" and "Options")
// One view to comments
private final static int VIEW_HEADER = 0;
private final static int VIEW_OPTIONS = 1;
private final static int VIEW_COMMENTS = 2;
private final static int VIEW_TYPE_MAX = 3;
@Override
public int getViewTypeCount () {
// It will return 3 since I have 3 different types of VIEW
return VIEW_TYPE_MAX;
}
@Override
public int getItemViewType(int position) {
if (position == 0)
return VIEW_HEADER;
else if (position == 1)
return VIEW_OPTIONS;
else
return VIEW_COMMENTS;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
if(getItemViewType(position) == VIEW_HEADER)
// Inflate HEADER Layout
else if (getItemViewType(position) == VIEW_OPTIONS)
// Inflate Options Layout
else
// Inflate comments Layout
}
// Fill the view contents according to its type
....
return convertView;
}
}
Android 将重新使用视图。但是 Android 将始终重复使用相同类型的视图。
好吧,我建议您使用 2 种方法来解决该问题:
1) 尝试使 LinearLayout 成为 ListView 的 header。请注意,header 应该像写成 here 一样膨胀。
2) 你提到你使用 NestedScrollView,所以也许你也应该尝试用 LinearLayout 替换 NestedScrollView 中的 ListView,正如聪明人建议的那样 here,添加循环中的行视图类似于您的适配器的工作方式。
祝你好运!
从 Lollipop 开始,您可以使用
yourtListView.setNestedScrollingEnabled(true);
为此视图启用或禁用嵌套滚动 如果您需要向后兼容旧版本的 OS,则必须使用 RecyclerView。
如果你想让列表视图在嵌套滚动视图中展开,只需使用这段代码。 将列表视图引用传递给创建列表视图结束时的函数。
private static void setListViewHeightBasedOnChildren(ListView listView) {
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null)
return;
int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(), View.MeasureSpec.UNSPECIFIED);
int totalHeight = 0;
View view = null;
for (int i = 0; i < listAdapter.getCount(); i++) {
view = listAdapter.getView(i, view, listView);
if (i == 0)
view.setLayoutParams(new ViewGroup.LayoutParams(desiredWidth, ViewGroup.LayoutParams.WRAP_CONTENT));
view.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);
totalHeight += view.getMeasuredHeight();
}
ViewGroup.LayoutParams params = listView.getLayoutParams();
params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
listView.setLayoutParams(params);
}