簡體   English   中英

滾動視圖中的線性布局

[英]Linear Layout in Scroll View

在手機上測試時,滾動視圖中的線性布局不起作用

我已經將線性布局放置在相對布局的滾動視圖中,當我在電話上對其進行測試時,它並未向下滾動

我將圖像視圖和標題注冊置於滾動視圖之外,並將文本框和提交按鈕置於放置在滾動視圖內的線性布局內。

請幫助我嘗試了很久的代碼。 我已經嘗試在滾動視圖中使用相對布局,並且設計可以正確顯示,但是在手機上進行測試時,它不會在手機中向下滾動(在兩種情況下)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
 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:background="@color/MistyRose"
 android:orientation="vertical"
 android:paddingLeft="16dp"
 android:paddingTop="16dp"
 android:paddingRight="16dp"
 android:paddingBottom="16dp">

 <ImageView
    android:id="@+id/imageView2"
    android:layout_width="203dp"
    android:layout_height="95dp"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="50dp"
    android:background="@drawable/logo" />

 <TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="70dp"
    android:layout_alignBottom="@id/imageView2"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="-120dp"
    android:text="Register"
    android:textColor="@color/Black"
    android:textSize="40dp"
    android:textStyle="italic" />

 <ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@id/textView"
    android:layout_marginBottom="-520dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <EditText
            android:id="@+id/Namebox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:background="@drawable/edittext"
            android:ems="25"
            android:hint="Name"
            android:inputType="text" />

        <EditText
            android:id="@+id/Enailbox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Email"
            android:inputType="textEmailAddress" />

        <EditText
            android:id="@+id/Phonebox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Phone"
            android:inputType="phone" />

        <EditText
            android:id="@+id/Passbox1"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Password"
            android:inputType="textPassword" />

        <EditText
            android:id="@+id/Passbox2"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Password Confirm"
            android:inputType="textPassword" />

        <Button
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:layout_marginStart="100dp"
            android:layout_marginTop="50dp"
            android:background="@drawable/button"
            android:text="Submit" />

    </LinearLayout>


  </ScrollView>

  </RelativeLayout>

考慮使用約束布局,不要為小部件設置負邊距,對於滾動視圖,請使用“ fillViewPort = true”,將此片段用作基本布局,並根據需要進行修改。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
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:fitsSystemWindows="true"
tools:context=".ItemDetailActivity"
tools:ignore="MergeRootFrame">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:toolbarId="@+id/toolbar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/detail_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    </android.support.design.widget.CollapsingToolbarLayout>

</android.support.design.widget.AppBarLayout>

<android.support.v4.widget.NestedScrollView
    android:id="@+id/item_detail_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.v7.widget.LinearLayoutCompat
        android:orientation="vertical"
        android:padding="16dp"
        android:gravity="center_horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:layout_marginTop="16dp"
            android:id="@+id/Namebox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="25"
            android:hint="Name"
            android:inputType="text"/>

        <EditText
            android:layout_marginTop="16dp"
            android:id="@+id/Enailbox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Email"
            android:inputType="textEmailAddress"/>

        <EditText
            android:layout_marginTop="16dp"
            android:id="@+id/Phonebox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Phone"
            android:inputType="phone" />

        <EditText
            android:layout_marginTop="16dp"
            android:id="@+id/Passbox1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Password"
            android:inputType="textPassword" />

        <EditText
            android:layout_marginTop="16dp"
            android:id="@+id/Passbox2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Password Confirm"
            android:inputType="textPassword" />

        <Button
            android:layout_marginTop="16dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Submit" />

    </android.support.v7.widget.LinearLayoutCompat>
</android.support.v4.widget.NestedScrollView>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical|start"
    android:layout_margin="@dimen/fab_margin"
    app:layout_anchor="@+id/item_detail_container"
    app:layout_anchorGravity="top|end"
    app:srcCompat="@drawable/ic_done_black_24dp" />

</android.support.design.widget.CoordinatorLayout>

