mudanças visual do app

This commit is contained in:
2026-01-20 15:36:49 +00:00
parent ca26b8e146
commit fc4f786739
9 changed files with 278 additions and 155 deletions

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="6dp" />
<solid android:color="#E0E0E0" />
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="6dp" />
<solid android:color="@color/secondary_color" />
</shape>
</clip>
</item>
</layer-list>

View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="@color/live_indicator" />
</shape>

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/primary_light" />
<corners android:radius="8dp" />
</shape>

View File

@@ -3,7 +3,7 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f5f5f5">
android:background="@color/background_light">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_clubs"

View File

@@ -3,19 +3,33 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff">
android:background="@color/background_light">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp">
<!-- Header Card -->
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardBackgroundColor="@color/primary_color"
app:cardCornerRadius="24dp"
app:cardElevation="6dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp">
android:padding="24dp">
<TextView
android:id="@+id/detail_game_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="65'"
android:textColor="@android:color/holo_red_dark"
android:textColor="@color/live_time"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
@@ -29,7 +43,8 @@
android:layout_marginTop="16dp"
android:gravity="center"
android:text="Home"
android:textSize="20sp"
android:textColor="@color/white"
android:textSize="22sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="@+id/detail_score"
app:layout_constraintStart_toStartOf="parent"
@@ -39,9 +54,10 @@
android:id="@+id/detail_score"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginHorizontal="16dp"
android:text="1 - 1"
android:textSize="32sp"
android:textColor="@color/white"
android:textSize="36sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@+id/detail_home_team"
app:layout_constraintEnd_toEndOf="parent"
@@ -54,98 +70,132 @@
android:layout_height="wrap_content"
android:gravity="center"
android:text="Away"
android:textSize="20sp"
android:textColor="@color/white"
android:textSize="22sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@+id/detail_home_team"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/detail_score"
app:layout_constraintTop_toTopOf="@+id/detail_home_team" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
<!-- Stats Section -->
<TextView
android:id="@+id/text_stats_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:layout_marginTop="24dp"
android:layout_marginBottom="16dp"
android:text="Estatísticas ao Vivo"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/detail_home_team" />
android:textColor="@color/text_primary"
android:textSize="20sp"
android:textStyle="bold" />
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="16dp"
app:cardElevation="2dp"
app:cardBackgroundColor="@color/surface_card">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="20dp">
<!-- Possession -->
<TextView
android:id="@+id/label_possession"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_gravity="center"
android:text="Posse de Bola"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/text_stats_title" />
android:textColor="@color/text_secondary"
android:textStyle="bold" />
<ProgressBar
android:id="@+id/progress_possession"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="8dp"
android:max="100"
android:progress="50"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/label_possession" />
android:gravity="center_vertical">
<TextView
android:id="@+id/text_possession_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="50%"
app:layout_constraintStart_toStartOf="@+id/progress_possession"
app:layout_constraintBottom_toTopOf="@+id/progress_possession"/>
android:textStyle="bold"
android:textColor="@color/text_primary"
android:layout_marginEnd="12dp"/>
<ProgressBar
android:id="@+id/progress_possession"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_height="12dp"
android:layout_weight="1"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/custom_progress_bg"/>
<TextView
android:id="@+id/text_possession_away"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="50%"
app:layout_constraintEnd_toEndOf="@+id/progress_possession"
app:layout_constraintBottom_toTopOf="@+id/progress_possession"/>
android:textStyle="bold"
android:textColor="@color/text_primary"
android:layout_marginStart="12dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/divider"
android:layout_marginVertical="16dp"/>
<!-- Shots -->
<TextView
android:id="@+id/label_shots"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_gravity="center"
android:text="Remates"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/progress_possession" />
android:textColor="@color/text_secondary"
android:textStyle="bold" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="8dp"
android:gravity="center">
<TextView
android:id="@+id/text_shots_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5"
android:textSize="16sp"
android:textSize="24sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="@+id/label_shots"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/label_shots" />
android:textColor="@color/secondary_color"
android:layout_marginEnd="32dp"/>
<TextView
android:id="@+id/text_shots_away"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3"
android:textSize="16sp"
android:textSize="24sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/label_shots"
app:layout_constraintTop_toTopOf="@+id/label_shots" />
android:textColor="@color/secondary_color"
android:layout_marginStart="32dp"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
</ScrollView>

View File

@@ -3,12 +3,14 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f5f5f5">
android:background="@color/background_light">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_live_games"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="8dp"
android:clipToPadding="false"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
@@ -20,6 +22,8 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Não há jogos ao vivo no momento"
android:textSize="16sp"
android:textColor="@color/text_secondary"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"

View File

