RecyclerView이전 ListView과 의 기능이 바뀌 었다는 것을 알고 GridView있습니다. 를 사용하여 최소 격자 설정을 보여주는 매우 기본적인 예를 찾고 RecyclerView있습니다. 긴 자습서 스타일 설명을 찾지 않고 최소한의 예를 찾고 있습니다. 이전 GridView를 모방 한 가장 간단한 그리드는 다음 기능으로 구성됩니다.

• 행당 여러 셀
• 각 셀의 단일 뷰
• 클릭 이벤트에 응답

짧은 답변

목록을 만들기 위해 a RecyclerView를 설정하는 데 이미 익숙한 사람들에게는 그리드를 만드는 것이 거의 동일하다는 것이 좋은 소식입니다. 설정 할 때 GridLayoutManager대신 대신을 사용하십시오 .LinearLayoutManagerRecyclerView

recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));

그보다 더 많은 도움이 필요하면 다음 예를 확인하십시오.

전체 예

다음은 아래 이미지처럼 보이는 최소한의 예입니다.

빈 활동으로 시작하십시오. RecyclerView그리드 를 추가하려면 다음 작업을 수행하십시오 . 각 섹션에 코드를 복사하여 붙여 넣기 만하면됩니다. 나중에 필요에 맞게 사용자 정의 할 수 있습니다.

• gradle에 의존성 추가
• 활동 및 그리드 셀에 대한 XML 레이아웃 파일 추가
• RecyclerView 어댑터 만들기
• 활동에서 RecyclerView를 초기화하십시오.

Gradle 종속성 업데이트

앱 gradle.build파일 에 다음과 같은 종속성이 있는지 확인하십시오 .

compile 'com.android.support:appcompat-v7:27.1.1'
compile 'com.android.support:recyclerview-v7:27.1.1'

당신은에 어떤 버전 번호를 업데이트 할 수 있습니다 최신 .

활동 레이아웃 만들기

RecyclerView을 XML 레이아웃에 추가하십시오 .

activity_main.xml

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rvNumbers"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

그리드 셀 레이아웃 생성

RecyclerView그리드의 각 셀 에는 단일 셀만 TextView있습니다. 새 레이아웃 리소스 파일을 만듭니다.

recyclerview_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:padding="5dp"
    android:layout_width="50dp"
    android:layout_height="50dp">

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:background="@color/colorAccent"/>

</LinearLayout>

어댑터 만들기

는 RecyclerView데이터와 각 셀의 뷰를 채우는 어댑터를 필요로한다. 새 Java 파일을 작성하십시오.

MyRecyclerViewAdapter.java

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

    private String[] mData;
    private LayoutInflater mInflater;
    private ItemClickListener mClickListener;

    // data is passed into the constructor
    MyRecyclerViewAdapter(Context context, String[] data) {
        this.mInflater = LayoutInflater.from(context);
        this.mData = data;
    }

    // inflates the cell layout from xml when needed
    @Override
    @NonNull 
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        return new ViewHolder(view);
    }

    // binds the data to the TextView in each cell
    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.myTextView.setText(mData[position]);
    }

    // total number of cells
    @Override
    public int getItemCount() {
        return mData.length;
    }


    // stores and recycles views as they are scrolled off screen
    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        TextView myTextView;

        ViewHolder(View itemView) {
            super(itemView);
            myTextView = itemView.findViewById(R.id.info_text);
            itemView.setOnClickListener(this);
        }

        @Override
        public void onClick(View view) {
            if (mClickListener != null) mClickListener.onItemClick(view, getAdapterPosition());
        }
    }

    // convenience method for getting data at click position
    String getItem(int id) {
        return mData[id];
    }

    // allows clicks events to be caught
    void setClickListener(ItemClickListener itemClickListener) {
        this.mClickListener = itemClickListener;
    }

    // parent activity will implement this method to respond to click events
    public interface ItemClickListener {
        void onItemClick(View view, int position);
    }
}

노트

• 꼭 필요한 것은 아니지만 셀에서 클릭 이벤트를 수신하는 기능을 포함 시켰습니다. 이것은 예전에는 가능했으며 GridView일반적인 요구 사항입니다. 필요하지 않은 경우이 코드를 제거 할 수 있습니다.

활동에서 RecyclerView 초기화

주요 활동에 다음 코드를 추가하십시오.

MainActivity.java

public class MainActivity extends AppCompatActivity implements MyRecyclerViewAdapter.ItemClickListener {

    MyRecyclerViewAdapter adapter;

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

        // data to populate the RecyclerView with
        String[] data = {"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48"};

