Я искал в интернете, чтобы найти пример, который показывает базовую реализацию изображений и описаний из Firestore в CardView в Android, но я только нашел примеры, где изображения были добавлены в Firebase Storage через кнопку загрузки.Я просто хочу добавить картинки и информацию через консоль Firebase;не с моим приложением.
Для моего текущего проекта я хочу реализовать изображение и небольшое описание для CardView.Моя база данных Firestore выглядит так:
Изображения на самом деле хранятся в Firebase Storage, но я подумал, что было бы проще внедрить все это в CardViewесли все это находится в одной базе данных.
Было бы неплохо иметь для начала пример с дружелюбным отношением к любителю.У меня есть знания об интеграции Firebase в Android Studio.Библиотека Firestore интегрирована, но нужна ли мне еще одна (может быть, библиотека хранилища), кроме этого?
Пока что я так поступаю:
card_item.xml:
<android.support.v7.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:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
app:cardBackgroundColor="#FBEFFB">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="8dp">
<ImageView
android:id="@+id/picture"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxHeight="50dp" />
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/picture"
android:ellipsize="end"
android:maxLines="1"
android:text="Title"
android:textSize="25sp" />
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/title"
android:layout_alignParentStart="true"
android:text="Text" />
</RelativeLayout>
RelativeLayout находится в CardView, но здесь он не вставляется.
frag_home.xml:
<android.support.design.widget.CoordinatorLayout 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=".HomeFragment">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="16dp"
android:id="@+id/tomap"/>
HomeFragment.java
public class HomeFragment extends AppCompatActivity {
private Button tomap;
private FirebaseFirestore db = FirebaseFirestore.getInstance();
private CollectionReference PicturesRef = db.collection("Pictures");
private NoteAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fragment_home);
tomap = findViewById(R.id.tomap);
tomap.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
openMapsActivity();
}
});
setUpRecyclerView();
}
public void openMapsActivity () {
Intent intent = new Intent(this, MapsActivity.class );
startActivity(intent);
}
private void setUpRecyclerView() {
Query query = PicturesRef.orderBy("Name", Query.Direction.DESCENDING);
FirestoreRecyclerOptions<Note> options = new FirestoreRecyclerOptions.Builder<Note>()
.setQuery(query, Note.class)
.build();
adapter = new NoteAdapter(options);
RecyclerView recyclerView = findViewById(R.id.recycler_view);
recyclerView.setHasFixedSize(true);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(adapter);
}
@Override
protected void onStart() {
super.onStart();
adapter.startListening();
}
@Override
protected void onStop() {
super.onStop();
adapter.stopListening();
}
}
Note.java
public class Note {
private String Name;
private String Info;
public Note() {
//empty constructor needed
}
public Note(String title, String description) {
this.Name = title;
this.Info = description;
}
public String getName() {
return Name;
}
public String getInfo() {
return Info;
}
}
NoteAdapter.java
public class NoteAdapter extends FirestoreRecyclerAdapter<Note, NoteAdapter.NoteHolder> {
/**
* Create a new RecyclerView adapter that listens to a Firestore Query. See
* {@link FirestoreRecyclerOptions} for configuration options.
*
* @param options
*/
public NoteAdapter(FirestoreRecyclerOptions<Note> options) {
super(options);
}
@Override
protected void onBindViewHolder(NoteHolder holder, int position, Note model) {
holder.textViewTitle.setText(model.getName());
holder.textViewDescription.setText(model.getInfo());
}
@NonNull
@Override
public NoteHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.card_item,
parent, false);
return new NoteHolder(v);
}
class NoteHolder extends RecyclerView.ViewHolder {
TextView textViewTitle;
TextView textViewDescription;
public NoteHolder(View itemView) {
super(itemView);
textViewTitle = itemView.findViewById(R.id.title);
textViewDescription = itemView.findViewById(R.id.text);
}
}
}