@@ -3,24 +3,36 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:layout_marginHorizontal="16dp"
android:layout_marginVertical="6dp"
app:cardBackgroundColor="@color/surface_card"
app:cardCornerRadius="12dp"
app:cardElevation="4dp">
app:cardElevation="2dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp">
<ImageView
android:id="@+id/image_club_logo"
android:layout_width="60dp"
android:layout_height="60dp"
android:contentDescription="Club Logo"
android:src="@drawable/ic_menu_gallery"
<androidx.cardview.widget.CardView
android:id="@+id/card_logo"
android:layout_width="50dp"
android:layout_height="50dp"
app:cardCornerRadius="25dp"
app:cardElevation="0dp"
app:cardBackgroundColor="#F0F0F0"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/image_club_logo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/ic_menu_gallery"
android:padding="8dp"/>
</androidx.cardview.widget.CardView>
<TextView
android:id="@+id/text_club_name"
@@ -28,19 +40,24 @@
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:text="Club Name"
android:textSize="18sp"
android:textColor="@color/text_primary"
android:textSize="17sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/text_club_stadium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/image_club_logo"
app:layout_constraintTop_toTopOf="@+id/image_club_logo" />
app:layout_constraintStart_toEndOf="@+id/card_logo"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed"/>
<TextView
android:id="@+id/text_club_stadium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:layout_marginTop="2dp"
android:text="Stadium Name"
android:textColor="@color/text_secondary"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/text_club_name"
app:layout_constraintTop_toBottomOf="@+id/text_club_name" />

View File

@@ -3,33 +3,47 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
app:cardCornerRadius="12dp"
app:cardElevation="4dp">
android:layout_marginHorizontal="16dp"
android:layout_marginVertical="8dp"
app:cardBackgroundColor="@color/surface_card"
app:cardCornerRadius="16dp"
app:cardElevation="2dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp">
android:padding="20dp">
<TextView
android:id="@+id/text_game_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="45'"
android:textColor="@android:color/holo_red_dark"
android:textColor="@color/live_time"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/live_indicator"
android:layout_width="8dp"
android:layout_height="8dp"
android:layout_marginEnd="6dp"
android:background="@drawable/shape_circle_live"
app:layout_constraintBottom_toBottomOf="@+id/text_game_time"
app:layout_constraintEnd_toStartOf="@+id/text_game_time"
app:layout_constraintTop_toTopOf="@+id/text_game_time" />
<TextView
android:id="@+id/text_home_team"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginTop="12dp"
android:gravity="center"
android:text="Home Team"
android:textColor="@color/text_primary"
android:textSize="16sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="@+id/text_score"
@@ -40,8 +54,12 @@
android:id="@+id/text_score"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:layout_marginHorizontal="24dp"
android:background="@drawable/shape_score_bg"
android:paddingHorizontal="16dp"
android:paddingVertical="6dp"
android:text="2 - 1"
android:textColor="@color/white"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"
@@ -55,6 +73,7 @@
android:layout_height="wrap_content"
android:gravity="center"
android:text="Away Team"
android:textColor="@color/text_primary"
android:textSize="16sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"

View File

@@ -3,20 +3,25 @@
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
<!-- Modern Neutral Palette -->
<color name="primary_color">#263238</color> <!-- Blue Grey 900 -->
<color name="primary_light">#4f5b62</color>
<color name="primary_dark">#000a12</color>
<!-- Modern Vibrant Palette -->
<color name="primary_color">#1A237E</color> <!-- Deep Indigo -->
<color name="primary_light">#534BAE</color>
<color name="primary_dark">#000051</color>
<color name="secondary_color">#009688</color> <!-- Teal 500 -->
<color name="secondary_light">#52c7b8</color>
<color name="secondary_dark">#00675b</color>
<color name="secondary_color">#FF4081</color> <!-- Pink Accent -->
<color name="secondary_light">#FF79B0</color>
<color name="secondary_dark">#C60055</color>
<color name="background_light">#F5F5F5</color> <!-- Grey 100 -->
<color name="live_indicator">#00E676</color> <!-- Bright Green -->
<color name="live_time">#FF1744</color> <!-- Red for time -->
<color name="background_light">#F5F6F8</color> <!-- Soft Blue-Grey -->
<color name="surface_light">#FFFFFF</color>
<color name="surface_card">#FFFFFF</color>
<color name="text_primary">#212121</color> <!-- Grey 900 -->
<color name="text_secondary">#757575</color> <!-- Grey 600 -->
<color name="text_primary">#102027</color> <!-- Very dark blue-grey -->
<color name="text_secondary">#546E7A</color> <!-- Blue-grey -->
<color name="text_on_primary">#FFFFFF</color>
<color name="divider">#BDBDBD</color>
<color name="divider">#CFD8DC</color>
</resources>