Parte 8 «Crear una aplicación de redes sociales en Android Studio»
- Vamos a Mostrar todos los Usuarios Registrados de nuestra App.
- Vamos a mostrar la lista de usuarios en UsersFragment .
Implementación paso a paso
Paso 1: Crea una nueva clase Java
Trabajando con el archivo ModelUsers.java . Creó esta actividad para inicializar la clave para que podamos recuperar el valor de la clave más tarde.
Java
package com.example.socialmediaapp;
public class ModelUsers {
String name;
public ModelUsers() {
}
String onlineStatus;
String typingTo;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getTypingTo() {
return typingTo;
}
public void setTypingTo(String typingTo) {
this.typingTo = typingTo;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public String getImage() {
return image;
}
public void setImage(String image) {
this.image = image;
}
public String getUid() {
return uid;
}
public void setUid(String uid) {
this.uid = uid;
}
public ModelUsers(String name, String onlineStatus, String typingTo, String email, String image, String uid) {
this.name = name;
this.onlineStatus = onlineStatus;
this.typingTo = typingTo;
this.email = email;
this.image = image;
this.uid = uid;
}
String email;
String image;
String uid;
}
Paso 2: crea otra nueva clase de Java
Trabajar con el archivo AdapterUsers.java .
Java
package com.example.socialmediaapp;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import com.bumptech.glide.Glide;
import com.google.firebase.auth.FirebaseAuth;
import java.util.List;
import de.hdodenhof.circleimageview.CircleImageView;
public class AdapterUsers extends RecyclerView.Adapter<AdapterUsers.MyHolder> {
Context context;
FirebaseAuth firebaseAuth;
String uid;
public AdapterUsers(Context context, List<ModelUsers> list) {
this.context = context;
this.list = list;
firebaseAuth = FirebaseAuth.getInstance();
uid = firebaseAuth.getUid();
}
List<ModelUsers> list;
@NonNull
@Override
public MyHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.row_users, parent, false);
return new MyHolder(view);
}
@Override
public void onBindViewHolder(@NonNull MyHolder holder, final int position) {
final String hisuid = list.get(position).getUid();
String userImage = list.get(position).getImage();
String username = list.get(position).getName();
String usermail = list.get(position).getEmail();
holder.name.setText(username);
holder.email.setText(usermail);
try {
Glide.with(context).load(userImage).into(holder.profiletv);
} catch (Exception e) {
}
}
@Override
public int getItemCount() {
return list.size();
}
class MyHolder extends RecyclerView.ViewHolder {
CircleImageView profiletv;
TextView name, email;
public MyHolder(@NonNull View itemView) {
super(itemView);
profiletv = itemView.findViewById(R.id.imagep);
name = itemView.findViewById(R.id.namep);
email = itemView.findViewById(R.id.emailp);
}
}
}
Paso 3: trabajar con el archivo fragment_user.xml
aplicación > res > diseño > fragmento_usuario.xml fragmento_usuario.xml
XML
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".UsersFragment"> <!-- TODO: Update blank fragment layout --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclep" android:layout_width="match_parent" android:layout_height="match_parent" /> </FrameLayout>
Paso 4: Trabajar con el archivo row_users.xml
Cree un nuevo archivo de recursos de diseño y asígnele el nombre row_users . fila_usuarios.xml
XML
<?xml version="1.0" encoding="utf-8"?> <androidx.cardview.widget.CardView 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="wrap_content" android:orientation="vertical" app:cardBackgroundColor="@color/colorWhite" app:cardCornerRadius="2dp" app:cardElevation="2dp" app:cardUseCompatPadding="true" app:contentPadding="3dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/imagep" android:layout_width="70dp" android:layout_height="70dp" android:src="@drawable/profile_image" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_weight="1" android:orientation="vertical"> <TextView android:id="@+id/namep" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Person NAme" android:textColor="@color/colorBlack" android:textSize="18sp" /> <TextView android:id="@+id/emailp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Person Email" android:textColor="@color/colorBlack" /> </LinearLayout> </LinearLayout> </androidx.cardview.widget.CardView>
Paso 5: trabajar con el archivo UsersFragmnet.java
UsuariosFragmnet.java UsuariosFragmnet.java
Java
package com.example.socialmediaapp;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.auth.FirebaseUser;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.ValueEventListener;
import java.util.ArrayList;
import java.util.List;
/**
* A simple {@link Fragment} subclass.
*/
public class UsersFragment extends Fragment {
RecyclerView recyclerView;
AdapterUsers adapterUsers;
List<ModelUsers> usersList;
FirebaseAuth firebaseAuth;
public UsersFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_users, container, false);
recyclerView = view.findViewById(R.id.recyclep);
recyclerView.setHasFixedSize(true);
recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
usersList = new ArrayList<>();
firebaseAuth = FirebaseAuth.getInstance();
getAllUsers();
return view;
}
private void getAllUsers() {
final FirebaseUser firebaseUser = FirebaseAuth.getInstance().getCurrentUser();
DatabaseReference reference = FirebaseDatabase.getInstance().getReference("Users");
reference.addValueEventListener(new ValueEventListener() {
@Override
public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
usersList.clear();
for (DataSnapshot dataSnapshot1 : dataSnapshot.getChildren()) {
ModelUsers modelUsers = dataSnapshot1.getValue(ModelUsers.class);
if (modelUsers.getUid() != null && !modelUsers.getUid().equals(firebaseUser.getUid())) {
usersList.add(modelUsers);
}
adapterUsers = new AdapterUsers(getActivity(), usersList);
recyclerView.setAdapter(adapterUsers);
}
}
@Override
public void onCancelled(@NonNull DatabaseError databaseError) {
}
});
}
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
setHasOptionsMenu(true);
super.onCreate(savedInstanceState);
}
}
Producción:
Para ver todos los archivos dibujables utilizados en este artículo, consulte este enlace: https://drive.google.com/drive/folders/1M_knOH_ugCuwSP5nkYzeD4dRp-Honzbe?usp=sharing
A continuación se muestra la estructura de archivos después de realizar estas operaciones:
