Skip to content

Commit b6ffe9f

Browse files
authored
New review layout UI for landscape view (commons-app#4412)
* ReviewActivity landscape layout created successfully * Minor issues fixed * minor modification * crash fixed
1 parent 1408fe5 commit b6ffe9f

File tree

1 file changed

+138
-0
lines changed

1 file changed

+138
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<androidx.drawerlayout.widget.DrawerLayout
3+
xmlns:android="http://schemas.android.com/apk/res/android"
4+
xmlns:app="http://schemas.android.com/apk/res-auto"
5+
xmlns:tools="http://schemas.android.com/tools"
6+
android:id="@+id/drawer_layout"
7+
android:layout_width="match_parent"
8+
android:layout_height="match_parent">
9+
10+
<FrameLayout
11+
android:id="@+id/mediaDetailContainer"
12+
android:layout_width="match_parent"
13+
android:layout_height="match_parent"
14+
android:visibility="gone" />
15+
16+
<LinearLayout
17+
android:id="@+id/reviewActivityContainer"
18+
android:layout_width="match_parent"
19+
android:layout_height="match_parent"
20+
android:orientation="vertical"
21+
android:visibility="visible">
22+
23+
<include layout="@layout/toolbar" />
24+
25+
<androidx.constraintlayout.widget.ConstraintLayout
26+
android:layout_width="match_parent"
27+
android:layout_height="match_parent">
28+
29+
<androidx.appcompat.widget.AppCompatButton
30+
android:id="@+id/skip_image"
31+
style="@style/Widget.AppCompat.Button.Borderless"
32+
android:layout_width="wrap_content"
33+
android:layout_height="wrap_content"
34+
android:layout_gravity="center_horizontal"
35+
android:drawableEnd="@drawable/ic_info_outline_24dp"
36+
android:drawablePadding="@dimen/medium_height"
37+
android:drawableTint="@color/button_blue_dark"
38+
android:paddingLeft="@dimen/medium_height"
39+
android:paddingRight="@dimen/medium_height"
40+
android:text="@string/skip_image"
41+
android:textAllCaps="true"
42+
android:textColor="@color/button_blue_dark"
43+
android:textStyle="bold"
44+
app:layout_constraintEnd_toEndOf="parent"
45+
app:layout_constraintStart_toStartOf="@+id/guideline"
46+
app:layout_constraintTop_toTopOf="parent" />
47+
48+
<fr.free.nrw.commons.review.ReviewViewPager
49+
android:id="@+id/view_pager_review"
50+
android:layout_width="@dimen/dimen_0"
51+
android:layout_height="@dimen/dimen_0"
52+
android:layout_weight="1"
53+
android:fadingEdge="none"
54+
app:layout_constraintBottom_toTopOf="@+id/rl_container_bottom_view"
55+
app:layout_constraintEnd_toEndOf="parent"
56+
app:layout_constraintStart_toStartOf="@+id/guideline"
57+
app:layout_constraintTop_toBottomOf="@+id/skip_image" />
58+
59+
<RelativeLayout
60+
android:id="@+id/rl_container_bottom_view"
61+
android:layout_width="@dimen/dimen_0"
62+
android:layout_height="wrap_content"
63+
android:layout_alignParentBottom="true"
64+
android:background="?attr/colorPrimaryDark"
65+
android:elevation="@dimen/miniscule_margin"
66+
android:padding="@dimen/medium_height"
67+
app:layout_constraintBottom_toBottomOf="parent"
68+
app:layout_constraintEnd_toEndOf="parent"
69+
app:layout_constraintStart_toStartOf="@+id/guideline">
70+
71+
<com.viewpagerindicator.CirclePageIndicator
72+
android:id="@+id/pager_indicator_review"
73+
android:layout_width="match_parent"
74+
android:layout_height="wrap_content"
75+
android:layout_gravity="center"
76+
android:background="?attr/colorPrimaryDark"
77+
android:foregroundGravity="center_vertical" />
78+
79+
</RelativeLayout>
80+
81+
<RelativeLayout
82+
android:layout_width="@dimen/dimen_0"
83+
android:layout_height="@dimen/dimen_0"
84+
android:layout_weight="1"
85+
app:layout_constraintBottom_toBottomOf="parent"
86+
app:layout_constraintEnd_toStartOf="@+id/view_pager_review"
87+
app:layout_constraintStart_toStartOf="parent"
88+
app:layout_constraintTop_toTopOf="parent">
89+
90+
<com.facebook.drawee.view.SimpleDraweeView
91+
android:id="@+id/review_image_view"
92+
android:layout_width="match_parent"
93+
android:layout_height="match_parent"
94+
android:layout_alignParentTop="true"
95+
android:layout_marginTop="@dimen/dimen_0"
96+
app:srcCompat="@drawable/commons_logo" />
97+
98+
<RelativeLayout
99+
android:id="@+id/rl_container_upload_overlay"
100+
android:layout_width="match_parent"
101+
android:layout_height="wrap_content"
102+
android:layout_alignParentBottom="true"
103+
android:layout_gravity="center|bottom"
104+
android:background="#77000000"
105+
android:gravity="center"
106+
android:padding="@dimen/tiny_gap">
107+
108+
<TextView
109+
android:id="@+id/tv_image_caption"
110+
style="?android:textAppearanceMedium"
111+
android:layout_width="wrap_content"
112+
android:layout_height="wrap_content"
113+
android:textColor="#FFFFFFFF" />
114+
115+
</RelativeLayout>
116+
117+
<ProgressBar
118+
android:id="@+id/pb_review_image"
119+
android:layout_width="wrap_content"
120+
android:layout_height="wrap_content"
121+
android:layout_centerInParent="true"
122+
android:visibility="gone"
123+
tools:visibility="visible" />
124+
125+
</RelativeLayout>
126+
127+
<androidx.constraintlayout.widget.Guideline
128+
android:id="@+id/guideline"
129+
android:layout_width="wrap_content"
130+
android:layout_height="wrap_content"
131+
android:orientation="vertical"
132+
app:layout_constraintGuide_percent="0.5" />
133+
134+
</androidx.constraintlayout.widget.ConstraintLayout>
135+
136+
</LinearLayout>
137+
138+
</androidx.drawerlayout.widget.DrawerLayout>

0 commit comments

Comments
 (0)