dangilcal/Helldivers-app-movil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Mejoras visuales en la pestaña de inicio

Browse Source
This commit is contained in:
dangilcal
2026-04-15 10:48:49 +02:00
parent 31aac6252d
commit 8fcb266a42
3 changed files with 96 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/src/main/res/drawable/bg_direction_center.xml
View File

@@ -1,7 +1,22 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- Centro del D-Pad decorativo --> <!-- Centro del D-Pad decorativo con efecto de luz -->
<shape xmlns:android="http://schemas.android.com/apk/res/android" <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
android:shape="oval"> <item>
<solid android:color="#2C3138" /> <shape android:shape="oval">
<stroke android:width="2dp" android:color="#FFD700" /> <solid android:color="#1A1D24" />
</shape> <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>

61
app/src/main/res/drawable/btn_direction.xml
View File

@@ -1,27 +1,56 @@
<?xml version="1.0" encoding="utf-8"?> <?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"> <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"> <item android:state_pressed="true">
<shape android:shape="rectangle"> <layer-list>
<solid android:color="#FFD700" /> <item>
<corners android:radius="4dp" /> <shape android:shape="rectangle">
<stroke android:width="2dp" android:color="#FFFFFF" /> <solid android:color="#FFD700" />
</shape> <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>
<item android:state_focused="true"> <item android:state_focused="true">
<shape android:shape="rectangle"> <layer-list>
<solid android:color="#00BFFF" /> <item>
<corners android:radius="4dp" /> <shape android:shape="rectangle">
<stroke android:width="2dp" android:color="#1E90FF" /> <solid android:color="#1B1F25" />
</shape> <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>
<item> <item>
<shape android:shape="rectangle"> <layer-list>
<solid android:color="#1B1F25" /> <item>
<corners android:radius="4dp" /> <shape android:shape="rectangle">
<stroke android:width="2dp" android:color="#FFD700" /> <solid android:color="#1B1F25" />
</shape> <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> </item>
</selector> </selector>

60
app/src/main/res/layout/activity_main.xml
View File

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