在滚动条内的xml中添加电影概述TextView

时间:2017-11-19 15:42:32

标签: android xml scrollbar views

我有以下xml。基本上我想在ID等于 layoutOne 的布局下面显示电影概述。

<ScrollView 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:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scrollbarStyle="outsideOverlay">

                <LinearLayout
                    android:id="@+id/layoutOne"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center_horizontal"
                    android:padding="16dp"
                    android:background="@color/primary"
                    >


                    <ImageView
                        android:id="@+id/movie_image"
                        android:layout_width="160dp"
                        android:layout_height="240dp"
                        android:scaleType="fitXY"
                        android:layout_gravity="center_vertical"
                        />

                       <RelativeLayout
                           android:layout_width="wrap_content"
                           android:padding="16dp"
                           android:layout_gravity="center_vertical"
                           android:layout_height="wrap_content">

                           <TextView
                               android:id="@+id/movie_title"
                               android:layout_centerHorizontal="true"
                               android:layout_width="wrap_content"
                               android:layout_height="wrap_content"
                               android:textSize="16sp"

                               />

                           <TextView
                               android:layout_below="@+id/movie_title"
                               android:layout_centerHorizontal="true"
                               android:id="@+id/movie_rating"
                               android:text="9/10"
                               android:textSize="24sp"
                               android:layout_width="wrap_content"
                               android:layout_height="wrap_content"
                               android:paddingTop="20dp"
                               />
                           <LinearLayout
                               android:layout_width="wrap_content"
                               android:layout_below="@+id/movie_rating"
                               android:layout_height="wrap_content"
                               android:orientation="horizontal">
                               <ImageView
                                   android:layout_marginTop="13dp"
                                   android:layout_width="wrap_content"
                                   android:layout_height="wrap_content"
                                   android:background="@android:drawable/ic_menu_my_calendar"/>
                               <TextView
                                   android:layout_below="@+id/movie_rating"
                                   android:layout_centerHorizontal="true"
                                   android:id="@+id/movie_date"
                                   android:text="2017-10-9"
                                   android:textSize="16sp"

                                   android:layout_width="wrap_content"
                                   android:layout_height="wrap_content"
                                   android:paddingTop="20dp"
                                   />

                           </LinearLayout>


                       </RelativeLayout>

                    <TextView
                        android:id="@+id/title_overview"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Great movie" />
                </LinearLayout>

            </ScrollView>

这是我得到的。

movie details

我希望示例文本精彩电影低于淡粉色布局。这里棘手的部分是滚动条视图只允许一个子视图。有什么想法吗?

谢谢,

西奥。

1 个答案:

答案 0 :(得分:1)

RelativeLayout的约束应该适合整个页面。如果您想使用ScrollView,则应将RelativeLayout添加到ScrollView

因此它会是这样的:

 <LinearLayout
                    android:id="@+id/layoutOne"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="horizontal"
                    android:gravity="center_horizontal"
                    android:padding="16dp"
                    android:background="@color/primary"
                    >

稍后您可以使用以下内容调整图像:

    <LinearLayout
  android:layout_marginBottom="439dp"
                android:layout_marginEnd="156dp"
                android:layout_marginStart="156dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
>