聊天頁面輸入框和發送按鈕的布局問題 Android

標籤：

。

布局檔案如下

 

<?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() {@Overridepublic void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) {editText.setWidth((3*screenWidth)/4);messageSend.setWidth(screenWidth/4);}@Overridepublic void beforeTextChanged(CharSequence arg0, int arg1, int arg2,int arg3) {}@Overridepublic void afterTextChanged(Editable arg0) {}});<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span>

聊天頁面輸入框和發送按鈕的布局問題 Android