我已經修改了布局並刪除了負邊距。 請看一下XML,然后嘗試一下。 滾動條將按您的期望工作。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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:background="@color/MistyRose"
    android:orientation="vertical"
    android:paddingLeft="16dp"
    android:paddingTop="16dp"
    android:paddingRight="16dp"
    android:paddingBottom="16dp"    >

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="203dp"
        android:layout_height="95dp"
        android:background="@drawable/logo"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
         />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="70dp"
        android:layout_below="@id/imageView2"
        android:layout_centerHorizontal="true"
        android:text="Register"
        android:layout_marginTop="100dp"
        android:textColor="@color/Black"
        android:textSize="40dp"
        android:textStyle="italic" />

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/textView"
        android:layout_marginTop="50dp"
        android:fillViewport="true"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <EditText
                android:id="@+id/Namebox"
                android:layout_width="300dp"
                android:layout_height="50dp"
                android:background="@drawable/edittext"
                android:layout_marginStart="30dp"
                android:ems="25"
                android:hint="Name"
                android:inputType="text" />

            <EditText
                android:id="@+id/Enailbox"
                android:layout_width="300dp"
                android:layout_height="50dp"
                android:background="@drawable/edittext"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Email"
                android:inputType="textEmailAddress" />

            <EditText
                android:id="@+id/Phonebox"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Phone"
                android:inputType="phone" />

            <EditText
                android:id="@+id/Passbox1"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Password"
                android:inputType="textPassword" />

            <EditText
                android:id="@+id/Passbox2"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Password Confirm"
                android:inputType="textPassword" />

            <Button
                android:layout_width="150dp"
                android:layout_height="50dp"
                android:background="@drawable/button"
                android:layout_marginStart="100dp"
                android:layout_marginTop="50dp"
                android:text="Submit" />

        </LinearLayout>


    </ScrollView>

</RelativeLayout>

請從ScrollView中刪除負邊距android:layout_marginBottom="-520dp" ,然后嘗試以下代碼:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/MistyRose"
    android:orientation="vertical"
    android:paddingLeft="16dp"
    android:paddingTop="16dp"
    android:paddingRight="16dp"
    android:paddingBottom="16dp"   >

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="203dp"
        android:layout_height="95dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="@drawable/logo" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="70dp"
        android:layout_below="@id/imageView2"
        android:layout_centerHorizontal="true"
        android:text="Register"
        android:textColor="@color/Black"
        android:textSize="40dp"
        android:textStyle="italic" />

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/textView"
        android:fillViewport="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <EditText
                android:id="@+id/Namebox"
                android:layout_width="300dp"
                android:layout_height="50dp"
                android:background="@drawable/edittext"
                android:layout_marginStart="30dp"
                android:ems="25"
                android:hint="Name"
                android:inputType="text"
                android:layout_marginLeft="30dp" />

            <EditText
                android:id="@+id/Enailbox"
                android:layout_width="300dp"
                android:layout_height="50dp"
                android:background="@drawable/edittext"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Email"
                android:inputType="textEmailAddress"
                android:layout_marginLeft="30dp" />

            <EditText
                android:id="@+id/Phonebox"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Phone"
                android:inputType="phone"
                android:layout_marginLeft="30dp" />

            <EditText
                android:id="@+id/Passbox1"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Password"
                android:inputType="textPassword"
                android:layout_marginLeft="30dp" />

            <EditText
                android:id="@+id/Passbox2"
                android:layout_width="300dp"
                android:background="@drawable/edittext"
                android:layout_height="50dp"
                android:layout_marginStart="30dp"
                android:layout_marginTop="30dp"
                android:hint="Password Confirm"
                android:inputType="textPassword"
                android:layout_marginLeft="30dp" />

            <Button
                android:layout_width="150dp"
                android:layout_height="50dp"
                android:background="@drawable/button"
                android:layout_marginStart="100dp"
                android:layout_marginTop="50dp"
                android:text="Submit"
                android:layout_marginLeft="100dp" />

        </LinearLayout>


    </ScrollView>

</RelativeLayout>

在您的xml代碼中,給定負邊距,只需刪除它們,您的布局就會根據您的需要滾動。

試試這個@Thomas,

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white">


<LinearLayout
    android:id="@+id/headerView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/transparent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="203dp"
        android:layout_height="95dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="@drawable/logo" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="70dp"
        android:layout_alignBottom="@id/imageView2"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="-120dp"
        android:text="Register"
        android:textColor="@color/Black"
        android:textSize="40dp"
        android:textStyle="italic" />


</LinearLayout>

<ScrollView
    android:id="@+id/scrollView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/headerView"
    android:layout_marginBottom="@dimen/dimen_50dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <EditText
            android:id="@+id/Namebox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:background="@drawable/edittext"
            android:ems="25"
            android:hint="Name"
            android:inputType="text" />

        <EditText
            android:id="@+id/Enailbox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Email"
            android:inputType="textEmailAddress" />

        <EditText
            android:id="@+id/Phonebox"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Phone"
            android:inputType="phone" />

        <EditText
            android:id="@+id/Passbox1"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Password"
            android:inputType="textPassword" />

        <EditText
            android:id="@+id/Passbox2"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/edittext"
            android:hint="Password Confirm"
            android:inputType="textPassword" />

        <Button
            android:layout_width="150dp"
            android:layout_height="50dp"
            android:layout_marginStart="100dp"
            android:layout_marginTop="50dp"
            android:background="@drawable/button"
            android:text="Submit" />

    </LinearLayout>


</ScrollView>

更改滾動視圖屬性

android:layout_height="match_parent"

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM