web-dev-qa-db-ja.com

リストビューに戻るときにスクロール位置を維持/保存/復元

前の画面に戻る前に、ユーザーがスクロールできるListViewがあります。ユーザーがこのListViewを再び開いたときに、リストを以前と同じポイントにスクロールする必要があります。これを達成する方法についての任意のアイデア？

androidandroid-listviewscrollscroll-position
385
rantravee

これを試して：

// save index and top position
int index = mList.getFirstVisiblePosition();
View v = mList.getChildAt(0);
int top = (v == null) ? 0 : (v.getTop() - mList.getPaddingTop());

// ...

// restore index and position
mList.setSelectionFromTop(index, top);

説明：

ListView.getFirstVisiblePosition()は一番上に見えるリスト項目を返します。しかし、この項目は部分的に表示外にスクロールされる可能性があり、リストの正確なスクロール位置を復元したい場合は、このオフセットを取得する必要があります。そのため、ListView.getChildAt(0)はトップリストアイテムのViewを返し、次にView.getTop() - mList.getPaddingTop()はListViewの先頭からの相対オフセットを返します。それから、ListViewのスクロール位置を復元するために、欲しいアイテムのインデックスとListViewの上からEdgeの位置を決めるためのオフセットでListView.setSelectionFromTop()を呼び出します。

625
ian
Parcelable state;

@Override
public void onPause() {    
    // Save ListView state @ onPause
    Log.d(TAG, "saving listview state @ onPause");
    state = listView.onSaveInstanceState();
    super.onPause();
}
...

@Override
public void onViewCreated(final View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    // Set new items
    listView.setAdapter(adapter);
    ...
    // Restore previous state (including selected item index and scroll position)
    if(state != null) {
        Log.d(TAG, "trying to restore listview state..");
        listView.onRestoreInstanceState(state);
    }
}
529
Eugene Mymrin

私は@（Kirk Woll）によって提案された解決策を採用しました、そしてそれは私のために働きます。私は、 "Contacts"アプリのAndroidのソースコードでも、同じテクニックを使っているのを見ました。私はもう少し詳細を加えたいと思います：私のListActivity派生クラスの上に：

private static final String LIST_STATE = "listState";
private Parcelable mListState = null;

次に、いくつかのメソッドがオーバーライドします。

@Override
protected void onRestoreInstanceState(Bundle state) {
    super.onRestoreInstanceState(state);
    mListState = state.getParcelable(LIST_STATE);
}

@Override
protected void onResume() {
    super.onResume();
    loadData();
    if (mListState != null)
        getListView().onRestoreInstanceState(mListState);
    mListState = null;
}

@Override
protected void onSaveInstanceState(Bundle state) {
    super.onSaveInstanceState(state);
    mListState = getListView().onSaveInstanceState();
    state.putParcelable(LIST_STATE, mListState);
}

もちろん、 "loadData"はDBからデータを取り出してそれをリストに載せる私の機能です。

私のFroyoデバイスでは、これはあなたが電話の向きを変えるときと、あなたがアイテムを編集してリストに戻るときの両方で働きます。

52
Giorgio Barchiesi

とても簡単な方法：

/** Save the position **/
int currentPosition = listView.getFirstVisiblePosition();

//Here u should save the currentPosition anywhere

/** Restore the previus saved position **/
listView.setSelection(savedPosition);

メソッド setSelection はリストを与えられたアイテムにリセットします。タッチモードではない場合、アイテムは実際に選択されます。タッチモードでは、アイテムは画面上にのみ配置されます。

より複雑なアプローチ：

listView.setOnScrollListener(this);

//Implements the interface:
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
    mCurrentX = view.getScrollX();
    mCurrentY = view.getScrollY();
}

@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {

}

//Save anywere the x and the y

/** Restore: **/
listView.scrollTo(savedX, savedY);
27
Francesco Laurita

これについて何か面白いことがわかりました。

SetSelectionとscrolltoXYを試しましたが、まったく機能しませんでした。試行錯誤の末、リストは同じ位置に残っていました。

final ListView list = (ListView) findViewById(R.id.list);
list.post(new Runnable() {            
    @Override
    public void run() {
        list.setSelection(0);
    }
});

