mudanças visual do app
This commit is contained in:
17
app/src/main/res/drawable/custom_progress_bg.xml
Normal file
17
app/src/main/res/drawable/custom_progress_bg.xml
Normal 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>
|
||||||
5
app/src/main/res/drawable/shape_circle_live.xml
Normal file
5
app/src/main/res/drawable/shape_circle_live.xml
Normal 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>
|
||||||
6
app/src/main/res/drawable/shape_score_bg.xml
Normal file
6
app/src/main/res/drawable/shape_score_bg.xml
Normal 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>
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="#f5f5f5">
|
android:background="@color/background_light">
|
||||||
|
|
||||||
<androidx.recyclerview.widget.RecyclerView
|
<androidx.recyclerview.widget.RecyclerView
|
||||||
android:id="@+id/recycler_clubs"
|
android:id="@+id/recycler_clubs"
|
||||||
|
|||||||
@@ -3,149 +3,199 @@
|
|||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="#ffffff">
|
android:background="@color/background_light">
|
||||||
|
|
||||||
<androidx.constraintlayout.widget.ConstraintLayout
|
<LinearLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
|
android:orientation="vertical"
|
||||||
android:padding="16dp">
|
android:padding="16dp">
|
||||||
|
|
||||||
<TextView
|
<!-- Header Card -->
|
||||||
android:id="@+id/detail_game_time"
|
<androidx.cardview.widget.CardView
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:text="65'"
|
app:cardBackgroundColor="@color/primary_color"
|
||||||
android:textColor="@android:color/holo_red_dark"
|
app:cardCornerRadius="24dp"
|
||||||
android:textSize="18sp"
|
app:cardElevation="6dp">
|
||||||
android:textStyle="bold"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toTopOf="parent" />
|
|
||||||
|
|
||||||
<TextView
|
<androidx.constraintlayout.widget.ConstraintLayout
|
||||||
android:id="@+id/detail_home_team"
|
android:layout_width="match_parent"
|
||||||
android:layout_width="0dp"
|
android:layout_height="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:padding="24dp">
|
||||||
android:layout_marginTop="16dp"
|
|
||||||
android:gravity="center"
|
|
||||||
android:text="Home"
|
|
||||||
android:textSize="20sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
app:layout_constraintEnd_toStartOf="@+id/detail_score"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/detail_game_time" />
|
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/detail_score"
|
android:id="@+id/detail_game_time"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginHorizontal="24dp"
|
android:text="65'"
|
||||||
android:text="1 - 1"
|
android:textColor="@color/live_time"
|
||||||
android:textSize="32sp"
|
android:textSize="18sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
app:layout_constraintBottom_toBottomOf="@+id/detail_home_team"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintTop_toTopOf="parent" />
|
||||||
app:layout_constraintTop_toTopOf="@+id/detail_home_team" />
|
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/detail_away_team"
|
android:id="@+id/detail_home_team"
|
||||||
android:layout_width="0dp"
|
android:layout_width="0dp"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:gravity="center"
|
android:layout_marginTop="16dp"
|
||||||
android:text="Away"
|
android:gravity="center"
|
||||||
android:textSize="20sp"
|
android:text="Home"
|
||||||
android:textStyle="bold"
|
android:textColor="@color/white"
|
||||||
app:layout_constraintBottom_toBottomOf="@+id/detail_home_team"
|
android:textSize="22sp"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
android:textStyle="bold"
|
||||||
app:layout_constraintStart_toEndOf="@+id/detail_score"
|
app:layout_constraintEnd_toStartOf="@+id/detail_score"
|
||||||
app:layout_constraintTop_toTopOf="@+id/detail_home_team" />
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
|
app:layout_constraintTop_toBottomOf="@+id/detail_game_time" />
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:id="@+id/detail_score"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_marginHorizontal="16dp"
|
||||||
|
android:text="1 - 1"
|
||||||
|
android:textColor="@color/white"
|
||||||
|
android:textSize="36sp"
|
||||||
|
android:textStyle="bold"
|
||||||
|
app:layout_constraintBottom_toBottomOf="@+id/detail_home_team"
|
||||||
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
|
app:layout_constraintTop_toTopOf="@+id/detail_home_team" />
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:id="@+id/detail_away_team"
|
||||||
|
android:layout_width="0dp"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:gravity="center"
|
||||||
|
android:text="Away"
|
||||||
|
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 -->
|
<!-- Stats Section -->
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/text_stats_title"
|
android:id="@+id/text_stats_title"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="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:text="Estatísticas ao Vivo"
|
||||||
android:textSize="18sp"
|
android:textColor="@color/text_primary"
|
||||||
android:textStyle="bold"
|
android:textSize="20sp"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
android:textStyle="bold" />
|
||||||
app:layout_constraintTop_toBottomOf="@+id/detail_home_team" />
|
|
||||||
|
|
||||||
<!-- Possession -->
|
<androidx.cardview.widget.CardView
|
||||||
<TextView
|
android:layout_width="match_parent"
|
||||||
android:id="@+id/label_possession"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginTop="16dp"
|
app:cardCornerRadius="16dp"
|
||||||
android:text="Posse de Bola"
|
app:cardElevation="2dp"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:cardBackgroundColor="@color/surface_card">
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/text_stats_title" />
|
|
||||||
|
|
||||||
<ProgressBar
|
|
||||||
android:id="@+id/progress_possession"
|
|
||||||
style="?android:attr/progressBarStyleHorizontal"
|
|
||||||
android:layout_width="0dp"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
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" />
|
|
||||||
|
|
||||||
<TextView
|
<LinearLayout
|
||||||
android:id="@+id/text_possession_home"
|
android:layout_width="match_parent"
|
||||||
android:layout_width="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:orientation="vertical"
|
||||||
android:text="50%"
|
android:padding="20dp">
|
||||||
app:layout_constraintStart_toStartOf="@+id/progress_possession"
|
|
||||||
app:layout_constraintBottom_toTopOf="@+id/progress_possession"/>
|
|
||||||
|
|
||||||
<TextView
|
<!-- Possession -->
|
||||||
android:id="@+id/text_possession_away"
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:id="@+id/label_possession"
|
||||||
android:layout_height="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:text="50%"
|
android:layout_height="wrap_content"
|
||||||
app:layout_constraintEnd_toEndOf="@+id/progress_possession"
|
android:layout_gravity="center"
|
||||||
app:layout_constraintBottom_toTopOf="@+id/progress_possession"/>
|
android:text="Posse de Bola"
|
||||||
|
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_vertical">
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:id="@+id/text_possession_home"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="50%"
|
||||||
|
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%"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:textColor="@color/text_primary"
|
||||||
|
android:layout_marginStart="12dp"/>
|
||||||
|
</LinearLayout>
|
||||||
|
|
||||||
<!-- Shots -->
|
<View
|
||||||
<TextView
|
android:layout_width="match_parent"
|
||||||
android:id="@+id/label_shots"
|
android:layout_height="1dp"
|
||||||
android:layout_width="wrap_content"
|
android:background="@color/divider"
|
||||||
android:layout_height="wrap_content"
|
android:layout_marginVertical="16dp"/>
|
||||||
android:layout_marginTop="16dp"
|
|
||||||
android:text="Remates"
|
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toBottomOf="@+id/progress_possession" />
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:id="@+id/text_shots_home"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:text="5"
|
|
||||||
android:textSize="16sp"
|
|
||||||
android:textStyle="bold"
|
|
||||||
app:layout_constraintEnd_toStartOf="@+id/label_shots"
|
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
|
||||||
app:layout_constraintTop_toTopOf="@+id/label_shots" />
|
|
||||||
|
|
||||||
<TextView
|
<!-- Shots -->
|
||||||
android:id="@+id/text_shots_away"
|
<TextView
|
||||||
android:layout_width="wrap_content"
|
android:id="@+id/label_shots"
|
||||||
android:layout_height="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:text="3"
|
android:layout_height="wrap_content"
|
||||||
android:textSize="16sp"
|
android:layout_gravity="center"
|
||||||
android:textStyle="bold"
|
android:text="Remates"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
android:textColor="@color/text_secondary"
|
||||||
app:layout_constraintStart_toEndOf="@+id/label_shots"
|
android:textStyle="bold" />
|
||||||
app:layout_constraintTop_toTopOf="@+id/label_shots" />
|
|
||||||
|
|
||||||
|
<LinearLayout
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:orientation="horizontal"
|
||||||
|
android:layout_marginTop="8dp"
|
||||||
|
android:gravity="center">
|
||||||
|
|
||||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
<TextView
|
||||||
|
android:id="@+id/text_shots_home"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:text="5"
|
||||||
|
android:textSize="24sp"
|
||||||
|
android:textStyle="bold"
|
||||||
|
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="24sp"
|
||||||
|
android:textStyle="bold"
|
||||||
|
android:textColor="@color/secondary_color"
|
||||||
|
android:layout_marginStart="32dp"/>
|
||||||
|
</LinearLayout>
|
||||||
|
|
||||||
|
</LinearLayout>
|
||||||
|
</androidx.cardview.widget.CardView>
|
||||||
|
</LinearLayout>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
|
|||||||
@@ -3,12 +3,14 @@
|
|||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="#f5f5f5">
|
android:background="@color/background_light">
|
||||||
|
|
||||||
<androidx.recyclerview.widget.RecyclerView
|
<androidx.recyclerview.widget.RecyclerView
|
||||||
android:id="@+id/recycler_live_games"
|
android:id="@+id/recycler_live_games"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
|
android:paddingTop="8dp"
|
||||||
|
android:clipToPadding="false"
|
||||||
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
|
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
|
||||||
app:layout_constraintBottom_toBottomOf="parent"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
@@ -20,6 +22,8 @@
|
|||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:text="Não há jogos ao vivo no momento"
|
android:text="Não há jogos ao vivo no momento"
|
||||||
|
android:textSize="16sp"
|
||||||
|
android:textColor="@color/text_secondary"
|
||||||
android:visibility="gone"
|
android:visibility="gone"
|
||||||
app:layout_constraintBottom_toBottomOf="parent"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
|
|||||||
@@ -3,24 +3,36 @@
|
|||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
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:cardCornerRadius="12dp"
|
||||||
app:cardElevation="4dp">
|
app:cardElevation="2dp">
|
||||||
|
|
||||||
<androidx.constraintlayout.widget.ConstraintLayout
|
<androidx.constraintlayout.widget.ConstraintLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:padding="16dp">
|
android:padding="16dp">
|
||||||
|
|
||||||
<ImageView
|
<androidx.cardview.widget.CardView
|
||||||
android:id="@+id/image_club_logo"
|
android:id="@+id/card_logo"
|
||||||
android:layout_width="60dp"
|
android:layout_width="50dp"
|
||||||
android:layout_height="60dp"
|
android:layout_height="50dp"
|
||||||
android:contentDescription="Club Logo"
|
app:cardCornerRadius="25dp"
|
||||||
android:src="@drawable/ic_menu_gallery"
|
app:cardElevation="0dp"
|
||||||
|
app:cardBackgroundColor="#F0F0F0"
|
||||||
app:layout_constraintBottom_toBottomOf="parent"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="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
|
<TextView
|
||||||
android:id="@+id/text_club_name"
|
android:id="@+id/text_club_name"
|
||||||
@@ -28,19 +40,24 @@
|
|||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginStart="16dp"
|
android:layout_marginStart="16dp"
|
||||||
android:text="Club Name"
|
android:text="Club Name"
|
||||||
android:textSize="18sp"
|
android:textColor="@color/text_primary"
|
||||||
|
android:textSize="17sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
|
app:layout_constraintBottom_toTopOf="@+id/text_club_stadium"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintStart_toEndOf="@+id/image_club_logo"
|
app:layout_constraintStart_toEndOf="@+id/card_logo"
|
||||||
app:layout_constraintTop_toTopOf="@+id/image_club_logo" />
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
|
app:layout_constraintVertical_chainStyle="packed"/>
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/text_club_stadium"
|
android:id="@+id/text_club_stadium"
|
||||||
android:layout_width="0dp"
|
android:layout_width="0dp"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginTop="4dp"
|
android:layout_marginTop="2dp"
|
||||||
android:text="Stadium Name"
|
android:text="Stadium Name"
|
||||||
android:textColor="@color/text_secondary"
|
android:textColor="@color/text_secondary"
|
||||||
|
android:textSize="14sp"
|
||||||
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="@+id/text_club_name"
|
app:layout_constraintStart_toStartOf="@+id/text_club_name"
|
||||||
app:layout_constraintTop_toBottomOf="@+id/text_club_name" />
|
app:layout_constraintTop_toBottomOf="@+id/text_club_name" />
|
||||||
|
|||||||
@@ -3,33 +3,47 @@
|
|||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_margin="8dp"
|
android:layout_marginHorizontal="16dp"
|
||||||
app:cardCornerRadius="12dp"
|
android:layout_marginVertical="8dp"
|
||||||
app:cardElevation="4dp">
|
app:cardBackgroundColor="@color/surface_card"
|
||||||
|
app:cardCornerRadius="16dp"
|
||||||
|
app:cardElevation="2dp">
|
||||||
|
|
||||||
<androidx.constraintlayout.widget.ConstraintLayout
|
<androidx.constraintlayout.widget.ConstraintLayout
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:padding="16dp">
|
android:padding="20dp">
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/text_game_time"
|
android:id="@+id/text_game_time"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:text="45'"
|
android:text="45'"
|
||||||
android:textColor="@android:color/holo_red_dark"
|
android:textColor="@color/live_time"
|
||||||
|
android:textSize="14sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
app:layout_constraintTop_toTopOf="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
|
<TextView
|
||||||
android:id="@+id/text_home_team"
|
android:id="@+id/text_home_team"
|
||||||
android:layout_width="0dp"
|
android:layout_width="0dp"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginTop="8dp"
|
android:layout_marginTop="12dp"
|
||||||
android:gravity="center"
|
android:gravity="center"
|
||||||
android:text="Home Team"
|
android:text="Home Team"
|
||||||
|
android:textColor="@color/text_primary"
|
||||||
android:textSize="16sp"
|
android:textSize="16sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
app:layout_constraintEnd_toStartOf="@+id/text_score"
|
app:layout_constraintEnd_toStartOf="@+id/text_score"
|
||||||
@@ -40,8 +54,12 @@
|
|||||||
android:id="@+id/text_score"
|
android:id="@+id/text_score"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="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:text="2 - 1"
|
||||||
|
android:textColor="@color/white"
|
||||||
android:textSize="20sp"
|
android:textSize="20sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"
|
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"
|
||||||
@@ -55,6 +73,7 @@
|
|||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:gravity="center"
|
android:gravity="center"
|
||||||
android:text="Away Team"
|
android:text="Away Team"
|
||||||
|
android:textColor="@color/text_primary"
|
||||||
android:textSize="16sp"
|
android:textSize="16sp"
|
||||||
android:textStyle="bold"
|
android:textStyle="bold"
|
||||||
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"
|
app:layout_constraintBottom_toBottomOf="@+id/text_home_team"
|
||||||
|
|||||||
@@ -3,20 +3,25 @@
|
|||||||
<color name="black">#FF000000</color>
|
<color name="black">#FF000000</color>
|
||||||
<color name="white">#FFFFFFFF</color>
|
<color name="white">#FFFFFFFF</color>
|
||||||
|
|
||||||
<!-- Modern Neutral Palette -->
|
<!-- Modern Vibrant Palette -->
|
||||||
<color name="primary_color">#263238</color> <!-- Blue Grey 900 -->
|
<color name="primary_color">#1A237E</color> <!-- Deep Indigo -->
|
||||||
<color name="primary_light">#4f5b62</color>
|
<color name="primary_light">#534BAE</color>
|
||||||
<color name="primary_dark">#000a12</color>
|
<color name="primary_dark">#000051</color>
|
||||||
|
|
||||||
<color name="secondary_color">#009688</color> <!-- Teal 500 -->
|
<color name="secondary_color">#FF4081</color> <!-- Pink Accent -->
|
||||||
<color name="secondary_light">#52c7b8</color>
|
<color name="secondary_light">#FF79B0</color>
|
||||||
<color name="secondary_dark">#00675b</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="surface_light">#FFFFFF</color>
|
<color name="live_time">#FF1744</color> <!-- Red for time -->
|
||||||
|
|
||||||
<color name="text_primary">#212121</color> <!-- Grey 900 -->
|
|
||||||
<color name="text_secondary">#757575</color> <!-- Grey 600 -->
|
|
||||||
|
|
||||||
<color name="divider">#BDBDBD</color>
|
<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">#102027</color> <!-- Very dark blue-grey -->
|
||||||
|
<color name="text_secondary">#546E7A</color> <!-- Blue-grey -->
|
||||||
|
<color name="text_on_primary">#FFFFFF</color>
|
||||||
|
|
||||||
|
<color name="divider">#CFD8DC</color>
|
||||||
</resources>
|
</resources>
|
||||||
Reference in New Issue
Block a user