Android edittext自动增长文本并推动事物

时间:2013-04-09 22:50:02

标签: android android-layout android-edittext

是的,这是另一个关于SO的edittext成长问题。是的,我已经完成了所有这些edittext增长问题。但这有点具体。

用户界面:

enter image description here

一个简单的android布局,下面是edittext和按钮。当文本较少时,edittext视图仍然覆盖整个屏幕,为下面的按钮留出空间。

用户开始输入文本后,edittext会垂直增长以容纳文本。同时,按钮也应该向下推,让edittext增长。

用户可以垂直滚动屏幕查看全文。

输入重要文字后的

用户界面:

enter image description here

以下是使用edittext和按钮的布局:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background"
    android:clipToPadding="false"
    android:fadingEdge="none"
    android:fillViewport="true"
    android:padding="13dp"
    android:scrollbarStyle="outsideOverlay" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">

        <!-- some fixed width image  -->
        <ImageView
            android:id="@+id/someimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:src="@drawable/page_white_text" />

        <EditText
            android:id="@+id/some"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/someimage"
            android:background="@null"
            android:gravity="top"
            android:minLines="10"
            android:minHeight="50dp"
            android:textColor="#222222"
            android:textSize="15dp"
            android:typeface="serif" >
            <requestFocus />
        </EditText>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:baselineAligned="true"
            android:layout_marginTop="5dp"
            android:padding="10dp"
            android:orientation="vertical" >

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

        </LinearLayout>
    </RelativeLayout>

</ScrollView>

这或多或少有效。但是当我输入很多文字时,而不是向下按下按钮。它落后于它:

enter image description here

非常感谢任何帮助。谢谢:))

3 个答案:

答案 0 :(得分:2)

这是我的建议:在ScrollView内部,放置一个RelativeLayout,您可以使用android:layout_below以特定顺序放置每个元素。要自动增长EditText,请使用此solution

让我们看一个例子:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"
android:layout_gravity="center">
<RelativeLayout
    android:id="@+id/general2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_margin="20sp" >

    <TextView
        android:id="@+id/textFirstOpinion"
        android:layout_height="wrap_content"  
        android:layout_width="wrap_content"
        android:text="@string/titleFirstOpinion"
        android:textStyle="bold"
        android:textSize="23sp"
        android:textColor="#FFFFFF"
        android:layout_marginTop="10dp" />

    <EditText
        android:id="@+id/fieldFirstOpinion"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/textFirstOpinion" 
        android:minHeight="80sp"
        android:isScrollContainer="true"
        android:inputType="textMultiLine"
        android:textSize="20sp"
        android:gravity="top|left" />

    <Button
        android:id="@+id/button"
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/fieldFirstOpinion"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="37sp"
        android:textSize="23sp"
        android:text="@string/textSendButton"
        android:gravity="center_horizontal"
        android:padding="10dp" />

</RelativeLayout>
</ScrollView>

答案 1 :(得分:0)

尝试在你的LinearLayout中添加android:layout_below =“@ id / some”,如

   <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:baselineAligned="true"
        android:layout_marginTop="5dp"
        android:padding="10dp"
        android:orientation="vertical"
        android:layout_below="@id/some" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />

    </LinearLayout>

答案 2 :(得分:0)

由于您希望按钮位于页面底部,请添加以下行

android:layout_below="@+id/some"
android:layout_centerHorizontal="true" 
android:layout_alignParentBottom="true" 

在您的LinearLayout代码中

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/some"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" 
        android:layout_alignParentBottom="true"
        android:baselineAligned="true"
        android:layout_marginTop="5dp"
        android:padding="10dp"
        android:orientation="vertical" >

还要确保EditText的layout:height参数设置为wrap_content 试试这个并告诉我它是否有效