ProyectoFinal/app/src/main/res/layout/fragment_mlist.xml

141 lines
5.8 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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"
android:background="@color/background"
android:fitsSystemWindows="true"
tools:context=".ui.fragments.manga_list.FragmentManga">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Banner -->
<RelativeLayout
android:id="@+id/bannerLayout"
android:layout_width="match_parent"
android:layout_height="160dp"
android:background="@drawable/sample_cover"
android:padding="12dp"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/imageViewBanner"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="Banner"
android:scaleType="centerCrop"
android:src="@drawable/sample_cover" />
<ImageView
android:id="@+id/imageViewAvatar"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_alignParentBottom="true"
android:layout_marginStart="12dp"
android:layout_marginBottom="12dp"
android:background="@drawable/circle_mask"
android:clipToOutline="true"
android:contentDescription="Avatar"
android:scaleType="centerCrop"
android:src="@drawable/ic_profile" />
<TextView
android:id="@+id/textViewUsername"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/imageViewAvatar"
android:layout_marginStart="12dp"
android:layout_toEndOf="@id/imageViewAvatar"
android:text="Usuario"
android:textColor="@android:color/white"
android:textSize="18sp"
android:textStyle="bold" />
</RelativeLayout>
<!-- Búsqueda + botones -->
<LinearLayout
android:id="@+id/searchLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:paddingStart="8dp"
android:paddingTop="4dp"
android:paddingEnd="8dp"
android:paddingBottom="4dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/bannerLayout">
<EditText
android:id="@+id/editSearch"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_weight="1"
android:background="@drawable/edit_text_background"
android:hint="Buscar manga..."
android:inputType="text"
android:paddingStart="12dp"
android:paddingEnd="12dp"
android:textColor="@android:color/black"
android:textSize="14sp" />
<ImageButton
android:id="@+id/btnViewCompact"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="8dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="Vista Compacta"
android:src="@drawable/ic_view_compact" />
<ImageButton
android:id="@+id/btnViewNormal"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="Vista Normal"
android:src="@drawable/ic_view_normal" />
<ImageButton
android:id="@+id/btnViewLarge"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="Vista Grande"
android:src="@drawable/ic_view_large" />
</LinearLayout>
<!-- Lista de mangas -->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerViewManga"
android:layout_width="0dp"
android:layout_height="0dp"
android:clipToPadding="false"
android:padding="8dp"
android:paddingBottom="96dp"
android:scrollbars="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/searchLayout" />
</androidx.constraintlayout.widget.ConstraintLayout>
<!-- FAB para añadir manga -->
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabAddManga"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_marginEnd="16dp"
android:layout_marginBottom="65dp"
android:contentDescription="Agregar manga"
android:src="@drawable/ic_add"
app:backgroundTint="@color/primary" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>