根据子TextView的内容大小缩放RelativeLayout

时间:2016-08-02 06:57:17

标签: android scale relativelayout

我有一个消息传递活动,我希望用户能够键入messageField并让它随着文本流入下一行而动态增长。我还需要限制它应该增长多少,因为用户仍然应该看到最后发送的几条消息。我不知道从哪里开始。任何方向都会受到赞赏。

我的chat_activity.xml的相关内容:(这一切都是RelativeLayout

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/interactionHolder"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingBottom="10dp"
    android:paddingTop="10dp"
    android:layout_below="@+id/headerContainer"
    android:id="@+id/contentFrameLayout">

    <ListView
        android:id="@+id/messageListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal"

        android:transcriptMode="disabled"
        android:smoothScrollbar="false"
        android:dividerHeight="5dp"
        android:divider="@null"
        android:drawSelectorOnTop="false"
        android:listSelector="@android:color/transparent"
        android:cacheColorHint="#00000000" />

</FrameLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:id="@+id/interactionHolder"
    android:layout_alignParentBottom="true"
    android:visibility="visible">

    <RelativeLayout
        android:id="@+id/textfieldcontainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="false"
        android:layout_alignParentRight="false"
        android:layout_gravity="bottom"
        android:alignmentMode="alignMargins"
        android:background="#ff9d9d9d"
        >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/photoButton"
            android:scaleType="centerCrop"
            android:src="@android:drawable/ic_menu_camera"
            android:layout_alignParentLeft="true"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:contentDescription="@string/upload" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/voiceButton"
            android:layout_toRightOf="@+id/photoButton"
            android:focusable="false"
            android:src="@android:drawable/ic_btn_speak_now"
            android:scaleType="centerCrop"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:contentDescription="@string/voicenote" />

        <EditText
            android:id="@+id/messageField"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:ems="10"
            android:gravity="left|center"
            android:inputType="textMultiLine"
            android:background="@android:drawable/editbox_background_normal"
            android:textColor="#ff000000"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/voiceButton"
            android:layout_toEndOf="@+id/voiceButton"
            android:layout_toLeftOf="@+id/sendButton"
            android:layout_toStartOf="@+id/sendButton" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/sendButton"
            android:src="@android:drawable/ic_menu_send"
            android:layout_alignParentRight="true"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:contentDescription="@string/sendbutton"
            android:clickable="true" />

    </RelativeLayout>
</RelativeLayout>

2 个答案:

答案 0 :(得分:1)

您可以使用以下两个xml属性限制EditText中的用户输入:

android:maxLines="[int]" // No. of lines
android:maxLength="[int]" // No. of characters

随着用户输入的到来,此小部件的缩放也将相应调整。

<强> [编辑]

要使RelativeLayoutEdditText一起扩展(限制在某种程度上),您可以尝试更改布局参数,如下所示:

<!-- This was orininally RelativeLayout, changing this to FrameLayout for performance reasons -->
<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" <!-- change here -->
    android:id="@+id/interactionHolder"
    android:layout_alignParentBottom="true"
    android:visibility="visible">

    <RelativeLayout
        android:id="@+id/textfieldcontainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" <!-- change here -->
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="false"
        android:layout_alignParentRight="false"
        android:layout_gravity="bottom"
        android:alignmentMode="alignMargins"
        android:background="#ff9d9d9d"
        >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/photoButton"
            android:scaleType="centerCrop"
            android:src="@android:drawable/ic_menu_camera"
            android:layout_alignParentLeft="true"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:contentDescription="@string/upload" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/voiceButton"
            android:layout_toRightOf="@+id/photoButton"
            android:focusable="false"
            android:src="@android:drawable/ic_btn_speak_now"
            android:scaleType="centerCrop"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:contentDescription="@string/voicenote" />

        <EditText
            android:id="@+id/messageField"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" <!-- change here -->
            android:maxLines="4"                 <!-- change here -->
            android:ems="10"
            android:gravity="left|center"
            android:inputType="textMultiLine"
            android:background="@android:drawable/editbox_background_normal"
            android:textColor="#ff000000"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/voiceButton"
            android:layout_toEndOf="@+id/voiceButton"
            android:layout_toLeftOf="@+id/sendButton"
            android:layout_toStartOf="@+id/sendButton" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/sendButton"
            android:src="@android:drawable/ic_menu_send"
            android:layout_alignParentRight="true"
            android:background="#ff9d9d9d"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:contentDescription="@string/sendbutton"
            android:clickable="true" />

    </RelativeLayout>
</FrameLayout>

答案 1 :(得分:0)

我已将此用于聊天活动。检查此控件。

 <EditText
            android:id="@+id/messageField"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@null"
            android:hint="Message"
            android:inputType="textMultiLine|textCapSentences"
            android:maxHeight="100dp"
            android:maxLength="8000"
            android:minLines="1"
            android:padding="10dp"
            android:scrollbars="vertical"
            android:textColor="@color/black"
            android:textColorHint="@color/gray_60"
            android:layout_toRightOf="@+id/voiceButton"
            android:layout_toEndOf="@+id/voiceButton"
            android:layout_toLeftOf="@+id/sendButton"
            android:layout_toStartOf="@+id/sendButton"
            android:textSize="15dp" />