Runnableを投稿する代わりにrunOnUiThreadを試してもうまくいかない場合（少なくとも一部のデバイスで）

これは簡単であるべき何かのための非常に奇妙な回避策です。

17
shalafi

注意！！ ListView.getFirstVisiblePosition（）が0の場合、onSaveState（）が正しく機能しないAbsListViewにはバグがあります。

そのため、画面の大部分を占める大きな画像があり、2番目の画像までスクロールしても、最初の画像が少し表示されている場合、スクロール位置は保存されません。

からAbsListView.Java:1650（コメント私の）

// this will be false when the firstPosition IS 0
if (haveChildren && mFirstPosition > 0) {
    ...
} else {
    ss.viewTop = 0;
    ss.firstId = INVALID_POSITION;
    ss.position = 0;
}

しかし、この状況では、以下のコードの 'top'が負の数になり、状態を正しく復元できない他の問題が発生します。それで、「上」が否定的であるとき、次の子供を得なさい

// save index and top position
int index = getFirstVisiblePosition();
View v = getChildAt(0);
int top = (v == null) ? 0 : v.getTop();

if (top < 0 && getChildAt(1) != null) {
    index++;
    v = getChildAt(1);
    top = v.getTop();
}
// parcel the index and top

// when restoring, unparcel index and top
listView.setSelectionFromTop(index, top);
10
aaronvargas
private Parcelable state;
@Override
public void onPause() {
    state = mAlbumListView.onSaveInstanceState();
    super.onPause();
}

@Override
public void onResume() {
    super.onResume();

    if (getAdapter() != null) {
        mAlbumListView.setAdapter(getAdapter());
        if (state != null){
            mAlbumListView.requestFocus();
            mAlbumListView.onRestoreInstanceState(state);
        }
    }
}

それで十分です

6
Leo Phan

この問題に対する解決策を探している人のために、問題の根本はあなたがあなたのリストビューアダプタを設定しているところかもしれません。リストビューでアダプタを設定すると、スクロール位置がリセットされます。考慮すべき点があります。リストビューへの参照を取得した後、アダプタを自分のonCreateViewに設定しましたが、問題は解決しました。 =）

4
Ryan Newsom

誰もこれを述べていないのに驚いたのでこれを投稿しています。

ユーザーが戻るボタンをクリックした後、彼はそれから出たのと同じ状態でリストビューに戻ります。

このコードは "戻る"ボタンと同じように振る舞うために "上へ"ボタンをオーバーライドするので、リストビュー - >詳細 - >リストビューに戻る（そして他のオプションなし）の場合、これはスクロール位置と内容を維持する最も簡単なコードリストビューで.

 public boolean onOptionsItemSelected(MenuItem item) {
     switch (item.getItemId()) {
         case Android.R.id.home:
             onBackPressed();
             return(true);
     }
     return(super.onOptionsItemSelected(item)); }

注意：詳細アクティビティから別のアクティビティに移動できる場合は、上ボタンをクリックするとそのアクティビティに戻るので、これを機能させるにはバックボタン履歴を操作する必要があります。

1
Mazvél

再ロードする前に状態を保存し、その後で復元すると、再ロード後にスクロール状態を維持できます。私の場合、非同期ネットワーク要求を行い、完了後にコールバックでリストを再ロードしました。これが私が状態を回復するところです。コードサンプルはKotlinです。

val state = myList.layoutManager.onSaveInstanceState()

getNewThings() { newThings: List<Thing> ->

    myList.adapter.things = newThings
    myList.layoutManager.onRestoreInstanceState(state)
}
1
Michael Peterson

最善の解決策は、次のとおりです。

// save index and top position
int index = mList.getFirstVisiblePosition();
View v = mList.getChildAt(0);
int top = (v == null) ? 0 : (v.getTop() - mList.getPaddingTop());

// ...

// restore index and position
mList.post(new Runnable() {
    @Override
    public void run() {
      mList.setSelectionFromTop(index, top);
   }
});

あなたはPOSTそしてスレッドの中に電話しなければなりません！

1
Andrew Sneck

ListView xml宣言のAndroid:saveEnabled="true"だけでは不十分ですか？

