app/src/main/res/layout/fragment_quiz_question.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/background"
>
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="30dp"
android:progress="20"
android:layout_alignParentTop="true"
android:indeterminateDrawable="@drawable/progress_bar_quizz"
android:progressDrawable="@drawable/progress_bar_quizz"
/>
<TextView
android:id="@+id/titleTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/progressBar"
android:layout_marginTop="24dp"
android:gravity="center"
android:text="@string/quizz_1"
android:textColor="@color/colorPrimary"
android:textSize="36sp"
android:fontFamily="@font/poppins_bold"/>
<TextView
android:id="@+id/blackTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/titleTextView"
android:layout_marginTop="6dp"
android:gravity="center"
android:text="@string/name_of_the_painting"
android:textColor="#000000"
android:textSize="24sp"
android:fontFamily="@font/poppins_semibold"/>
<FrameLayout
android:id="@+id/frameLayout"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_below="@id/blackTextView"
android:layout_marginStart="40dp"
android:layout_marginTop="4dp"
android:layout_marginEnd="40dp"
android:padding="0dp"
android:background="@drawable/round_corner">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="centerCrop"
android:background="@drawable/round_corner"
android:fontFamily="@font/poppins_medium"
android:src="@drawable/joconde" />
</FrameLayout>
<LinearLayout
android:id="@+id/questionLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/frameLayout"
android:layout_alignParentStart="true"
android:layout_alignParentEnd="true"
android:layout_marginStart="50dp"
android:layout_marginTop="34dp"
android:layout_marginEnd="50dp"
android:background="@drawable/round_corner"
android:gravity="center"
android:orientation="vertical"
android:elevation="5dp">
<TextView
android:id="@+id/questionTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingTop="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="What is the color of the blablabla in the painting ?"
android:textColor="#000000"
android:fontFamily="@font/poppins_medium"
android:textSize="17sp"
android:textStyle="bold" />
<RadioGroup
android:id="@+id/answersRadioGroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="left"
android:paddingLeft="30dp"
android:paddingRight="30dp">
<RadioButton
android:id="@+id/answer1RadioButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:button="@drawable/radio_button_custom"
android:checked="false"
android:text="Answer 1"
android:textColor="#000000"
android:textAlignment="viewStart"
android:textSize="15sp" />
<RadioButton
android:id="@+id/answer2RadioButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:button="@drawable/radio_button_custom"
android:text="Answer 2"
android:textColor="#000000"
android:textSize="15sp" />
<RadioButton
android:id="@+id/answer3RadioButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:button="@drawable/radio_button_custom"
android:text="Answer 3"
android:textColor="#000000"
android:textSize="15sp" />
<RadioButton
android:id="@+id/answer4RadioButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:button="@drawable/radio_button_custom"
android:text="Answer 4"
android:textColor="#000000"
android:textSize="15sp" />
</RadioGroup>
<Button
android:id="@+id/nextButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="10dp"
android:paddingStart="40dp"
android:paddingEnd="40dp"
android:background="@drawable/rounded_button"
android:text="Next"
android:fontFamily="@font/poppins_bold"
android:textAllCaps="false"
android:textColor="#FFFFFF"
android:textSize="24sp" />
</LinearLayout>
</RelativeLayout>