RecyclerView - รับมุมมองเฉพาะตำแหน่ง


140

ฉันมีกิจกรรมกับหนึ่งและRecyclerView ImageViewฉันใช้ปุ่มRecyclerViewเพื่อแสดงรายการภาพในแนวนอน เมื่อฉันคลิกบนภาพในนั้นในกิจกรรมที่ควรจะแสดงภาพขนาดใหญ่ของภาพ จนถึงทุกอย่างทำงานได้ดีRecyclerViewImageView

ขณะนี้มีอีกสองImageButtonsกิจกรรม: และimageButton_left imageButton_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 constructor ของคุณเพิ่มคุณสมบัติที่จะบอกคุณว่าภาพนั้นต้องหมุนหรือไม่จากนั้นเพียงแค่เปลี่ยนคุณสมบัตินั้นในข้อมูลของคุณและโทรแจ้งข้อมูล DataSetChanged เพื่อทำการรีโหลด recyclerView
Nanoc

คำตอบใด ๆ ที่แก้ปัญหาของคุณ?
Scott Biggs

ViewHolder ควรเป็นแบบคงที่สำหรับปัญหาด้านประสิทธิภาพ ตัวแปรทั้งหมดจากคลาสภายนอกควรถูกส่งผ่านตัวสร้าง
AppiDevo

เพื่อเป็นคำตอบของ @ Scott คลิกที่นี่
mut tony

คำตอบ:


149

ฉันคิดว่าคุณกำลังใช้LinearLayoutManagerเพื่อแสดงรายการ มันมีวิธีที่ดีที่เรียกfindViewByPositionว่า

ค้นหามุมมองที่แสดงถึงตำแหน่งอะแดปเตอร์ที่กำหนด

สิ่งที่คุณต้องมีคือตำแหน่งอะแดปเตอร์ของรายการที่คุณสนใจ

แก้ไข : ตามที่ระบุไว้โดยPaul Woitaschekในความคิดเห็นfindViewByPositionเป็นวิธีการLayoutManagerดังนั้นมันจะทำงานร่วมกับ LayoutManagers ทั้งหมด (เช่นStaggeredGridLayoutManagerฯลฯ )


9
จริง ๆ แล้วเป็นวิธีการLayoutManagerดังนั้นสิ่งนี้จะใช้ได้กับคลาสย่อยทั้งหมดของ LayoutManager
Paul Woitaschek

ดูที่รหัสแหล่งที่มา LinearLayoutManger ค้นหาผ่าน directAccess บนอาเรย์สำรองเมื่อไม่ได้เปิดตัวล่วงหน้าในขณะที่วิธี recyclerView จะทำการสำรวจเส้นทาง ดังนั้นวิธีนี้น่าจะมีประสิทธิภาพมากกว่า
NameSpace

สวัสดี @stanO คุณช่วยฉันด้วยstackoverflow.com/questions/49952965/

3
คืนค่า: มุมมอง - มุมมองเด็กที่แสดงถึงตำแหน่งที่กำหนดหรือเป็นโมฆะหากตำแหน่งไม่ได้ถูกจัดวาง ... recyclerview -> สิ่งต่าง ๆ กลับมาเป็นโมฆะ
me_

โปรดจำไว้ว่าคุณต้องรอจนกว่าอะแดปเตอร์จะถูกเพิ่มเข้าไปในรายการดูคำตอบของฉันสำหรับรายละเอียดด้านล่าง
Konstantin Konopko

241

นี่คือสิ่งที่คุณกำลังมองหา

ฉันมีปัญหานี้เช่นกัน และเช่นเดียวกับคุณคำตอบนั้นหายากมาก แต่มีวิธีง่ายๆในการรับ ViewHolder จากตำแหน่งที่ระบุ (สิ่งที่คุณอาจทำในอะแดปเตอร์)

myRecyclerView.findViewHolderForAdapterPosition(pos);

หมายเหตุ:nullหากดูที่ได้รับการรีไซเคิลนี้จะกลับมา ขอบคุณไมเคิลที่รีบติดตามการละเลยที่สำคัญของฉัน


3
นี่คือสิ่งที่ฉันกำลังมองหาใน LayoutManager
Ed Lee

12
งานนี้ แต่ถ้าViewHolderคุณกำลังพยายามที่จะอ้างอิงได้รับการ "รีไซเคิล" nullก็จะกลับ
Michael

