Skip to content

Commit ce84c51

Browse files
yonghanJubngsh
yonghanJu
and
bngsh
committed
💄 running 모드 화면 세부 구현
Co-authored-by: bngsh <[email protected]>
1 parent dd5a763 commit ce84c51

File tree

1 file changed

+111
-43
lines changed

1 file changed

+111
-43
lines changed

‎presentation/src/main/res/layout/activity_running.xml

Lines changed: 111 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<?xml version="1.0" encoding="utf-8"?>
22
<layout xmlns:android="http://schemas.android.com/apk/res/android"
3-
xmlns:app="http://schemas.android.com/apk/res-auto">
3+
xmlns:app="http://schemas.android.com/apk/res-auto"
4+
xmlns:tools="http://schemas.android.com/tools">
45

56
<data>
67

@@ -18,58 +19,125 @@
1819
android:layout_width="match_parent"
1920
android:layout_height="match_parent" />
2021

21-
<TextView
22-
android:id="@+id/tv_running_time"
23-
android:layout_width="wrap_content"
22+
<androidx.constraintlayout.widget.ConstraintLayout
23+
android:layout_width="0dp"
2424
android:layout_height="wrap_content"
25-
android:layout_margin="8dp"
26-
android:textColor="@color/black"
27-
style="@style/MoGakRunText.Bold.Large"
28-
app:layout_constraintBottom_toTopOf="@id/tv_pace"
25+
android:layout_margin="12dp"
26+
android:background="@color/white"
27+
android:clickable="false"
28+
android:paddingHorizontal="12dp"
29+
android:paddingVertical="8dp"
30+
app:layout_constraintBottom_toTopOf="@+id/btn_pause_or_resume"
2931
app:layout_constraintEnd_toEndOf="parent"
30-
app:layout_constraintStart_toEndOf="@id/tv_startTime" />
32+
app:layout_constraintStart_toStartOf="parent">
3133

32-
<TextView
33-
android:id="@+id/tv_startTime"
34-
android:layout_width="wrap_content"
35-
android:layout_height="wrap_content"
36-
android:layout_margin="8dp"
37-
android:textColor="@color/black"
38-
style="@style/MoGakRunText.Bold.Large"
39-
app:layout_constraintBottom_toTopOf="@id/tv_total_distance"
40-
app:layout_constraintEnd_toStartOf="@id/tv_running_time"
41-
app:layout_constraintStart_toStartOf="parent" />
34+
<View
35+
android:id="@+id/view_vertical_partition_line"
36+
android:layout_width="1dp"
37+
android:layout_height="100dp"
38+
android:layout_marginTop="12dp"
39+
android:layout_marginBottom="12dp"
40+
android:background="@color/gray"
41+
app:layout_constraintBottom_toBottomOf="parent"
42+
app:layout_constraintEnd_toEndOf="parent"
43+
app:layout_constraintStart_toStartOf="parent"
44+
app:layout_constraintTop_toTopOf="parent" />
4245

43-
<TextView
44-
android:id="@+id/tv_pace"
45-
android:layout_width="wrap_content"
46-
android:layout_height="wrap_content"
47-
android:layout_margin="8dp"
48-
android:textColor="@color/black"
49-
style="@style/MoGakRunText.Bold.Large"
50-
app:layout_constraintBottom_toTopOf="@id/btn_pause_or_resume"
51-
app:layout_constraintEnd_toEndOf="parent"
52-
app:layout_constraintStart_toEndOf="@id/tv_total_distance" />
46+
<View
47+
android:id="@+id/view_horizontal_partition_line"
48+
android:layout_width="0dp"
49+
android:layout_height="1dp"
50+
android:layout_marginTop="20dp"
51+
android:layout_marginBottom="20dp"
52+
android:background="@color/gray"
53+
app:layout_constraintBottom_toBottomOf="parent"
54+
app:layout_constraintEnd_toEndOf="parent"
55+
app:layout_constraintStart_toStartOf="parent"
56+
app:layout_constraintTop_toTopOf="parent" />
5357