1
Andrea Richiardi

以下のコードを使用してください。

int index,top;

@Override
protected void onPause() {
    super.onPause();
    index = mList.getFirstVisiblePosition();

    View v = challengeList.getChildAt(0);
    top = (v == null) ? 0 : (v.getTop() - mList.getPaddingTop());
}

そしてあなたのデータをリフレッシュするときはいつでもこの下のコードを使う：

adapter.notifyDataSetChanged();
mList.setSelectionFromTop(index, top);
0
Rohit Lalwani

SimpleCursorAdapterを使用してLoaderManager.LoaderCallbacksを実装するListActivityから派生したアクティビティでは、onReset（）の位置を復元するのには機能しませんでした。詳細ビューを閉じると、アクティビティがほとんど再起動され、アダプタがリロードされたためです。トリックはonLoadFinished（）の位置を元に戻すことでした：

onListItemClick（）の：

// save the selected item position when an item was clicked
// to open the details
index = getListView().getFirstVisiblePosition();
View v = getListView().getChildAt(0);
top = (v == null) ? 0 : (v.getTop() - getListView().getPaddingTop());

onLoadFinished（）の：

// restore the selected item which was saved on item click
// when details are closed and list is shown again
getListView().setSelectionFromTop(index, top);

onBackPressed（）の：

// Show the top item at next start of the app
index = 0;
top = 0;
0
Perotin

私はFirebaseListAdapterを使用していますが、どの解決策も機能しませんでした。私は結局これをやった。もっとエレガントな方法があると思いますが、これは完全で実用的な解決策です。

onCreateの前に：

private int reset;
private int top;
private int index;

FirebaseListAdapterの内側：

@Override
public void onDataChanged() {
     super.onDataChanged();

     // Only do this on first change, when starting
     // activity or coming back to it.
     if(reset == 0) {
          mListView.setSelectionFromTop(index, top);
          reset++;
     }

 }

onStart：

@Override
protected void onStart() {
    super.onStart();
    if(adapter != null) {
        adapter.startListening();
        index = 0;
        top = 0;
        // Get position from SharedPrefs
        SharedPreferences sharedPref = PreferenceManager.getDefaultSharedPreferences(this);
        top = sharedPref.getInt("TOP_POSITION", 0);
        index = sharedPref.getInt("INDEX_POSITION", 0);
        // Set reset to 0 to allow change to last position
        reset = 0;
    }
}

onStop：

@Override
protected void onStop() {
    super.onStop();
    if(adapter != null) {
        adapter.stopListening();
        // Set position
        index = mListView.getFirstVisiblePosition();
        View v = mListView.getChildAt(0);
        top = (v == null) ? 0 : (v.getTop() - mListView.getPaddingTop());
        // Save position to SharedPrefs
        SharedPreferences sharedPref = PreferenceManager.getDefaultSharedPreferences(this);
        sharedPref.edit().putInt("TOP_POSITION" + "", top).apply();
        sharedPref.edit().putInt("INDEX_POSITION" + "", index).apply();
    }
}

私はFirebaseRecyclerAdapterについてもこれを解決しなければならなかったので、私はそのためにここでも解決策を投稿しました：

onCreateの前に：

private int reset;
private int top;
private int index;

FirebaseRecyclerAdapterの内部：

@Override
public void onDataChanged() {
    // Only do this on first change, when starting
    // activity or coming back to it.
    if(reset == 0) {
        linearLayoutManager.scrollToPositionWithOffset(index, top);
        reset++;
    }
}

onStart：

@Override
protected void onStart() {
    super.onStart();
    if(adapter != null) {
        adapter.startListening();
        index = 0;
        top = 0;
        // Get position from SharedPrefs
        SharedPreferences sharedPref = PreferenceManager.getDefaultSharedPreferences(this);
        top = sharedPref.getInt("TOP_POSITION", 0);
        index = sharedPref.getInt("INDEX_POSITION", 0);
        // Set reset to 0 to allow change to last position
        reset = 0;
    }
}

onStop：