        // set up the RecyclerView
        RecyclerView recyclerView = findViewById(R.id.rvNumbers);
        int numberOfColumns = 6;
        recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
        adapter = new MyRecyclerViewAdapter(this, data);
        adapter.setClickListener(this);
        recyclerView.setAdapter(adapter);
    }

    @Override
    public void onItemClick(View view, int position) {
        Log.i("TAG", "You clicked number " + adapter.getItem(position) + ", which is at cell position " + position);
    }
}

노트

• 활동 ItemClickListener은 우리가 어댑터에서 정의한 것을 구현합니다 . 이를 통해에서 셀 클릭 이벤트를 처리 할 수 ​​있습니다 onItemClick.

끝마친

그게 다야. 지금 프로젝트를 실행하고 상단의 이미지와 비슷한 것을 얻을 수 있어야합니다.

계속

둥근 모서리

• CardView 사용

자동 맞춤 열

• GridLayoutManager-열을 자동 맞춤하는 방법은 무엇입니까?

추가 연구

• GridView가 포함 된 Android RecyclerView GridLayoutManager 예제 학습서
• Android RecyclerView 그리드 레이아웃 예
• Android의 예제로 RecyclerView 배우기
• RecyclerView : 헤더가있는 그리드
• 머티리얼 디자인에 RecyclerView가 포함 된 Android GridLayoutManager
• Android에서 RecyclerView 및 CardView 시작하기

Suragch 의 답변을 좋아하고 고맙지 만, 클래스 캡슐화를 사용하지 않기 때문에 Listener 메소드를 정의하고 노출하기 위해 Adapter ( MyRecyclerViewAdapter)를 코딩하는 onItemClick것이 최선의 방법 이 아니라는 점에 유의하십시오. 바르게. 그래서 제 제안은 어댑터 가 Listening 작업만을 처리하고 (그의 목적입니다!) 어댑터 를 사용하는 활동과 분리하는 것입니다 ( MainActivity). 그래서 이것이 Adapter 클래스를 설정하는 방법입니다.

MyRecyclerViewAdapter.java

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

    private String[] mData = new String[0];
    private LayoutInflater mInflater;

    // Data is passed into the constructor
    public MyRecyclerViewAdapter(Context context, String[] data) {
        this.mInflater = LayoutInflater.from(context);
        this.mData = data;
    }

    // Inflates the cell layout from xml when needed
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

    // Binds the data to the textview in each cell
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String animal = mData[position];
        holder.myTextView.setText(animal);
    }

    // Total number of cells
    @Override
    public int getItemCount() {
        return mData.length;
    }

    // Stores and recycles views as they are scrolled off screen
    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        public TextView myTextView;

        public ViewHolder(View itemView) {
            super(itemView);
            myTextView = (TextView) itemView.findViewById(R.id.info_text);
            itemView.setOnClickListener(this);
        }

        @Override
        public void onClick(View view) {
            onItemClick(view, getAdapterPosition());
        }
    }

    // Convenience method for getting data at click position
    public String getItem(int id) {
        return mData[id];
    }

    // Method that executes your code for the action received
    public void onItemClick(View view, int position) {
        Log.i("TAG", "You clicked number " + getItem(position).toString() + ", which is at cell position " + position);
    }
}

메모하시기 바랍니다 onItemClick지금에 정의 된 방법 MyRecyclerViewAdapter그건 당신이 코드에받은 이벤트 / 액션에 대한 작업을 할 것 장소입니다.

이 변환을 완료하기 위해 수행해야 할 작은 변경 사항 만 있습니다. 이제 Activity 는 MyRecyclerViewAdapter.ItemClickListener더 이상 구현할 필요가 없습니다. 이제는 Adapter에 의해 완전히 수행되기 때문 입니다. 이것은 최종 수정일 것입니다 :

MainActivity.java

public class MainActivity extends AppCompatActivity {

    MyRecyclerViewAdapter adapter;

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

        // data to populate the RecyclerView with
        String[] data = {"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48"};

        // set up the RecyclerView
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rvNumbers);
        int numberOfColumns = 6;
        recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
        adapter = new MyRecyclerViewAdapter(this, data);
        adapter.setClickListener(this);
        recyclerView.setAdapter(adapter);
    }
}

리사이클 러 뷰 레이아웃 관리자를 Gridlayout 모드로 설정해야합니다. 이렇게하려면 리사이클 러보기 레이아웃 관리자를 설정하려면 코드를 변경하십시오.

참고 : 원하는 열 수를 ### HELP ###으로 바꾸십시오.

   recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),###HELP###));