Botones bien orientados y minijuego funcionando

This commit is contained in:
2026-04-15 12:05:34 +02:00
parent 8fcb266a42
commit e03def7e2e
5 changed files with 366 additions and 210 deletions

View File

@@ -5,17 +5,8 @@
android:background="@drawable/bg_helldivers_gradient">
<!-- Contador -->
<TextView
android:id="@+id/tv_counter"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_margin="8dp"
android:text="0"
android:textSize="24sp"
android:textStyle="bold"
android:textColor="#00FF00" />
<!-- Nombre de la estratagema -->
<TextView
android:id="@+id/tv_counter_label"
@@ -23,13 +14,27 @@
android:layout_height="wrap_content"
android:layout_alignTop="@id/tv_counter"
android:layout_marginTop="5dp"
android:layout_marginEnd="8dp"
android:layout_marginEnd="24dp"
android:layout_toStartOf="@id/tv_counter"
android:text="ESTRATAGEMAS: "
android:textColor="#00FF00"
android:textSize="16sp" />
<!-- Nombre de la estratagema -->
<TextView
android:id="@+id/tv_counter"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="15dp"
android:layout_marginBottom="207dp"
android:text="0"
android:textColor="#00FF00"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:id="@+id/tv_stratagem_name"
android:layout_width="wrap_content"
@@ -42,109 +47,137 @@
android:textStyle="bold"
android:textColor="#FFD700" />
<!-- Secuencia displayed as images -->
<!-- Contenedor principal: Icono + Secuencia + Grid flechas -->
<LinearLayout
android:id="@+id/sequence_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_above="@id/buttons_grid"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:gravity="center" />
<!-- Grid de Flechas - Centro -->
<GridLayout
android:id="@+id/buttons_grid"
android:id="@+id/linearLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:rowCount="3"
android:columnCount="3"
android:padding="16dp">
android:gravity="center_vertical"
android:orientation="horizontal">
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="0" />
<!-- Icono de la estratagema - Izquierda -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:gravity="center"
android:orientation="vertical">
<ImageButton
android:id="@+id/btn_up"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="1"
android:src="@drawable/stepforward"
android:scaleType="centerInside"
android:background="@android:color/transparent"
android:contentDescription="Up"
android:layout_margin="6dp" />
</LinearLayout>
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="2" />
<!-- Centro: Secuencia de flechas -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical">
<ImageButton
android:id="@+id/btn_left"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="0"
android:src="@drawable/stepforward"
android:scaleType="centerInside"
android:rotation="-90"
android:background="@android:color/transparent"
android:contentDescription="Left"
android:layout_margin="6dp" />
<ImageButton
android:id="@+id/btn_down"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="1"
android:src="@drawable/stepforward"
android:scaleType="centerInside"
android:rotation="180"
android:background="@android:color/transparent"
android:contentDescription="Down"
android:layout_margin="6dp" />
<LinearLayout
android:id="@+id/sequence_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="12dp"
android:gravity="center"
android:orientation="horizontal" />
<ImageButton
android:id="@+id/btn_right"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="2"
android:src="@drawable/stepforward"
android:scaleType="centerInside"
android:rotation="90"
android:background="@android:color/transparent"
android:contentDescription="Right"
android:layout_margin="6dp" />
<!-- Grid de Flechas - Input -->
<GridLayout
android:id="@+id/buttons_grid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:columnCount="3"
android:padding="8dp"
android:rowCount="3">
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="0" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="0" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="1" />
<ImageButton
android:id="@+id/btn_up"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="1"
android:layout_margin="4dp"
android:background="@drawable/btn_direction"
android:contentDescription="Up"
android:rotation="-90"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="2" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="0"
android:layout_column="2" />
</GridLayout>
<ImageButton
android:id="@+id/btn_left"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="0"
android:layout_margin="4dp"
android:background="@drawable/btn_direction"
android:contentDescription="Left"
android:rotation="180"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
<ImageButton
android:id="@+id/btn_down"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="1"
android:layout_margin="4dp"
android:background="@drawable/btn_direction"
android:contentDescription="Down"
android:rotation="90"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
<ImageButton
android:id="@+id/btn_right"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="1"
android:layout_column="2"
android:layout_margin="4dp"
android:background="@drawable/btn_direction"
android:contentDescription="Right"
android:rotation="0"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="0" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="1" />
<Space
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_row="2"
android:layout_column="2" />
</GridLayout>
</LinearLayout>
</LinearLayout>
<!-- Volver -->
<Button
@@ -161,4 +194,15 @@
android:paddingHorizontal="24dp"
android:paddingVertical="8dp" />
<ImageView
android:id="@+id/iv_stratagem_icon"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginStart="53dp"
android:layout_marginTop="93dp"
android:scaleType="fitCenter"
android:src="@drawable/stratagemas_icon" />
</RelativeLayout>