@Override
protected void onStop() {
    super.onStop();
    if(adapter != null) {
        adapter.stopListening();
        // Set position
        index = linearLayoutManager.findFirstVisibleItemPosition();
        View v = linearLayoutManager.getChildAt(0);
        top = (v == null) ? 0 : (v.getTop() - linearLayoutManager.getPaddingTop());
        // Save position to SharedPrefs
        SharedPreferences sharedPref = PreferenceManager.getDefaultSharedPreferences(this);
        sharedPref.edit().putInt("TOP_POSITION" + "", top).apply();
        sharedPref.edit().putInt("INDEX_POSITION" + "", index).apply();
    }
}
0
John T

私の答えはFirebaseに対するものであり、位置0は回避策です

Parcelable state;

DatabaseReference everybody = db.getReference("Everybody Room List");
    everybody.addValueEventListener(new ValueEventListener() {
        @Override
        public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
            state = listView.onSaveInstanceState(); // Save
            progressBar.setVisibility(View.GONE);
            arrayList.clear();
            for (DataSnapshot messageSnapshot : dataSnapshot.getChildren()) {
                Messages messagesSpacecraft = messageSnapshot.getValue(Messages.class);
                arrayList.add(messagesSpacecraft);
            }
            listView.setAdapter(convertView);
            listView.onRestoreInstanceState(state); // Restore
        }

        @Override
        public void onCancelled(@NonNull DatabaseError databaseError) {
        }
    });

そしてconvertView

位置0 a使用していない空白の項目を追加

public class Chat_ConvertView_List_Room extends BaseAdapter {

private ArrayList<Messages> spacecrafts;
private Context context;

@SuppressLint("CommitPrefEdits")
Chat_ConvertView_List_Room(Context context, ArrayList<Messages> spacecrafts) {
    this.context = context;
    this.spacecrafts = spacecrafts;
}

@Override
public int getCount() {
    return spacecrafts.size();
}

@Override
public Object getItem(int position) {
    return spacecrafts.get(position);
}

@Override
public long getItemId(int position) {
    return position;
}

@SuppressLint({"SetTextI18n", "SimpleDateFormat"})
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    if (convertView == null) {
        convertView = LayoutInflater.from(context).inflate(R.layout.message_model_list_room, parent, false);
    }

    final Messages s = (Messages) this.getItem(position);

    if (position == 0) {
        convertView.getLayoutParams().height = 1; // 0 does not work
    } else {
        convertView.getLayoutParams().height = RelativeLayout.LayoutParams.WRAP_CONTENT;
    }

    return convertView;
}
}

私はユーザーの邪魔をすることなくこの作品を一時的に見てきました。

0
Trk

ListViewname__のスクロール位置を自分で保存/復元している場合は、Androidフレームワークにすでに実装されている機能を本質的に複製していることになります。 ListViewname__は1つの注意点を除けば、それだけで細かいスクロール位置を復元します。@aaronvargasが述べたように、AbsListViewname__には最初のリスト項目の細かいスクロール位置を復元できないというバグがあります。それにもかかわらず、スクロール位置を復元する最良の方法はそれを復元しないことです。 Androidのフレームワークはあなたのためにそれをうまくやるでしょう。以下の条件を満たしていることを確認してください。

  • setSaveEnabled(false)メソッドを呼び出しておらず、xmlレイアウトファイルのリストにAndroid:saveEnabled="false"属性を設定していないことを確認してください。
  • ExpandableListViewname__がlong getCombinedChildId(long groupId, long childId)メソッドをオーバーライドして、正の長整数を返すようにします（クラスBaseExpandableListAdaptername__のデフォルト実装は負の数を返します）。ここに例があります：

。

@Override
public long getChildId(int groupPosition, int childPosition) {
    return 0L | groupPosition << 12 | childPosition;
}

@Override
public long getCombinedChildId(long groupId, long childId) {
    return groupId << 32 | childId << 1 | 1;
}

@Override
public long getGroupId(int groupPosition) {
    return groupPosition;
}

@Override
public long getCombinedGroupId(long groupId) {
    return (groupId & 0x7FFFFFFF) << 32;
}
  • ListViewname__またはExpandableListViewname__がフラグメントで使用されている場合は、アクティビティの再作成時にフラグメントを再作成しないでください（画面の回転後など）。 findFragmentByTag(String tag)メソッドでフラグメントを取得してください。
  • ListViewname__がAndroid:idを持ち、それが一意であることを確認してください。

