Mejoras visuales en la pestaña de inicio

This commit is contained in:
2026-04-15 10:48:49 +02:00
parent 31aac6252d
commit 8fcb266a42
3 changed files with 96 additions and 52 deletions

View File

@@ -1,7 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Centro del D-Pad decorativo -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#2C3138" />
<stroke android:width="2dp" android:color="#FFD700" />
<!-- Centro del D-Pad decorativo con efecto de luz -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="oval">
<solid android:color="#1A1D24" />
<size android:width="420dp" android:height="420dp" />
</shape>
</item>
<item android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp">
<shape android:shape="oval">
<solid android:color="#232830" />
<stroke android:width="1dp" android:color="#3D4350" />
</shape>
</item>
<item android:top="4dp" android:bottom="4dp" android:left="4dp" android:right="4dp">
<shape android:shape="oval">
<solid android:color="#2C3138" />
<stroke android:width="1dp" android:color="#FFD700" android:alpha="0.3" />
</shape>
</item>
</layer-list>

View File

@@ -1,27 +1,56 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Boton de direccion para D-Pad del juego -->
<!-- Boton de direccion para D-Pad del juego con efecto neon -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<layer-list>
<item>
<shape android:shape="rectangle">
<solid android:color="#FFD700" />
<corners android:radius="4dp" />
<stroke android:width="2dp" android:color="#FFFFFF" />
<corners android:radius="8dp" />
</shape>
</item>
<item android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp">
<shape android:shape="rectangle">
<solid android:color="#1B1F25" />
<corners android:radius="6dp" />
</shape>
</item>
</layer-list>
</item>
<item android:state_focused="true">
<shape android:shape="rectangle">
<solid android:color="#00BFFF" />
<corners android:radius="4dp" />
<stroke android:width="2dp" android:color="#1E90FF" />
</shape>
</item>
<layer-list>
<item>
<shape android:shape="rectangle">
<solid android:color="#1B1F25" />
<corners android:radius="4dp" />
<corners android:radius="8dp" />
<stroke android:width="3dp" android:color="#00BFFF" />
</shape>
</item>
<item android:top="3dp" android:left="3dp" android:right="3dp" android:bottom="3dp">
<shape android:shape="rectangle">
<solid android:color="#232830" />
<corners android:radius="6dp" />
</shape>
</item>
</layer-list>
</item>
<item>
<layer-list>
<item>
<shape android:shape="rectangle">
<solid android:color="#1B1F25" />
<corners android:radius="8dp" />
<stroke android:width="2dp" android:color="#FFD700" />
</shape>
</item>
<item android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp">
<shape android:shape="rectangle">
<solid android:color="#232830" />
<corners android:radius="6dp" />
</shape>
</item>
</layer-list>
</item>
</selector>

View File

@@ -11,67 +11,67 @@
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_alignParentTop="true"
android:layout_marginTop="16dp"
android:layout_marginTop="12dp"
android:src="@drawable/hd_logo"
android:contentDescription="Super Tierra"
android:adjustViewBounds="true"
android:maxWidth="300dp"
android:maxWidth="280dp"
android:tint="#FFD700" />
<!-- Boton Estratagemas - Izquierda debajo del logo -->
<!-- Boton QR Instagram - Derecha debajo del logo -->
<!-- Botón Estratagemas - Esquina izquierda -->
<Button
android:id="@+id/btn_minijuego"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/logo_super_tierra"
android:layout_alignParentStart="true"
android:layout_marginStart="1dp"
android:layout_marginTop="-46dp"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:background="@drawable/btn_helldivers_primary"
android:paddingHorizontal="20dp"
android:paddingVertical="12dp"
android:paddingVertical="10dp"
android:text="ESTRATAGEMAS"
android:textAllCaps="true"
android:textColor="#FFD700"
android:textSize="16sp" />
android:textSize="14sp" />
<!-- Grid de Flechas - Centro -->
<!-- Botón QR Instagram - Esquina derecha -->
<Button
android:id="@+id/btn_qr_instagram"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/logo_super_tierra"
android:layout_alignParentEnd="true"
android:layout_marginTop="-43dp"
android:layout_marginEnd="2dp"
android:layout_marginEnd="16dp"
android:layout_marginTop="16dp"
android:background="@drawable/btn_helldivers_primary"
android:paddingHorizontal="20dp"
android:paddingVertical="12dp"
android:paddingVertical="10dp"
android:text="@string/btn_qr_instagram"
android:textAllCaps="true"
android:textColor="#FFD700"
android:textSize="14sp" />
<!-- Grid de Flechas - Centro -->
<GridLayout
android:id="@+id/buttons_grid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="40dp"
android:rowCount="3"
android:columnCount="3"
android:padding="16dp">
android:padding="8dp">
<Space android:layout_width="100dp" android:layout_height="100dp" android:layout_row="0" android:layout_column="0" />
<ImageButton
android:id="@+id/btn_up"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_width="95dp"
android:layout_height="95dp"
android:layout_row="0"
android:layout_column="1"
android:background="@android:color/transparent"
android:background="@drawable/btn_direction"
android:contentDescription="Up"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
@@ -80,11 +80,11 @@
<ImageButton
android:id="@+id/btn_left"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_width="95dp"
android:layout_height="95dp"
android:layout_row="1"
android:layout_column="0"
android:background="@android:color/transparent"
android:background="@drawable/btn_direction"
android:contentDescription="Left"
android:rotation="-90"
android:scaleType="centerInside"
@@ -92,11 +92,11 @@
<ImageButton
android:id="@+id/btn_down"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_width="95dp"
android:layout_height="95dp"
android:layout_row="1"
android:layout_column="1"
android:background="@android:color/transparent"
android:background="@drawable/btn_direction"
android:contentDescription="Down"
android:rotation="180"
android:scaleType="centerInside"
@@ -104,22 +104,22 @@
<ImageButton
android:id="@+id/btn_right"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_width="95dp"
android:layout_height="95dp"
android:layout_row="1"
android:layout_column="2"
android:background="@android:color/transparent"
android:background="@drawable/btn_direction"
android:contentDescription="Right"
android:rotation="90"
android:scaleType="centerInside"
android:src="@drawable/stepforward" />
<Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="0" />
<Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="1" />
<Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="2" />
<Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="0" />
<Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="1" />
<Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="2" />
</GridLayout>
<!-- Footer version -->
<!-- Footer - Versión abajo centro -->
</RelativeLayout>