141 lines
5.8 KiB
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>
|