app/src/main/res/layout/fragment_note_detail.xml
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<data>
<import type="android.view.View" />
<variable
name="viewmodel"
type="com.ajdi.yassin.materialjournal.ui.notedetail.NoteDetailViewModel" />
</data>
<androidx.core.widget.NestedScrollView
android:id="@+id/article_fragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:descendantFocusability="blocksDescendants">
<ImageView
android:id="@+id/image_publisher_icon"
style="@style/ArticleDetailsPublisherImage"
android:layout_marginStart="@dimen/horizontal_padding_mobile"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:src="@tools:sample/avatars" />
<TextView
android:id="@+id/text_publisher_name"
style="@style/ArticleDetailsPublisherName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
app:layout_constraintEnd_toEndOf="@+id/image_publisher_icon"
app:layout_constraintStart_toStartOf="@+id/image_publisher_icon"
app:layout_constraintTop_toBottomOf="@+id/image_publisher_icon"
tools:text="@tools:sample/full_names" />
<!--<LinearLayout-->
<!--android:id="@+id/linearLayout3"-->
<!--android:layout_width="0dp"-->
<!--android:layout_height="wrap_content"-->
<!--android:layout_marginStart="16dp"-->
<!--android:layout_marginLeft="16dp"-->
<!--android:layout_marginEnd="@dimen/horizontal_padding_mobile"-->
<!--android:layout_marginRight="@dimen/horizontal_padding_mobile"-->
<!--android:layout_weight="100"-->
<!--android:orientation="vertical"-->
<!--app:layout_constraintBottom_toBottomOf="@+id/image_publisher_icon"-->
<!--app:layout_constraintEnd_toEndOf="parent"-->
<!--app:layout_constraintStart_toEndOf="@+id/image_publisher_icon"-->
<!--app:layout_constraintTop_toTopOf="@+id/image_publisher_icon">-->
<!--<TextView-->
<!--android:id="@+id/text_publisher_name"-->
<!--style="@style/ArticleDetailsPublisherName"-->
<!--android:layout_width="match_parent"-->
<!--android:layout_height="wrap_content"-->
<!--tools:text="@tools:sample/full_names" />-->
<!--<TextView-->
<!--android:id="@+id/text_time"-->
<!--style="@style/ArticleDetailsTime"-->
<!--android:layout_width="match_parent"-->
<!--android:layout_height="wrap_content"-->
<!--tools:text="@tools:sample/date/mmddyy" />-->
<!--</LinearLayout>-->
<TextView
android:id="@+id/text_article_title"
style="@style/ArticleDetailsTitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/horizontal_padding_mobile"
android:layout_marginTop="16dp"
android:layout_marginEnd="@dimen/horizontal_padding_mobile"
android:text="@{viewmodel.note.title}"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/text_publisher_name"
tools:text="Poverty To Empowerment in Chicago." />
<ImageView
android:id="@+id/image_article_image"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginTop="16dp"
android:scaleType="centerCrop"
app:layout_constraintDimensionRatio="16:9"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/text_article_title"
tools:src="@tools:sample/backgrounds/scenic" />
<TextView
android:id="@+id/text_content"
style="@style/ArticleDetailsContent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="16dp"
android:layout_marginTop="8dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:text="@{viewmodel.note.content}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/image_article_image"
tools:text="The villain of this piece is an orphan, while the hero is someone who fights to save the person beside them. The plot begins with opposites attracting in a shadowy forest. The ending includes elements of the moon and shiny gadgets." />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.core.widget.NestedScrollView>
</layout>