5
@Michael จับดี! นั่นคือคำเตือนสำหรับทุกคนที่คุณอยู่ที่นั่นลองทดสอบ null ก่อน (ใช่เหมือนทุกอย่างใน Android)!
Scott Biggs

1
เราสามารถทำสิ่งนี้จากภายในอะแดปเตอร์?
Mauker

2
@Mauker: คุณสามารถใช้สิ่งนี้จากทุกสิ่งที่สามารถเข้าถึงอินสแตนซ์ RecyclerView
Scott Biggs

26

หากคุณต้องการViewให้ตรวจสอบให้แน่ใจว่าได้เข้าถึงitemViewคุณสมบัติของ ViewHolder ดังนี้:myRecyclerView.findViewHolderForAdapterPosition(pos).itemView;


11

คุณสามารถใช้ใช้ทั้งสอง

recyclerViewInstance.findViewHolderForAdapterPosition(adapterPosition) และ recyclerViewInstance.findViewHolderForLayoutPosition(layoutPosition)และตรวจสอบให้แน่ใจว่ามุมมอง RecyclerView ใช้ตำแหน่งสองประเภท

ตำแหน่งอะแดปเตอร์: ตำแหน่งของรายการในอะแดปเตอร์ นี่คือตำแหน่งจากมุมมองของอะแดปเตอร์ ตำแหน่งเลย์เอาต์: ตำแหน่งของรายการในการคำนวณเลย์เอาต์ล่าสุด นี่คือตำแหน่งจากมุมมองของ LayoutManager คุณควรใช้getAdapterPosition()สำหรับfindViewHolderForAdapterPosition(adapterPosition)และgetLayoutPosition()สำหรับ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();    
                }    
            }    
        });    
    }    
}       

} องค์ประกอบแรกที่เลือก องค์ประกอบที่สองที่เลือกและรายการที่เลือกไว้ก่อนหน้านี้ไม่ได้ถูกเลือก องค์ประกอบที่ห้าถูกเลือกและรายการที่เลือกก่อนหน้านี้จะไม่ถูกเลือก


และฉันคิดว่าการสนทนานี้หมดแรง! ขอบคุณสำหรับการชี้แจงปัญหานี้ต่อไป
Scott Biggs

2
ที่นี่ฉันได้รับข้อยกเว้น NullPointer ในบล็อกอื่นเมื่อฉันพยายามเปลี่ยนสีของรายการก่อนหน้าดังนั้นฉันจึงเพิ่มการตรวจสอบค่า null ตอนนี้มันไม่เคยเข้าสู่บล็อกนั้นถ้ามันมีข้อยกเว้น NullPointer ดังนั้นสีของรายการก่อนหน้า ไม่เคยเปลี่ยน ตอนนี้มุมมอง Recycler ของฉันมีรายการที่มีหลายสี ฉันจะแก้ปัญหานี้อย่างไร
Abhilash Reddy

8

คุณสามารถสร้าง ArrayList ของ ViewHolder:

 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);
}

และเพิ่ม / ลบ ViewHolder อื่น ๆ ใน ArrayList ตามความต้องการของคุณ


ขอขอบคุณที่พยายามดิ้นรนเพื่อให้ผู้ถือกระดาษรีไซเคิลเป็นเวลา 2 วัน
nimi0112

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
วิธีนี้จะไม่ทำงานหากคุณเพิ่มหลายรายการ (เช่น: หากคุณมีปุ่มที่เพิ่มและกดมันเร็ว) คุณควรเพิ่ม runnable ด้วยความล่าช้า
Alex Burdusel

3

ในการรับมุมมองจากตำแหน่งเฉพาะของ recyclerView คุณต้องเรียกใช้ findViewHolderForAdapterPosition (ตำแหน่ง) บนวัตถุ recyclerView ที่จะส่งคืน RecyclerView.ViewHolder

จาก RecyclerView.ViewHolder object ที่ถูกส่งคืนด้วย itemView คุณสามารถเข้าถึง Views ทั้งหมดที่ตำแหน่งนั้น ๆ

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

เพื่อรับมุมมองเฉพาะจากรายการมุมมองรีไซเคิลหรือแสดงข้อผิดพลาดที่ edittext ของมุมมองรีไซเคิล

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.