54-
<TextView
55-
android:id="@+id/tv_total_distance"
56-
android:layout_width="wrap_content"
57-
android:layout_height="wrap_content"
58-
android:layout_margin="8dp"
59-
android:textColor="@color/black"
60-
style="@style/MoGakRunText.Bold.Large"
61-
app:layout_constraintBottom_toTopOf="@id/btn_pause_or_resume"
62-
app:layout_constraintEnd_toStartOf="@id/tv_pace"
63-
app:layout_constraintStart_toStartOf="parent" />
58+
<TextView
59+
android:layout_width="wrap_content"
60+
android:layout_height="wrap_content"
61+
android:layout_marginTop="12dp"
62+
android:text="@string/running_history_label_start_running_time"
63+
app:layout_constraintStart_toStartOf="parent"
64+
app:layout_constraintTop_toTopOf="parent" />
65+
66+
<TextView
67+
android:id="@+id/tv_start_time"
68+
android:layout_width="wrap_content"
69+
android:layout_height="wrap_content"
70+
android:layout_marginEnd="44dp"
71+
android:layout_marginBottom="20dp"
72+
app:layout_constraintBottom_toBottomOf="@id/view_horizontal_partition_line"
73+
app:layout_constraintEnd_toStartOf="@id/view_vertical_partition_line"
74+
tools:text="17:00" />
75+
76+
<TextView
77+
android:layout_width="wrap_content"
78+
android:layout_height="wrap_content"
79+
android:layout_marginStart="12dp"
80+
android:layout_marginTop="12dp"
81+
android:text="@string/running_total_time"
82+
app:layout_constraintStart_toStartOf="@id/view_vertical_partition_line"
83+
app:layout_constraintTop_toTopOf="parent" />
84+
85+
<TextView
86+
android:id="@+id/tv_running_time"
87+
android:layout_width="wrap_content"
88+
android:layout_height="wrap_content"
89+
android:layout_marginEnd="44dp"
90+
android:layout_marginBottom="20dp"
91+
app:layout_constraintBottom_toBottomOf="@id/view_horizontal_partition_line"
92+
app:layout_constraintEnd_toEndOf="parent" />
93+
94+
<TextView
95+
android:layout_width="wrap_content"
96+
android:layout_height="wrap_content"
97+
android:layout_marginTop="12dp"
98+
android:text="@string/running_history_label_running_distance"
99+
app:layout_constraintStart_toStartOf="parent"
100+
app:layout_constraintTop_toBottomOf="@id/view_horizontal_partition_line" />
101+
102+
<TextView
103+
android:id="@+id/tv_total_distance"
104+
android:layout_width="wrap_content"
105+
android:layout_height="wrap_content"
106+
android:layout_marginTop="24dp"
107+
android:layout_marginEnd="44dp"
108+
app:layout_constraintEnd_toStartOf="@id/view_vertical_partition_line"
109+
app:layout_constraintTop_toBottomOf="@id/view_horizontal_partition_line"
110+
tools:text="11.7km" />
111+
112+
<TextView
113+
android:layout_width="wrap_content"
114+
android:layout_height="wrap_content"
115+
android:layout_marginStart="12dp"
116+
android:layout_marginTop="12dp"
117+
android:text="@string/running_history_label_running_pace"
118+
app:layout_constraintStart_toStartOf="@id/view_vertical_partition_line"
119+
app:layout_constraintTop_toBottomOf="@id/view_horizontal_partition_line" />
120+
121+
<TextView
122+
android:id="@+id/tv_pace"
123+
android:layout_width="wrap_content"
124+
android:layout_height="wrap_content"
125+
android:layout_marginTop="24dp"
126+
android:layout_marginEnd="44dp"
127+
app:layout_constraintEnd_toEndOf="parent"
128+
app:layout_constraintTop_toBottomOf="@id/view_horizontal_partition_line"
129+
tools:text="6.3km/h" />
130+
131+
</androidx.constraintlayout.widget.ConstraintLayout>
64132

65133

66134
<com.google.android.material.button.MaterialButton
67135
android:id="@+id/btn_pause_or_resume"
68136
android:layout_width="0dp"
69137
android:layout_height="wrap_content"
70-
android:layout_margin="8dp"
71-
android:text="@string/running_pause_or_resume"
138+
android:layout_margin="12dp"
72139
android:onClick="@{() -> vm.onCheckingPauseOrResume()}"
140+
android:text="@string/running_pause_or_resume"
73141
app:layout_constraintBottom_toBottomOf="parent"
74142
app:layout_constraintEnd_toStartOf="@id/btn_finish"
75143
app:layout_constraintStart_toStartOf="parent" />
@@ -78,9 +146,9 @@
78146
android:id="@+id/btn_finish"
79147
android:layout_width="0dp"
80148
android:layout_height="wrap_content"
81-
android:layout_margin="8dp"
82-
android:text="@string/running_finish"
149+
android:layout_margin="12dp"
83150
android:onClick="@{() -> vm.onFinishButtonClicked()}"
151+
android:text="@string/running_finish"
84152
app:layout_constraintBottom_toBottomOf="parent"
85153
app:layout_constraintEnd_toEndOf="parent"
86154
app:layout_constraintStart_toEndOf="@id/btn_pause_or_resume" />

0 commit comments

Comments
 (0)