RecyclerView-特定の位置でビューを取得


140

とのアクティビティがRecyclerViewありますImageView。を使用しRecyclerViewて、画像のリストを水平に表示しています。私は画像をクリックすると活動中は、画像の全体像を示すべきです。これまでのところ、すべてが正常に動作します。RecyclerViewImageView

これImageButtonsで、アクティビティにはあと2つあります:imageButton_leftimageButton_right。をクリックするとimageButton_left、の画像がImageView左に変わり、のサムネイルにもRecyclerViewこの変更が反映されます。の場合も同様ですimageButton_right

を回転させることができImageViewます。しかし、どうすればサムネイルを回転できRecyclerViewますか?どのようにして得ることができるViewHolderのはImageView

コード:

アクティビティXML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp" />


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/original_image"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="fitXY"
            android:src="@drawable/image_not_available_2" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:gravity="center_horizontal"
            android:orientation="horizontal">


            <ImageButton
                android:id="@+id/imageButton_left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="20dp"
                android:background="@drawable/rotate_left_icon" />

            <ImageButton
                android:id="@+id/imageButton_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/rotate_right_icon" />

        </LinearLayout>
    </LinearLayout>
</LinearLayout>

私の活動コード:

public class SecondActivity extends AppCompatActivity implements IRecyclerViewClickListener {


    RecyclerView mRecyclerView;
    LinearLayoutManager mLayoutManager;
    RecyclerViewAdapter mRecyclerViewAdapter;
    List<String> urls = new ArrayList<String>();
    ImageView mOriginalImageView;
    ImageButton mLeftRotate, mRightRotate;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        urls.clear();

        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
        mLayoutManager = new LinearLayoutManager(this, android.support.v7.widget.LinearLayoutManager.HORIZONTAL, false);
        mLayoutManager.setOrientation(android.support.v7.widget.LinearLayoutManager.HORIZONTAL);
        mRecyclerView.setLayoutManager(mLayoutManager);
        mRecyclerViewAdapter = new RecyclerViewAdapter(this, urls);
        mRecyclerView.setAdapter(mRecyclerViewAdapter);

        mOriginalImageView = (ImageView) findViewById(R.id.original_image);
        mLeftRotate = (ImageButton) findViewById(R.id.imageButton_left);
        mLeftRotate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mOriginalImageView.setRotation(mOriginalImageView.getRotation() - 90);
            }
        });


        mRightRotate = (ImageButton) findViewById(R.id.imageButton_right);
        mRightRotate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mOriginalImageView.setRotation(mOriginalImageView.getRotation() + 90);
            }
        });

        Intent intent = getIntent();
        if (intent != null) {

            String portfolio = intent.getStringExtra("portfolio");

            try {

                JSONArray jsonArray = new JSONArray(portfolio);

                for (int i = 0; i < jsonArray.length(); i++) {

                    JSONObject jsonObject = jsonArray.getJSONObject(i);

                    String url = jsonObject.getString("url");
                    urls.add(url);
                }

                Log.d(Const.DEBUG, "URLs: " + urls.toString());

                mRecyclerViewAdapter.notifyDataSetChanged();

            } catch (Exception e) {
                e.printStackTrace();
            }

        }

    }


    @Override
    public void onItemClick(int position) {
        Picasso.with(this).load(urls.get(position)).into(mOriginalImageView);
    }
}

RecyclerViewのカスタムアダプター:

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {

    Context context;
    List<String> mUrls = new ArrayList<String>();

    IRecyclerViewClickListener mIRecyclerViewClickListener;

    public int position;

    public int getPosition() {
        return position;
    }

    public void setPosition(int position) {
        this.position = position;
    }



    public RecyclerViewAdapter(Context context, List<String> urls) {
        this.context = context;
        this.mUrls.clear();
        this.mUrls = urls;

        Log.d(Const.DEBUG, "Urls Size: " + urls.size());
        Log.d(Const.DEBUG, urls.toString());

        if (context instanceof IRecyclerViewClickListener)
            mIRecyclerViewClickListener = (IRecyclerViewClickListener) context;
        else
            Log.d(Const.DEBUG, "Implement IRecyclerViewClickListener in Activity");
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.item_horizontal_recyclerview, parent, false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Picasso.with(context).load(mUrls.get(position)).into(holder.mImageView);
    }

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


    public void rotateThumbnail() {


    }

    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

        public ImageView mImageView;
        public View v;

        public ViewHolder(View v) {
            super(v);
            v.setTag(getAdapterPosition());
            v.setOnClickListener(this);
            this.mImageView = (ImageView) v.findViewById(R.id.image);
        }

        @Override
        public void onClick(View v) {
            this.v = v;
            mIRecyclerViewClickListener.onItemClick(getAdapterPosition());
        }
    }


}

