web-dev-qa-db-ja.com

NestedScrollView内にListViewを含めるにはどうすればよいですか?

Webサービスからコンテンツを動的にロードする必要があるページを含むアプリを作成しました。 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>

スクロールビューをネストできないことについて検索しました。これは、GooglePlayのレビューページからのレイアウトデザインに従って私が望む例です。彼らが使用する方法は何ですか?私が何か間違ったことをしたら私に提案してください。どうもありがとう。

enter image description here

これが私が欲しいものです。

enter image description here

7
Marcus

さて、私はあなたにその問題を解決するための2つの方法を提案します:

1)LinearLayoutをListViewのヘッダーにしようとします。 here と書かれているように、ヘッダーを膨らませる必要があることに注意してください。

2)NestedScrollViewを使用しているとおっしゃっていたので、内部のListViewも置き換えてみてください。 ネスト賢明な人々が示唆したように、LinearLayoutを使用したScrollView here 、アダプターの動作と同様のループで行ビューを追加します。

幸運を!

5

ロリポップ以降は使用できます

yourtListView.setNestedScrollingEnabled(true);

これにより、古いバージョンのOSとの下位互換性が必要な場合に、このビューのネストされたスクロールを有効または無効にします。RecyclerViewを使用する必要があります。

4
JackA

線形レイアウトの下とScrollView内にListViewを追加する代わりに、すべてを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は、常に同じタイプのビューを再利用します。

1
W0rmH0le