app/src/main/res/layout/fragment_event.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/EventPage"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".views.fragments.event.EventFragment"
android:background="@color/white"
android:orientation="vertical">
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="380dp">
<ImageView
android:id="@+id/eventHeaderPicture"
android:layout_width="match_parent"
android:layout_height="300dp"
android:scaleType="fitXY"
android:background="@color/navigation_bar_background" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="300dp"
android:orientation="vertical"
android:paddingTop="30dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="20dp"
android:paddingLeft="30dp"
android:gravity="center">
<include
android:id="@+id/eventOrganizationPicture"
layout="@layout/user_picture_view"
android:visibility="visible" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center">
<com.google.android.material.button.MaterialButton
android:id="@+id/eventAddToCalendarButton"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="@string/event_save_to_calendar_button"
android:textSize="10dp"
app:icon="@drawable/ic_baseline_event_24"
android:backgroundTint="@color/black"/>
<com.google.android.material.button.MaterialButton
android:id="@+id/eventSaveToBookmarkButton"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="@string/save_to_bookmark"
android:textSize="10sp"
app:icon="@drawable/ic_baseline_bookmark_add_24"
android:backgroundTint="@color/black"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
<androidx.cardview.widget.CardView
android:layout_width="400dp"
android:layout_height="150dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="250dp"
android:scrollbars="vertical"
app:cardCornerRadius="20dp"
app:cardBackgroundColor="@color/unselected_icon_color">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="150dp"
android:padding="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="15dp"
android:layout_marginStart="24dp"
android:background="@drawable/ic_baseline_event_24"
android:padding="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/eventName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp"
android:background="@android:color/transparent"
android:text="Event Name"
android:textColor="#fff"
android:textSize="21sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/eventDate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:background="@android:color/transparent"
android:text="Sat. 29 May 2021"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="18sp"
app:layout_constraintBottom_toTopOf="@+id/eventTime"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/eventName" />
<TextView
android:id="@+id/eventTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="40dp"
android:background="@android:color/transparent"
android:text="22h00"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/eventDate" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingTop="20dp"
android:background="@color/white">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="50dp"
android:paddingRight="50dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/ic_article_black_24" />
<TextView
android:id="@+id/eventDescription"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@android:color/transparent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="Event description"
android:textSize="18sp"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="25dp"
android:orientation="horizontal"
android:paddingLeft="50dp"
android:paddingRight="50dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/ic_location_24" />
<TextView
android:id="@+id/eventAddress"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="Event address"
android:paddingStart="20dp"
android:paddingEnd="50dp"
android:textSize="18sp"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="25dp"
android:orientation="horizontal"
android:paddingLeft="50dp"
android:paddingRight="50dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/ic_home_black_outline_24" />
<TextView
android:id="@+id/eventOrganization"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text=""
android:paddingStart="20dp"
android:paddingEnd="50dp"
android:textSize="18sp"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>