[英]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.