
build.gradle (Module 단위)
implementation 'androidx.recyclerview:recyclerview:1.0.0'
implementation 'com.github.bumptech.glide:glide:4.10.0' // 이미지 로딩을 원활하게 도와주는 라이브러리
annotationProcessor 'com.github.bumptech.glide:compiler:4.10.0'
User.java
public class User {
private String profile;
private String id;
private int pw;
private String userName;
public User(){}
public String getProfile() {
return profile;
}
public void setProfile(String profile) {
this.profile = profile;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public int getPw() {
return pw;
}
public void setPw(int pw) {
this.pw = pw;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
}
CustomAdaper.java
public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.CustomViewHolder> {
private ArrayList<User> arrayList;
private Context context;
public CustomAdapter(ArrayList<User> arrayList, Context context) {
this.arrayList = arrayList;
this.context = context;
}
@NonNull
@Override
public CustomViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
CustomViewHolder holder = new CustomViewHolder(view);
return holder;
}
@Override
public void onBindViewHolder(@NonNull CustomViewHolder holder, int position) {
Glide.with(holder.itemView)
.load(arrayList.get(position).getProfile())
.into(holder.iv_profile);
holder.tv_id.setText(arrayList.get(position).getId());
holder.tv_pw.setText(String.valueOf(arrayList.get(position).getPw()));
holder.tv_userName.setText(arrayList.get(position).getUserName());
}
@Override
public int getItemCount() {
return (arrayList != null ? arrayList.size() : 0);
}
public class CustomViewHolder extends RecyclerView.ViewHolder {
ImageView iv_profile;
TextView tv_id;
TextView tv_pw;
TextView tv_userName;
public CustomViewHolder(@NonNull View itemView) {
super(itemView);
this.iv_profile = itemView.findViewById(R.id.iv_profile);
this.tv_id = itemView.findViewById(R.id.tv_id);
this.tv_pw = itemView.findViewById(R.id.tv_pw);
this.tv_userName = itemView.findViewById(R.id.tv_userName);
}
}
}
MainActivity.java
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
private RecyclerView.Adapter adapter;
private RecyclerView.LayoutManager layoutManager;
private ArrayList<User> arrayList;
private FirebaseDatabase database;
private DatabaseReference databaseReference;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = findViewById(R.id.recyclerView); // 아이디 연결
recyclerView.setHasFixedSize(true); // 리사이클러뷰 기존 성능 강화
layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);
arrayList = new ArrayList<>(); // User 객체를 어댑터 쪽으로 담을 어레이 리스트
database = FirebaseDatabase.getInstance(); // 파이어베이스 데이터베이스 연동
databaseReference = database.getReference("User"); // DB 테이블 연결
databaseReference.addListenerForSingleValueEvent(new ValueEventListener() {
@Override
public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
// 파이어베이스 데이터베이스의 데이터를 받아오는 곳
arrayList.clear(); // 기존 배열리스트가 존재하지 않게 초기화
for (DataSnapshot snapshot : dataSnapshot.getChildren()) { //반복문으로 데이터 리스트를 추출
User user = snapshot.getValue(User.class); // User 객체에 데이터 담는다
arrayList.add(user); // 담은 데이터들을 배열리스트에 넣고 리사이클러뷰로 보낼 준비
}
adapter.notifyDataSetChanged(); // 리스트 저장 및 새로고침
}
@Override
public void onCancelled(@NonNull DatabaseError error) {
// db를 가져오던 중 에러 발생 시
Log.e("MainActivity", String.valueOf(error.toException())); // 에러문 출력
}
});
adapter = new CustomAdapter(arrayList, this);
recyclerView.setAdapter(adapter); // 리사이클러뷰에 어댑터 연결
}
}
list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:id="@+id/iv_profile"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_margin="5dp"
android:src="@drawable/ic_launcher_background"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="아이디"
android:layout_margin="5dp"/>
<TextView
android:id="@+id/tv_pw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="비밀번호"
android:layout_margin="5dp"/>
<TextView
android:id="@+id/tv_userName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="이름"
android:layout_margin="5dp"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
728x90
반응형
'Frontend > Android' 카테고리의 다른 글
안드로이드) 리싸이클러뷰(RecyclerView) (0) | 2022.01.05 |
---|---|
안드로이드) 파이어베이스 구글 로그인 (0) | 2022.01.04 |
안드로이드) 뒤로가기 2번 누르면 종료되게 하기 (0) | 2021.11.01 |