1
viewHolderコンストラクターでそれを作成し、画像を回転する必要があるかどうかを通知するプロパティを追加してから、データのそのプロパティを変更し、notifyDataSetChangedを呼び出してrecyclerViewをリロードする
Nanoc

答えはあなたの問題を解決しますか?
Scott Biggs 2016

ViewHolderは、パフォーマンスの問題のために静的である必要があります。外部クラスのすべての変数は、コンストラクターを介して渡される必要があります。
AppiDevo 2017年

スコットの答えはをクリックし、@の補足としてここに
トニーMUT

回答:


149

LinearLayoutManagerリストの表示にa を使用していると思います。それはそれと呼ばれる素晴らしい方法を持ってfindViewByPositionいます

指定されたアダプターの位置を表すビューを検索します。

必要なのは、興味のあるアイテムのアダプターの位置だけです。

編集:コメントでPaul Woitaschekが指摘したように、これfindViewByPositionLayoutManagerすべてのLayoutManager(つまりStaggeredGridLayoutManager、など)で機能する方法です


9
LayoutManagerこれは実際にはメソッドなので、すべてのLayoutManagerサブクラスで機能します。
Paul Woitaschek 16

ソースコードを見ました。LinearLayoutMangerは、プレレイアウトでない場合、バッキング配列のdirectAccessを介してルックアップしますが、recyclerViewメソッドは常に走査を行います。したがって、この方法の方が効率的です。
ネームスペース2016

こんにちは、@ stanO、このstackoverflow.com/questions/49952965/…で

3
戻り値:ビュー-指定された位置を
表す子

アダプターがリストに追加されるまで待つ必要があることに
注意

241

これはあなたが探しているものです

私もこの問題を抱えていました。そして、あなたのように、答えを見つけるのは非常に困難です。ただし、ViewHolderを特定の位置から取得する簡単な方法があります(おそらくアダプターでよく行うことです)。

myRecyclerView.findViewHolderForAdapterPosition(pos);

注: ビューがリサイクルされている場合、これはを返しnullます。私の重要な欠落をすばやく見つけてくれたMichaelに感謝します。


3
これはまさに私がLayoutManagerで探していたものです
Ed Lee

12
これは機能しViewHolderますが、参照しようとしているものが「リサイクル」された場合は、が返されnullます。
マイケル

5
@マイケル、グッドキャッチ!それはあなたたち全員への警告です、最初にnullをテストしてください(そうです、Androidの他のすべてと同様です)
Scott Biggs 2017

1
アダプター内からこれを実行できますか?
Mauker

2
@Mauker:RecyclerViewインスタンスにアクセスできるものなら何からでもこれを使用できます。
Scott Biggs 2017

26

が必要な場合は、ViewHolder ViewitemViewプロパティに次のようにアクセスしてください。myRecyclerView.findViewHolderForAdapterPosition(pos).itemView;


11

両方使用できます

recyclerViewInstance.findViewHolderForAdapterPosition(adapterPosition)recyclerViewInstance.findViewHolderForLayoutPosition(layoutPosition)。RecyclerViewビューが2つのタイプの位置を使用することを確認してください

アダプターの位置:アダプター内のアイテムの位置。これは、アダプターの観点からの位置です。レイアウト位置:最新のレイアウト計算におけるアイテムの位置。これは、LayoutManagerから見た位置です。getAdapterPosition()for findViewHolderForAdapterPosition(adapterPosition)getLayoutPosition()for を使用する必要がありますfindViewHolderForLayoutPosition(layoutPosition)

メンバー変数を取得して、recyclerviewアダプターで以前に選択したアイテムの位置を保持し、他のメンバー変数を取得して、ユーザーが初めてクリックしたかどうかを確認します。

詳細については、サンプルコードとスクリーンショットを添付します。