最初のリスト項目に関する前述の警告を回避するには、位置0でListViewname__の特殊なダミーゼロピクセルの高さビューを返すようにアダプタを作成します。これは、ListViewname__とExpandableListViewname__のスクロール位置の復元明示的に保存/復元されていません。一時的に他のアプリケーションに切り替えたり、画面を2回転させたり、テストアプリケーションに戻したりするなど、複雑なシナリオでも、細かいスクロール位置は完全に復元されます。注意してください、あなたが明示的に（戻るボタンを押すことによって）アプリケーションを終了しているなら、スクロール位置は保存されません（他のすべてのビューはそれらの状態を保存しません）。 https://github.com/voromto/RestoreScrollPosition/releases

0
Sergey

ここで提供された解決策のどちらも私のために働くように見えませんでした。私の場合は、ListViewに置換するFragmentにFragmentTransactionがあるので、フラグメントが表示されるたびに新しいFragmentインスタンスが作成されます。つまり、ListView状態をFragmentのメンバーとして格納することはできません。 。

代わりに、私は自分のカスタムApplicationクラスに状態を格納することになりました。以下のコードは、これがどのように機能するのかのアイデアをあなたに与えるでしょう：

public class MyApplication extends Application {
    public static HashMap<String, Parcelable> parcelableCache = new HashMap<>();


    /* ... code omitted for brevity ... */
}


public class MyFragment extends Fragment{
    private ListView mListView = null;
    private MyAdapter mAdapter = null;


    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        mAdapter = new MyAdapter(getActivity(), null, 0);
        mListView = ((ListView) view.findViewById(R.id.myListView));

        Parcelable listViewState = MyApplication.parcelableCache.get("my_listview_state");
        if( listViewState != null )
            mListView.onRestoreInstanceState(listViewState);
    }


    @Override
    public void onPause() {
        MyApplication.parcelableCache.put("my_listview_state", mListView.onSaveInstanceState());
        super.onPause();
    }

    /* ... code omitted for brevity ... */

}

基本的な考え方は、状態をフラグメントインスタンスの外側に格納することです。アプリケーションクラスに静的フィールドを含めるという考えが気に入らない場合は、フラグメントインターフェイスを実装して状態をアクティビティに格納することで実現できます。

別の解決策はそれをSharedPreferencesに格納することですが、もう少し複雑になります。また、アプリケーションを起動しても状態を保持したいのでない限り、アプリケーションの起動時に必ずクリアする必要があります。

また、「最初の項目が表示されているときにスクロール位置が保存されない」のを防ぐために、ダミーの最初の項目を0pxの高さで表示することができます。これは、アダプタのgetView()をオーバーライドすることで実現できます。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if( position == 0 ) {
        View zeroHeightView = new View(parent.getContext());
        zeroHeightView.setLayoutParams(new ViewGroup.LayoutParams(0, 0));
        return zeroHeightView;
    }
    else
        return super.getView(position, convertView, parent);
}
0
Magnus W

アクティビティでホストされているフラグメントを使用している場合は、次のようにすることができます。

public abstract class BaseFragment extends Fragment {
     private boolean mSaveView = false;
     private SoftReference<View> mViewReference;

     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
          if (mSaveView) {
               if (mViewReference != null) {
                    final View savedView = mViewReference.get();
                    if (savedView != null) {
                         if (savedView.getParent() != null) {
                              ((ViewGroup) savedView.getParent()).removeView(savedView);
                              return savedView;
                         }
                    }
               }
          }

          final View view = inflater.inflate(getFragmentResource(), container, false);
          mViewReference = new SoftReference<View>(view);
          return view;
     }

     protected void setSaveView(boolean value) {
           mSaveView = value;
     }
}

public class MyFragment extends BaseFragment {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
          setSaveView(true);
          final View view = super.onCreateView(inflater, container, savedInstanceState);
          ListView placesList = (ListView) view.findViewById(R.id.places_list);
          if (placesList.getAdapter() == null) {
               placesList.setAdapter(createAdapter());
          }
     }
}
0
saulobrito