build.gradle (Module 단위)
implementation 'androidx.recyclerview:recyclerview:1.0.0' implementation 'com.github.bumptech.glide:glide:4.10.0' // 이미지 로딩을 원활하게 도와주는 라이브러리 annotationProcessor 'com.github.bumptech.glide:compiler:4.10.0'
User.java
public class User { private String profile; private String id; private int pw; private String userName; public User(){} public String getProfile() { return profile; } public void setProfile(String profile) { this.profile = profile; } public String getId() { return id; } public void setId(String id) { this.id = id; } public int getPw() { return pw; } public void setPw(int pw) { this.pw = pw; } public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } }
CustomAdaper.java
public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.CustomViewHolder> { private ArrayList<User> arrayList; private Context context; public CustomAdapter(ArrayList<User> arrayList, Context context) { this.arrayList = arrayList; this.context = context; } @NonNull @Override public CustomViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false); CustomViewHolder holder = new CustomViewHolder(view); return holder; } @Override public void onBindViewHolder(@NonNull CustomViewHolder holder, int position) { Glide.with(holder.itemView) .load(arrayList.get(position).getProfile()) .into(holder.iv_profile); holder.tv_id.setText(arrayList.get(position).getId()); holder.tv_pw.setText(String.valueOf(arrayList.get(position).getPw())); holder.tv_userName.setText(arrayList.get(position).getUserName()); } @Override public int getItemCount() { return (arrayList != null ? arrayList.size() : 0); } public class CustomViewHolder extends RecyclerView.ViewHolder { ImageView iv_profile; TextView tv_id; TextView tv_pw; TextView tv_userName; public CustomViewHolder(@NonNull View itemView) { super(itemView); this.iv_profile = itemView.findViewById(R.id.iv_profile); this.tv_id = itemView.findViewById(R.id.tv_id); this.tv_pw = itemView.findViewById(R.id.tv_pw); this.tv_userName = itemView.findViewById(R.id.tv_userName); } } }
MainActivity.java
public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; private RecyclerView.Adapter adapter; private RecyclerView.LayoutManager layoutManager; private ArrayList<User> arrayList; private FirebaseDatabase database; private DatabaseReference databaseReference; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); recyclerView = findViewById(R.id.recyclerView); // 아이디 연결 recyclerView.setHasFixedSize(true); // 리사이클러뷰 기존 성능 강화 layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); arrayList = new ArrayList<>(); // User 객체를 어댑터 쪽으로 담을 어레이 리스트 database = FirebaseDatabase.getInstance(); // 파이어베이스 데이터베이스 연동 databaseReference = database.getReference("User"); // DB 테이블 연결 databaseReference.addListenerForSingleValueEvent(new ValueEventListener() { @Override public void onDataChange(@NonNull DataSnapshot dataSnapshot) { // 파이어베이스 데이터베이스의 데이터를 받아오는 곳 arrayList.clear(); // 기존 배열리스트가 존재하지 않게 초기화 for (DataSnapshot snapshot : dataSnapshot.getChildren()) { //반복문으로 데이터 리스트를 추출 User user = snapshot.getValue(User.class); // User 객체에 데이터 담는다 arrayList.add(user); // 담은 데이터들을 배열리스트에 넣고 리사이클러뷰로 보낼 준비 } adapter.notifyDataSetChanged(); // 리스트 저장 및 새로고침 } @Override public void onCancelled(@NonNull DatabaseError error) { // db를 가져오던 중 에러 발생 시 Log.e("MainActivity", String.valueOf(error.toException())); // 에러문 출력 } }); adapter = new CustomAdapter(arrayList, this); recyclerView.setAdapter(adapter); // 리사이클러뷰에 어댑터 연결 } }
list_item.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:id="@+id/iv_profile" android:layout_width="80dp" android:layout_height="80dp" android:layout_margin="5dp" android:src="@drawable/ic_launcher_background"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:orientation="vertical"> <TextView android:id="@+id/tv_id" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="아이디" android:layout_margin="5dp"/> <TextView android:id="@+id/tv_pw" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="비밀번호" android:layout_margin="5dp"/> <TextView android:id="@+id/tv_userName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="이름" android:layout_margin="5dp"/> </LinearLayout> </LinearLayout> </LinearLayout>
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent"/> </androidx.constraintlayout.widget.ConstraintLayout>
728x90
반응형
'Frontend > Android' 카테고리의 다른 글
안드로이드) 리싸이클러뷰(RecyclerView) (0) | 2022.01.05 |
---|---|
안드로이드) 파이어베이스 구글 로그인 (0) | 2022.01.04 |
안드로이드) 뒤로가기 2번 누르면 종료되게 하기 (0) | 2021.11.01 |