public class MainActivity extends AppCompatActivity {     

private RecyclerView mRecyclerList = null;    
private RecyclerAdapter adapter = null;    

@Override    
protected void onCreate(Bundle savedInstanceState) {    
    super.onCreate(savedInstanceState);    
    setContentView(R.layout.activity_main);    

    mRecyclerList = (RecyclerView) findViewById(R.id.recyclerList);    
}    

@Override    
protected void onStart() {    
    RecyclerView.LayoutManager layoutManager = null;    
    String[] daysArray = new String[15];    
    String[] datesArray = new String[15];    

    super.onStart();    
    for (int i = 0; i < daysArray.length; i++){    
        daysArray[i] = "Sunday";    
        datesArray[i] = "12 Feb 2017";    
    }    

    adapter = new RecyclerAdapter(mRecyclerList, daysArray, datesArray);    
    layoutManager = new LinearLayoutManager(MainActivity.this);    
    mRecyclerList.setAdapter(adapter);    
    mRecyclerList.setLayoutManager(layoutManager);    
}    
}    


public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.MyCardViewHolder>{          

private final String TAG = "RecyclerAdapter";        
private Context mContext = null;        
private TextView mDaysTxt = null, mDateTxt = null;    
private LinearLayout mDateContainerLayout = null;    
private String[] daysArray = null, datesArray = null;    
private RecyclerView mRecyclerList = null;    
private int previousPosition = 0;    
private boolean flagFirstItemSelected = false;    

public RecyclerAdapter(RecyclerView mRecyclerList, String[] daysArray, String[] datesArray){    
    this.mRecyclerList = mRecyclerList;    
    this.daysArray = daysArray;    
    this.datesArray = datesArray;    
}    

@Override    
public MyCardViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {    
    LayoutInflater layoutInflater = null;    
    View view = null;    
    MyCardViewHolder cardViewHolder = null;    
    mContext = parent.getContext();    
    layoutInflater = LayoutInflater.from(mContext);    
    view = layoutInflater.inflate(R.layout.date_card_row, parent, false);    
    cardViewHolder = new MyCardViewHolder(view);    
    return cardViewHolder;    
}    

@Override    
public void onBindViewHolder(MyCardViewHolder holder, final int position) {    
    mDaysTxt = holder.mDaysTxt;    
    mDateTxt = holder.mDateTxt;    
    mDateContainerLayout = holder.mDateContainerLayout;    

    mDaysTxt.setText(daysArray[position]);    
    mDateTxt.setText(datesArray[position]);    

    if (!flagFirstItemSelected){    
        mDateContainerLayout.setBackgroundColor(Color.GREEN);    
        flagFirstItemSelected = true;    
    }else {    
        mDateContainerLayout.setBackground(null);    
    }    
}    

@Override    
public int getItemCount() {    
    return daysArray.length;    
}    

class MyCardViewHolder extends RecyclerView.ViewHolder{    
    TextView mDaysTxt = null, mDateTxt = null;    
    LinearLayout mDateContainerLayout = null;    
    LinearLayout linearLayout = null;    
    View view = null;    
    MyCardViewHolder myCardViewHolder = null;    

    public MyCardViewHolder(View itemView) {    
        super(itemView);    
        mDaysTxt = (TextView) itemView.findViewById(R.id.daysTxt);    
        mDateTxt = (TextView) itemView.findViewById(R.id.dateTxt);    
        mDateContainerLayout = (LinearLayout) itemView.findViewById(R.id.dateContainerLayout);    

        mDateContainerLayout.setOnClickListener(new View.OnClickListener() {    
            @Override    
            public void onClick(View v) {    
                LinearLayout linearLayout = null;    
                View view = null;    

                if (getAdapterPosition() == previousPosition){    
                    view = mRecyclerList.findViewHolderForAdapterPosition(previousPosition).itemView;    
                    linearLayout = (LinearLayout) view.findViewById(R.id.dateContainerLayout);    
                    linearLayout.setBackgroundColor(Color.GREEN);    
                    previousPosition = getAdapterPosition();    

                }else {    
                    view = mRecyclerList.findViewHolderForAdapterPosition(previousPosition).itemView;    
                    linearLayout = (LinearLayout) view.findViewById(R.id.dateContainerLayout);    
                    linearLayout.setBackground(null);    

                    view = mRecyclerList.findViewHolderForAdapterPosition(getAdapterPosition()).itemView;    
                    linearLayout = (LinearLayout) view.findViewById(R.id.dateContainerLayout);    
                    linearLayout.setBackgroundColor(Color.GREEN);    
                    previousPosition = getAdapterPosition();    
                }    
            }    
        });    
    }    
}       

} 最初に選択された要素 2番目の要素が選択され、以前に選択された項目が選択解除されます 5番目の要素が選択され、以前に選択された項目が選択解除されます


