Android ScrollView和屏幕底部的按钮

时间:2012-02-17 10:08:24

标签: android android-layout scrollview

我想实现这个:ScrollView包含许多元素(ImageViews,TextViews,EditTexts等),然后在ScrollView之后的一些按钮(自定义ImageViews)总是出现在屏幕的底部。

如果我使用android:fillViewport =“true”属性,那么如果ScrollView的元素太大而不适合屏幕大小,那么按钮就会变得不可见。如果我使用android:Weight = 1属性,那么当屏幕很大并且它可以适合时,ScrollView只获得屏幕的50%(我希望按钮占用一小部分,大约10%)。如果我将android:Weight设置为更大的值,那么按钮看起来非常小。

请帮忙!也许这是我忽略的简单事情,但我已经敲了几个小时!

5 个答案:

答案 0 :(得分:82)

刚创建并测试过它。看起来像你想要的。

<?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">

    <LinearLayout
            android:id="@+id/buttons"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center"
            android:layout_alignParentBottom="true">
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Custom Button1"/>
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Custom Button2"/>
    </LinearLayout>

    <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@id/buttons">
         <!--Scrollable content here-->
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">                
            <TextView
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="test text"
                    android:textSize="40dp"/>
        </LinearLayout>
    </ScrollView>

</RelativeLayout>

答案 1 :(得分:9)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <TextView 
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="Hello World"
            />
            <TextView 
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="Hallo Welt"
            />       
        </LinearLayout>
    </ScrollView>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Go next page"
            android:layout_alignParentRight="true" />
    </RelativeLayout>

</LinearLayout>

答案 2 :(得分:3)

这对我有用。为滚动视图指定权重1.将所有其他小部件放在布局中的滚动视图之后。滚动视图将增长到足以不阻挡其余部分。

Widgets in scroll view and rest at bottom

答案 3 :(得分:2)

scrollview无法适应屏幕因为你把它放在线性布局上,所以线性布局适合屏幕,

尝试在xml布局上将scrollview作为根元素

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <!-- Here you can put some XML stuff and BOOM! your screen fit to scrollview -->

    </LinearLayout>
</ScrollView>

答案 4 :(得分:0)

如果您不想使用 RelativeLayout ,最好使用 LinearLayout 。我认为这种方法更好。

只需将layout_weight设置为一个

enter image description here