RecyclerView EditText フォーカス 移動先を指定

Question

実現したいこと

以下の画像ような2つのEditTextを要素にもつRecyclerView上で、EditTextの入力を完了した後、キーボードの「次へ」を押し、フォーカスを移動させる際に、フォーカスの移動先を指定したいです。

具体的には、
・id:1 のEditTextから移動する際には、ひとつ下のCardView内のid:1 のEditTextへ移動する。
・id:2 のEditTextから移動する際には、ひとつ下のCardView内のid:2 のEditTextへ移動する。
の２つを実現したいです。

どなたかお詳しい方、ご教授いただけると幸いです。
![]

現状

使用言語:Java

フォーカスの移動先を何も指定していない状態だと、id:1 のEditTextからの移動先が、同じCardView内のid:2 のEditTextや、ひとつ下のCardViewの id:2 のEditTextにフォーカスが移動してしまいます。

フォーカスの移動先指定には、setNextFocusDownId(id)というメソッドを用いて、アダプター内のonBindViewHolderメソッドの中で各EditTextにsetNextFocusDownId(id)をしようと考えていました。しかし、ひとつ下のCardView内のEditTextのidの取得方法が分からず、詰まってしまいました。

Comments

[hoshi-takanori]

ひとつ下の CardView が画面に表示されてない場合はまだ存在してない可能性があるので、事前に setNextFocusDownId することは不可能です。TextView.OnEditorActionListener をセットして、Next ボタンが押された時にひとつ下の CardView を取得して目的の EditText にフォーカスを移動する必要があると思います。(そして、ひとつ下の CardView が画面に表示されてない場合はスクロールしてからフォーカス移動する必要がありそう…。)

Answer 1

とりあえずこんな感じでいけるのでは。

public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.CustomViewHolder> {
    private RecyclerView recyclerView;
    private List<Item> items;

    public CustomAdapter(RecyclerView recyclerView, List<Item> items) {
        this.recyclerView = recyclerView;
        this.items = items;
    }

    @NonNull
    @Override
    public CustomViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        View view = inflater.inflate(R.layout.layout_item, parent, false);
        return new CustomViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull CustomViewHolder holder, int position) {
        holder.setItem(items.get(position));
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    public void setFocus(int position) {
        CustomViewHolder holder = (CustomViewHolder) recyclerView.findViewHolderForLayoutPosition(position);
        if (holder != null) {
            holder.editText1.requestFocus();
        }
    }

    public class CustomViewHolder extends RecyclerView.ViewHolder {
        private EditText editText1;
        private EditText editText2;

        public CustomViewHolder(@NonNull View itemView) {
            super(itemView);
            editText1 = itemView.findViewById(R.id.editText1);
            editText2 = itemView.findViewById(R.id.editText2);
            editText2.setOnEditorActionListener(new TextView.OnEditorActionListener() {
                @Override
                public boolean onEditorAction(TextView view, int actionId, KeyEvent event) {
                    focusNext();
                    return true;
                }
            });
        }

        public void setItem(Item item) {
            editText1.setText(item.text1);
            editText2.setText(item.text2);
        }

        public void focusNext() {
            int position = getAdapterPosition() + 1;
            if (position < items.size()) {
                setFocus(position);
            }
        }
    }
}

最後まで行ったら最初に戻るようにするには、次のように変更すると良いでしょう。

 public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.CustomViewHolder> {
     private RecyclerView recyclerView;
+    private LinearLayoutManager layoutManager;
     private List<Item> items;
+    private int focusPosition = -1;
 
-    public CustomAdapter(RecyclerView recyclerView, List<Item> items) {
+    public CustomAdapter(RecyclerView recyclerView, LinearLayoutManager layoutManager, List<Item> items) {
         this.recyclerView = recyclerView;
+        this.layoutManager = layoutManager;
         this.items = items;
+
+        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
+            @Override
+            public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
+                if (newState == RecyclerView.SCROLL_STATE_IDLE && focusPosition >= 0) {
+                    setFocus(focusPosition);
+                    focusPosition = -1;
+                }
+            }
+        });
     }
 
     // 略
 
         public void focusNext() {
             int position = getAdapterPosition() + 1;
-            if (position < items.size()) {
+            if (position == items.size()) {
+                position = 0;
+            }
+            if (position >= layoutManager.findFirstCompletelyVisibleItemPosition() &&
+                    position <= layoutManager.findLastCompletelyVisibleItemPosition()) {
                 setFocus(position);
+            } else {
+                focusPosition = position;
+                recyclerView.smoothScrollToPosition(position);
             }
         }

Comments

[kasai2_s_2_s]

ご回答ありがとうございます。
頂いたコードを試した所、正常に動作することを確認できました。
一つ質問させていただきたいのですが、ご指摘頂いた、「ひとつ下の CardView が画面に表示されてない場合はスクロールしてからフォーカス移動する必要がありそう」に関して、setFocusメソッド内の、
CustomViewHolder holder = (CustomViewHolder)recyclerView.findViewHolderForLayoutPosition(position);
では、たとえフォーカス移動先が画面外だったとしても、このメソッドで移動先のViewを呼び出すことが可能なのでしょうか。それとも画面外の時にはnullを返し、if (holder != null) で引っかかってしまいますか？

[hoshi-takanori]

コメント後に実験してみたら、画面外でも次の View は準備されているようだったので、その処理は省略しました。が、例えば最後の入力欄で Next を押したら先頭に戻る、みたいなのを実現するには先頭にスクロールする必要があるので、そのための変更点を追記しておきます。

[kasai2_s_2_s]

追記コードありがとうございます。コード内容、大変勉強になりました。ありがとうございました。