そして、私はこの議論が尽きたと思った!この問題をさらに明確にしていただきありがとうございます。
Scott Biggs 2018年

2
ここで、前のアイテムの色を変更しようとすると、elseブロックでNullPointer例外が発生するため、nullチェックを追加しました。NullPointer例外が発生している場合、前のアイテムの色はブロックに入力されません。決して変更されません。これで、リサイクラービューに複数の色の付いたアイテムが表示されます。どうすれば解決できますか
Abhilash Reddy、2018

8

あなたはViewHolderのArrayListを作ることができます:

 ArrayList<MyViewHolder> myViewHolders = new ArrayList<>();
 ArrayList<MyViewHolder> myViewHolders2 = new ArrayList<>();

そして、すべてのリストのViewHolderを次のように保存します:

 @Override
    public void onBindViewHolder(@NonNull final MyViewHolder holder, final int position) {
        final String str = arrayList.get(position);

        myViewHolders.add(position,holder);
}

要件に応じて、ArrayListの他のViewHolderを追加/削除します。


2日間ほどリサイクルホルダーを手に入れるのに苦労してくれてありがとう。
nimi0112 2018年

5

以下を使用して、recyclerviewの特定の位置のビューを取得できます。

int position = 2;
RecyclerView.ViewHolder viewHolder = recyclerview.findViewHolderForItemId(position);
View view = viewHolder.itemView;
ImageView imageView = (ImageView)view.findViewById(R.id.imageView);

5

あなたは単に " findViewHolderForAdapterPosition」メソッドを、そこからviewHolderオブジェクトを取得し、そのビューホルダーをアダプタビューホルダーに型キャストして、ビューホルダーのビューに直接アクセスできます。

以下はkotlinのサンプルコードです

 val viewHolder = recyclerView.findViewHolderForAdapterPosition(position)
 val textview=(viewHolder as YourViewHolder).yourTextView

4

アダプターがリストに追加されるまで待機する必要があることに注意してください。その後、位置ごとにビューを取得できます。

final int i = 0;
recyclerView.setAdapter(adapter);
recyclerView.post(new Runnable() {
    @Override
    public void run() {
        View view = recyclerView.getLayoutManager().findViewByPosition(i);
    }
});

2
複数のアイテムを追加する場合(つまり、アイテムを追加してそれをすばやく押すボタンがある場合)、これは常に機能するとは限りません。ランナブルを遅延して追加する必要があります。
Alex Burdusel

3

recyclerViewの特定の位置からビューを取得するには、RecyclerView.ViewHolderを返すrecyclerViewオブジェクトでfindViewHolderForAdapterPosition(position)を呼び出す必要があります。

返されたRecyclerView.ViewHolderオブジェクトからitemViewを使用すると、その特定の位置にあるすべてのビューにアクセスできます

RecyclerView.ViewHolder rv_view = recyclerView.findViewHolderForAdapterPosition(position);

ImageView iv_wish = rv_view.itemView.findViewById(R.id.iv_item);

1

これを行うこともできます。これは、recyclerviewの位置アイテムをクリックした後でビューを変更するときに役立ちます。

@Override
public void onClick(View view, int position) {

            View v =  rv_notifications.getChildViewHolder(view).itemView;
            TextView content = v.findViewById(R.id.tv_content);
            content.setText("Helloo");

        }

1

リサイクラービューリストから特定のビューを取得するか、リサイクラービューの編集テキストでエラーを表示します。

private void popupErrorMessageAtPosition(int itemPosition) {

    RecyclerView.ViewHolder viewHolder = recyclerView.findViewHolderForAdapterPosition(itemPosition);
    View view = viewHolder.itemView;
    EditText etDesc = (EditText) view.findViewById(R.id.et_description);
    etDesc.setError("Error message here !");
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.