您的位置:首页 > 移动开发 > Android开发

Android开发:聊天页面输入框和发送按钮的布局问题

2014-07-23 18:41 495 查看
在今天的开发工作中,自己写了一个简单的聊天界面。



布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TableLayout
android:id="@+id/bottom_content"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true">

<TableRow>
<TableRow android:layout_weight="3">
<EditText
android:hint = "@string/input_info"
android:id = "@+id/MessageText"/>
</TableRow>
<TableRow android:layout_weight="1">
<Button
android:text="@string/send_msg"
android:id = "@+id/MessageButton"/>
</TableRow>
</TableRow>
</TableLayout>

<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop = "true"
android:layout_above="@+id/bottom_content"
/>
</RelativeLayout>

让输入框的宽度占屏幕宽度的3/4,发送按钮的宽度占屏幕宽度1/4。

但是当输入的文字过多并且关闭输入键盘或者打开输入键盘的时候,输入框的宽度会挤压发送按钮,当文字的宽度达到一定宽度,发送按钮会“消失”(看不见的状态)。
这里提供一个简单的解决办法:在Java代码中给该EditText设置一个监听器addTextChangedListener,监听输入内容的变化,然后再重写onTextChanged方法,使输入框的宽度占全屏的3/4,发送按钮的宽度占全屏的1/4。
核心代码如下,只需要在onTextChanged中设定输入框和发送按钮的宽度分别占3/4和1/4即可:
messageSend=(Button)findViewById(R.id.MessageButton);
editText=(EditText)findViewById(R.id.MessageText);
editText.addTextChangedListener(new TextWatcher() {
@Override
public void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) {
editText.setWidth((3*screenWidth)/4);
messageSend.setWidth(screenWidth/4);
}
@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,int arg3) {
}
@Override
public void afterTextChanged(Editable arg0) {
}
});
<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span>
 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